/*
Theme Name: Calma Laboral – Psicoeducación Emocional Laboral
Theme URI: https://example.com/calma-laboral
Author: Calma Laboral
Description: Tema minimalista para Calma Laboral.
Version: 1.1.0
Text Domain: calma-laboral-theme
*/

:root {
  --cl-base: #A67C52;
  --cl-accent: #8B5E3C;
  --cl-light: #F5F0EB;
  --cl-text: #3E2F23;
  --cl-muted: #BFAFA0;
}

body {
  background-color: var(--cl-light);
  color: var(--cl-text);
  font-family: "Inter", sans-serif;
}

.cl-container {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.cl-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.cl-section--muted {
  background-color: #ffffff;
}

.cl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0.75rem 1.75rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
}

.cl-btn--primary {
  background-color: var(--cl-base);
  color: #fff;
}

.cl-btn--primary:hover {
  background-color: var(--cl-accent);
}

.cl-btn--secondary {
  background-color: #fff;
  color: var(--cl-text);
  border-color: var(--cl-muted);
}

.cl-btn--full {
  width: 100%;
}

.cl-text-small {
  font-size: 0.75rem;
  line-height: 1.4;
}

.cl-text-muted {
  color: var(--cl-muted);
}

.cl-border-top {
  border-top: 1px solid var(--cl-muted);
}


/* --- MailerLite embed helpers --- */
.ml-form-embedContainer,
.ml-embedded {
  max-width: 720px;
  margin: 0 auto;
}

.ml-form-embedContainer input[type="text"],
.ml-form-embedContainer input[type="email"],
.ml-embedded input[type="text"],
.ml-embedded input[type="email"]{
  border-radius: 9999px !important;
}

.ml-form-embedContainer button,
.ml-embedded button{
  border-radius: 9999px !important;
}