/*
Theme Name: ANTAE Cálido
Description: Estilo cálido y humano para el Instituto de la Ansiedad. Tema hijo de ANTAE: comparte plantillas y contenido, cambia la capa visual.
Template: antae
Version: 0.1.0
Author: ANTAE
Text Domain: antae-calido
*/

:root {
	--bg: #fbf6ee;
	--surface: #fffdf9;
	--cream: #f3e8d8;
	--ink: #23302e;
	--muted: #5d6a67;
	--line: rgba(35, 48, 46, .13);
	--teal: #0b6b62;
	--deep: #0a4a43;
	--accent: #00a098;
	--accent-hover: #008a83;
	--blue: #0898c0;
	--apricot: #f3b98f;
	--serif: "Fraunces", Georgia, serif;
	--sans: "Nunito Sans", system-ui, sans-serif;
	--r: 22px;
	--shadow: 0 6px 24px rgba(10, 74, 67, .08);
}

body { background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 1.0625rem; line-height: 1.7; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 500; letter-spacing: -.01em; line-height: 1.18; }
h1 { font-size: clamp(2.1rem, 4.2vw, 3.2rem); }
.eyebrow { font-family: var(--sans); letter-spacing: .08em; color: var(--teal); }
.text-link { color: var(--teal); border-bottom-color: var(--apricot); }

