/* =====================================================================
   ANTAE Prototipo: ajustes para parecerse al prototipo aprobado
   Se carga después de style.css.
   ===================================================================== */
:root { --content: 1260px; --serif: "Source Serif 4", Georgia, serif; --sans: "Atkinson Hyperlegible", "Avenir Next", sans-serif; }
body { font-weight: 300; font-size: 1rem; line-height: 1.6; }
h2 { font-size: clamp(2rem, 2.8vw, 2.6rem); }
.main-nav a { font-size: .9rem; }
.section-head { max-width: 760px; }
/* b, strong { font-weight: 700; } */

/* Menú: texto plano, sin botón destacado */
.main-nav a { font-weight: 400; }
.main-nav .nav-cta > a { background: none; color: inherit; padding: 6px 0; border-radius: 0; }

/* Cabecera de la home: sobre el hero */
.home .site-header { position: fixed; inset: 0 0 auto; width: 100%; background: transparent; border-bottom-color: transparent; backdrop-filter: none; transition: background-color .2s, box-shadow .2s; }
.home .site-header.is-scrolled { background: rgba(255, 255, 255, .78); backdrop-filter: blur(12px); box-shadow: 0 8px 20px rgba(17, 17, 17, .05); }

/* Hero */
.proto-hero { background: linear-gradient(90deg, rgba(241, 235, 225, .97) 0%, rgba(241, 235, 225, .91) 44%, rgba(241, 235, 225, .68) 100%), url("home-hero-anxiety.jpg") center / cover no-repeat, var(--cream); }
.proto-hero-cols { max-width: var(--content); margin: 0 auto; padding: calc(5.5rem + 2vw) var(--gutter) clamp(2rem, 4vw, 3rem); gap: clamp(2rem, 4vw, 4rem); min-height: 520px; }
.proto-hero h1 { max-width: 16ch; margin-top: .7rem; font-size: clamp(2.45rem, 4.3vw, 3.9rem); line-height: 1.04; }
.proto-lead { max-width: 55ch; margin: 1.1rem 0 0; font-size: 1rem; line-height: 1.55; color: var(--muted); }
.proto-hero .wp-block-buttons { margin-top: 1.4rem; }

.proto-card { background: #faf8f3; box-shadow: 0 20px 50px rgba(17, 17, 17, .08); }
.proto-media { position: relative; }
.proto-media .wp-block-image { margin: 0; }
.proto-img img { width: 100%; aspect-ratio: 4 / 2; object-fit: cover; }
.proto-caption { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); }
.proto-caption > .wp-block-group__inner-container { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem 1rem; align-items: center; }
.proto-caption p { margin: 0; }
.proto-caption .eyebrow { margin: 0; color: var(--teal); }
.proto-caption-text { font-weight: 500; line-height: 1.35; grid-column: 1; }
.proto-caption .wp-block-buttons { grid-column: 2; grid-row: 1 / 3; margin: 0; }
.proto-caption .wp-block-button__link { white-space: nowrap; }
.is-bag .wp-block-button__link::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("bag.svg") center / contain no-repeat; mask: url("bag.svg") center / contain no-repeat; }
.proto-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 1rem 1.1rem; list-style: none; border-top: 1px solid var(--line); }
.proto-facts li { display: grid; padding: 0 1rem; }
.proto-facts li + li { border-left: 1px solid var(--line); }
.proto-facts li:first-child { padding-left: 0; }
.proto-facts strong { font: 600 1.2rem var(--serif); color: var(--teal); }
.proto-facts span { font-size: .85rem; }

.proto-trust { display: grid; grid-template-columns: repeat(3, 1fr); max-width: var(--content); margin: 0 auto; padding: 1.15rem var(--gutter) 1.6rem; border-top: 1px solid var(--line); }
.proto-trust > div { display: grid; gap: .25rem; padding: .35rem clamp(1rem, 2vw, 1.8rem); }
.proto-trust > div + div { border-left: 1px solid var(--line); }
.proto-trust strong { color: var(--teal); font: 600 1.4rem var(--serif); }
.proto-trust span { color: var(--muted); font-size: .88rem; }

/* Atlas en tres bloques */
.proto-resources { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); background: #fff; margin-bottom: 1.2rem; }
.proto-resources a { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; text-decoration: none; }
.proto-resources a + a { border-left: 1px solid var(--line); }
.proto-resources a:hover { background: var(--cream); }
.proto-resources small { color: var(--teal); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .72rem; }
.proto-resources strong { font: 600 1.25rem/1.25 var(--serif); }
.proto-resources span { margin-top: auto; color: var(--teal); font-weight: 700; font-size: .9rem; }

/* Columnas de sección */
.proto-cols { gap: clamp(2rem, 4vw, 4rem); }
.proto-steps { list-style: none; margin: 1.4rem 0; padding: 0; display: grid; gap: 1rem; }
.proto-steps li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; }
.proto-steps li > span { font: 600 1.4rem var(--serif); color: var(--teal); }
.proto-steps p { margin: .1rem 0 0; color: var(--muted); }
.proto-course { background: #fff; border: 1px solid var(--line); padding: 1.6rem; }
.proto-course-top { display: flex; justify-content: space-between; align-items: baseline; }
.proto-course-top span { color: var(--teal); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .72rem; }
.proto-progress { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; margin: 1.1rem 0; }
.proto-progress i { height: 8px; background: var(--accent); opacity: .35; }
.proto-progress i:nth-child(-n+3) { opacity: 1; }
.proto-course h3 { margin: 0 0 .8rem; }
.proto-course ul { margin: 0; padding-left: 1.2rem; }
.proto-test { background: #fff; border: 1px solid var(--line); padding: 1.6rem; display: grid; gap: .4rem; justify-items: start; }
.proto-meter { display: block; width: 100%; height: 8px; background: var(--cream); }
.proto-meter i { display: block; width: 45%; height: 100%; background: var(--accent); }
.proto-test-number { font: 600 3.4rem/1 var(--serif); color: var(--teal); }
.proto-test ul { margin: .4rem 0 0; padding-left: 1.2rem; }
.proto-purchase { background: var(--ink); color: #fff; padding: 1.8rem; }
.proto-purchase .eyebrow { color: #7fdcdc; }
.proto-price { margin: .2rem 0; }
.proto-price del { opacity: .6; margin-right: .6rem; }
.proto-price strong { font: 600 2.4rem var(--serif); }
.proto-purchase .note { color: #cfcfca; }

@media (max-width: 781px) {
	.proto-hero-cols { padding-top: calc(5rem + 2vw); min-height: 0; }
	.proto-caption { position: static; }
	.proto-caption > .wp-block-group__inner-container { grid-template-columns: 1fr; }
	.proto-caption .wp-block-buttons { grid-column: 1; grid-row: auto; margin-top: .6rem; }
	.proto-resources, .proto-trust { grid-template-columns: 1fr; }
	.proto-resources a + a, .proto-trust > div + div { border-left: 0; border-top: 1px solid var(--line); }
}