/* Botones: píldora */
.button, .wp-block-button__link, .wp-block-button.is-style-fill .wp-block-button__link { border-radius: 999px; padding: .8rem 1.6rem; background: var(--accent); border-color: var(--accent); font-weight: 700; }
.button:hover, .wp-block-button__link:hover { background: var(--deep); border-color: var(--deep); }
.is-style-outline > .wp-block-button__link, .button.button-outline { background: transparent; color: var(--deep); border-color: var(--deep); }
.is-style-outline > .wp-block-button__link:hover { background: var(--deep); color: #fff; }

/* Cabecera */
.site-header { background: rgba(251, 246, 238, .94); border-bottom: 0; box-shadow: 0 1px 0 var(--line); }
.main-nav a { font-weight: 600; }
.main-nav a:hover, .main-nav .current-menu-item > a { border-color: var(--apricot); }
.main-nav .nav-cta > a { border-radius: 999px; padding: 9px 20px; background: var(--accent); }

/* Secciones */
.section { padding-block: clamp(44px, 6vw, 80px); }
.section.alt { background: var(--cream); position: relative; }
.section.dark { background: var(--deep); }
.section.dark .eyebrow { color: var(--apricot); }
.section-head { max-width: 620px; }

/* Hero home: imagen orgánica */
.hero { background: linear-gradient(180deg, var(--bg), var(--cream) 140%); }
.hero-top > .wp-block-group__inner-container { grid-template-columns: 1.05fr .95fr; gap: 48px; }
.hero-lead { color: var(--muted); }
.hero-visual { margin: 0; aspect-ratio: 4 / 3; background: url("assets/img/hero-home.jpg"), url("assets/img/hero-home.svg") center / cover no-repeat; border-radius: 58% 42% 55% 45% / 48% 52% 48% 52%; box-shadow: var(--shadow); overflow: hidden; }
.hero-visual img { opacity: 0; height: 100%; max-height: none; }

.path-card { border-radius: var(--r); border: 0; background: var(--surface); box-shadow: var(--shadow); padding: 28px; }
.path-card.is-free { border-top: 6px solid var(--apricot); }
.path-card.is-program { background: var(--deep); border-top: 6px solid var(--accent); }
.path-card.is-program .eyebrow { color: var(--apricot); }
.path-card h2 { font-size: 1.5rem; }
.trust { color: var(--muted); }
.trust strong { color: var(--deep); }

/* Tarjetas */
.atlas-card, .includes > div, .stat, .team-card, .testimonials blockquote, .gad-result { border: 0; border-radius: var(--r); background: var(--surface); box-shadow: var(--shadow); }
.atlas-card { padding: 22px; }
.atlas-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(10, 74, 67, .14); }
.atlas-card small { display: inline-block; align-self: flex-start; padding: 3px 10px; border-radius: 999px; background: #dff3f1; color: var(--deep); letter-spacing: .05em; }
.atlas-card[data-bloque="comprender"] small { background: #dcf0f7; color: #06607c; }
.atlas-card[data-bloque="afrontar"] small { background: #fbe6d4; color: #8a4a1e; }
.atlas-card strong { font-family: var(--serif); font-weight: 500; }
.atlas-card span { color: var(--teal); }
.chip { border-radius: 999px; border-color: var(--line); background: var(--surface); }
.chip.is-active { background: var(--deep); border-color: var(--deep); }
.atlas-search { border-radius: 999px; border-color: var(--line); padding-inline: 1.3rem; box-shadow: var(--shadow); }
.stat-value { color: var(--teal); font-weight: 500; }
.includes > div strong { font-family: var(--serif); font-weight: 500; }
.testimonials blockquote { font-family: var(--serif); position: relative; padding: 28px; }
.testimonials blockquote::before { content: "“"; position: absolute; top: 6px; left: 18px; font-size: 3.4rem; color: var(--apricot); line-height: 1; }
.testimonials blockquote p { padding-top: 1.2rem; }

/* Equipo */
.team-photo { border-radius: 50%; width: 72%; margin: 4px auto 0; background: var(--cream); }
.team-card { text-align: center; padding: 26px 22px; }
.team-role { color: var(--teal); }

/* Cabeceras con imagen: velo verde cálido + imagen por página */
.hero-cover { border-radius: 0 0 48px 48px; overflow: hidden; background: url("assets/img/hero-programa.jpg"), url("assets/img/hero-programa.svg") center / cover no-repeat; }
.slug-investigacion .hero-cover { background-image: url("assets/img/hero-investigacion.jpg"), url("assets/img/hero-investigacion.svg"); }
.hero-cover .wp-block-cover__image-background { display: none; }
.hero-cover .wp-block-cover__background { opacity: 1 !important; background: linear-gradient(90deg, rgba(10, 74, 67, .93) 0%, rgba(10, 74, 67, .72) 45%, rgba(10, 74, 67, .1) 100%) !important; }
.hero-cover .eyebrow { color: var(--apricot); }
.page-hero { background: linear-gradient(180deg, var(--cream), var(--bg)); border-bottom: 0; }
.page-hero.atlas-hero { background: linear-gradient(90deg, rgba(10, 74, 67, .93), rgba(10, 74, 67, .7) 50%, rgba(10, 74, 67, .1)), url("assets/img/hero-atlas.jpg"), url("assets/img/hero-atlas.svg") center / cover no-repeat; border-radius: 0 0 48px 48px; }

/* Programa / FAQ / precio */
.price-box { border-radius: var(--r); background: var(--deep); box-shadow: var(--shadow); }
.faq details { border-color: var(--line); }
.checks li::marker { color: var(--accent); }

/* Artículo Atlas */
.article table { border-radius: 12px; overflow: hidden; }
.article th { background: var(--deep); }
.article blockquote { border-color: var(--apricot); }
.disclaimer { background: var(--cream); border-radius: 14px; }
.biblio { border-color: var(--line); }

/* Formularios y GAD-7 */
.gad-options label { border-radius: 14px; background: var(--surface); border-color: var(--line); }
.gad-options label:has(input:checked) { background: #dff3f1; border-color: var(--accent); }
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea { border-radius: 14px; border-color: var(--line); padding: .85rem 1rem; }
.gad-level { color: var(--teal); }

/* Pie */
.site-footer { background: var(--deep); border-radius: 48px 48px 0 0; }

@media (max-width: 900px) { .hero-top > .wp-block-group__inner-container { grid-template-columns: 1fr; } .hero-cover, .page-hero.atlas-hero { border-radius: 0 0 28px 28px; } }

/* Buscador */
.search-form .search-field { border-radius: 999px; border-color: var(--line); padding-inline: 1.3rem; box-shadow: var(--shadow); }
.search-form .search-submit { border-radius: 999px; padding-inline: 1.6rem; }

/* Móvil: velo uniforme para que el texto se lea sobre la imagen */
@media (max-width: 720px) {
	.hero-cover .wp-block-cover__background { background: linear-gradient(180deg, rgba(10, 74, 67, .9), rgba(10, 74, 67, .8)) !important; }
	.page-hero.atlas-hero { background: linear-gradient(180deg, rgba(10, 74, 67, .9), rgba(10, 74, 67, .78)), url("assets/img/hero-atlas.jpg") center / cover no-repeat, url("assets/img/hero-atlas.svg") center / cover no-repeat; }
}