/* tokens */
:root{
	--color-coral:#f39b6d;
	--color-mint:#79ceb8;
	--color-cream:#f4f1d9;
	--color-band:#e9e3b4;
	--color-blush:#eecccf;
	--color-stone:#ecece8;
	--color-stone-50:#f4f3f1;
	--color-accent:#ff5714;
	--color-accent-text:#b93a07;
	--color-ink:#2c2a28;
	--color-on-dark:#c6c5b9;
	--color-gray-200:#e5e7eb;
	--color-gray-300:#d1d5db;
	--color-gray-500:#6b7280;
	--color-gray-700:#374151;
	--type-display:"Outfit",sans-serif;
	--type-body:"Figtree",sans-serif;
	--curve:cubic-bezier(.4,0,.2,1);
}

/* base */
*,:after,:before{box-sizing:border-box;border:0 solid}
html{-webkit-text-size-adjust:100%;line-height:1.5}
body{margin:0;background:#fff;color:var(--color-ink);font-family:var(--type-body);font-size:16px;line-height:24px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{list-style:none;padding:0}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:inherit}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{cursor:pointer;background:transparent}
:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}
[hidden]{display:none!important}

/* utilities (las que usa el tema) */
.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
.max-w-5xl{max-width:1024px}.max-w-xl{max-width:36rem}.max-w-md{max-width:28rem}
.mx-auto{margin-left:auto;margin-right:auto}
.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}
.flex{display:flex}.grid{display:grid}.block{display:block}.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.shrink-0{flex-shrink:0}
.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}
.grid-cols-1{grid-template-columns:1fr}
.py-1{padding-top:4px;padding-bottom:4px}.py-12{padding-top:48px;padding-bottom:48px}.pt-16{padding-top:64px}.pb-12{padding-bottom:48px}.pb-0{padding-bottom:0}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}
.text-center{text-align:center}
.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px;letter-spacing:-.025em}.text-2xl{font-size:24px;line-height:23.28px;letter-spacing:-.025em}.text-3xl{font-size:30px;line-height:33px;letter-spacing:-.025em}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:800}
.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.italic{font-style:italic}.underline{text-decoration:underline}
.text-ink{color:var(--color-ink)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-accent{color:var(--color-accent-text)}.text-white{color:#fff}
.bg-white{background:#fff}.bg-coral{background:var(--color-coral)}.bg-mint{background:var(--color-mint)}.bg-cream{background:var(--color-cream)}.bg-band{background:var(--color-band)}.bg-blush{background:var(--color-blush)}.bg-stone{background:var(--color-stone)}.bg-stone-50{background:var(--color-stone-50)}.bg-ink{background:var(--color-ink)}
.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}
.shadow-sm{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
.transition{transition:color .15s var(--curve),background-color .15s var(--curve),border-color .15s var(--curve),box-shadow .15s var(--curve)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* titulares */
.display-1,.display-2,.display-3{font-family:var(--type-display);font-weight:800;color:var(--color-ink)}
.display-1{font-size:clamp(40px,2.6vw + 30px,72px);line-height:.97;letter-spacing:-.032em}
.display-2{font-size:clamp(34px,2.4vw + 24px,64px);line-height:.97;letter-spacing:-.032em}
.display-3{font-size:clamp(30px,1.6vw + 22px,48px);line-height:.97;letter-spacing:-.032em}
.lede{font-size:18px;line-height:28px;letter-spacing:-.45px;color:var(--color-gray-700)}

/* botones */
.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:9999px;background:var(--color-accent);color:var(--color-ink);font-size:18px;line-height:24px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:background-color .15s var(--curve)}
.btn-pill:hover{background:#e84a0c}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 24px;border:1px solid var(--color-ink);border-radius:9999px;font-size:16px;font-weight:700;transition:box-shadow .15s var(--curve)}
.btn-outline:hover{box-shadow:inset 0 0 0 999px rgba(0,0,0,.06)}
.btn-dark{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:8px;background:var(--color-ink);color:#fff;font-weight:600;transition:background-color .15s var(--curve)}
.btn-dark:hover{background:#1e1d1c}

/* franja superior */
.utility-bar{background:var(--color-stone-50);font-size:14px;line-height:20px;color:var(--color-gray-700)}
.utility-bar a{color:var(--color-accent-text);font-weight:500}

/* header */
.crown{position:relative;z-index:40;background:#fff}
.crown-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.crown-logo{display:flex;align-items:center;gap:10px;font-family:var(--type-display);font-size:22px;font-weight:800;letter-spacing:-.6px}
.crown-logo img{width:auto;height:22px}
.crown-nav{display:none}
.crown-nav a{font-weight:700;transition:color .15s var(--curve)}
.crown-nav a:hover,.crown-nav a[aria-current=page]{color:var(--color-accent-text)}
.crown-actions{display:none}
.crown-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px}
.crown-toggle svg{width:26px;height:26px}
.crown-overlay{position:fixed;inset:0;z-index:50;padding:96px 24px 24px;background:#fff;overflow-y:auto}
.crown-overlay a{display:block;padding:14px 0;border-bottom:1px solid var(--color-stone);font-size:18px;font-weight:700;text-transform:uppercase}
.crown-overlay .cerrar{position:absolute;top:16px;right:16px}

/* portada con arco */
.hero{position:relative;background:var(--color-coral)}
/* no tocar el top:-1px: sin él queda una línea de color entre el header y el arco */
.hero-arc{position:absolute;left:0;right:0;top:-1px;width:100%;height:48px;z-index:2;pointer-events:none}
.hero-arc path{fill:#fff}
.hero-image{position:relative;height:350px;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}
.hero-image .hero-quote{position:absolute;left:16px;right:16px;bottom:20px;z-index:1;color:#fff;font-weight:700;font-size:20px;line-height:26px;text-align:center}
.hero-edge{display:none}
.hero-chip{display:none}
.hero-text{padding:40px 16px 56px}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:18px;line-height:28px}
.check-list svg{flex:none;width:22px;height:22px;margin-top:3px}
.fused{display:flex;flex-direction:column;max-width:28rem}
.fused input{height:48px;padding:12px 16px;border-radius:8px 8px 0 0;background:#fff;font-size:16px}
.fused input:focus{outline:0;box-shadow:inset 0 0 0 2px #000}
.fused .btn-dark{border-radius:0 0 8px 8px}

/* tarjetas fila */
.row-card{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--color-gray-200);border-radius:8px;transition:box-shadow .15s var(--curve)}
.row-card:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}
.row-card:hover h3{color:var(--color-accent-text)}
.row-card img{width:128px;height:96px;flex:none;object-fit:cover;border-radius:8px}
.row-card .flecha{flex:none;width:24px;height:24px;margin-left:auto;color:var(--color-accent)}

/* arco menta */
.arc-top{position:absolute;left:0;right:0;top:-1px;width:100%;height:40px}
.arc-top path{fill:#fff}

/* planilla de ejemplo */
.planilla{width:100%;min-width:620px;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:15px;line-height:22px}
.planilla th{padding:12px 14px;background:var(--color-ink);color:#fff;text-align:left;font-weight:600}
.planilla td{padding:12px 14px;border-bottom:1px solid var(--color-gray-200)}
.planilla tfoot td{font-weight:700;background:var(--color-stone-50)}
.planilla .urg{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.urg-alta{background:#ffe1d4;color:#b4380a}.urg-media{background:#f6eecb;color:#6b5a12}.urg-baja{background:#dcf1ea;color:#1f6b57}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}

/* filas con icono */
.feature-row{display:flex;gap:16px}
.feature-row svg{flex:none;width:48px;height:48px;color:var(--color-mint)}

/* reels: fichas de las dos personas */
.reel{position:relative;flex:0 0 78%;aspect-ratio:9/14;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);scroll-snap-align:start}
.reel img{width:100%;height:100%;object-fit:cover}
.reel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 55%)}
.reel-text{position:absolute;left:20px;right:20px;bottom:22px;z-index:1;color:#fff}
.reel-text q{display:block;font-family:var(--type-display);font-size:24px;line-height:26px;font-weight:800;letter-spacing:-.6px}
.reel-text span{display:block;margin-top:10px;font-size:14px;opacity:.85}
.reels{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.reels::-webkit-scrollbar{display:none}

/* pasos con hoja */
.steps-band{position:relative;overflow:hidden}
.steps-sheet{display:none}
.step-n{display:inline-flex;flex:none;width:28px;height:28px;border:1.5px solid var(--color-mint);border-radius:9999px;position:relative}
.step-n:after{content:"";position:absolute;left:8px;top:6px;width:7px;height:11px;border-right:2px solid #3a9e85;border-bottom:2px solid #3a9e85;transform:rotate(45deg)}

/* el cuestionario */
.quiz-q{font-size:20px;line-height:28px;font-weight:600}
.quiz-opt{display:block;width:100%;margin-top:10px;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:8px;background:#fff;font-size:16px;font-weight:500;text-align:left;transition:border-color .15s var(--curve),background-color .15s var(--curve)}
.quiz-opt:hover{border-color:var(--color-ink)}
.quiz-opt[aria-pressed=true]{border-color:var(--color-accent);background:#fff4ee}
.quiz-steps{display:flex;gap:6px;margin-bottom:18px}
.quiz-steps i{display:block;flex:1;height:4px;border-radius:9999px;background:var(--color-gray-200)}
.quiz-steps i.on{background:var(--color-accent)}
.quiz-result{padding:20px;border-radius:12px;background:var(--color-cream)}
.quiz-result b{display:block;font-family:var(--type-display);font-size:26px;line-height:28px;font-weight:800;letter-spacing:-.6px}
.quiz-field{display:block;width:100%;height:48px;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:8px;background:#fff;font-size:16px}
.quiz-field:focus{outline:0;border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}
.quiz-field.mal{border-color:#d0451b;background:#fff6f2}
.quiz-error{min-height:20px;color:#c2410c;font-size:14px}
.trampa{position:absolute;left:-6000px}

/* derechos en menta */
.mint-lower p{font-size:18px;line-height:28px}

/* lecturas */
.read-card{display:block;border-radius:12px;overflow:hidden;transition:transform .15s var(--curve)}
.read-card:hover{transform:translateY(-2px)}
.read-card img{width:100%;aspect-ratio:6/4;object-fit:cover;border-radius:12px;background:var(--color-ink)}
.read-card div{margin-top:8px;min-height:176px;padding:16px;border-radius:12px;background:#fff}

/* exclusiones */
.no-grid li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:24px}
.no-grid svg{flex:none;width:24px;height:24px;color:var(--color-accent)}

/* acordeón */
.faq-accordion{border-top:1px solid var(--color-gray-300)}
.faq-accordion>div{border-bottom:1px solid var(--color-gray-300)}
.toggle-faq{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 0;font-size:18px;line-height:26px;text-align:left}
.toggle-faq svg{flex:none;width:28px;height:28px;color:var(--color-accent);transition:transform .2s ease-in-out}
.toggle-faq[aria-expanded=true] svg{transform:rotate(90deg)}
.toggle-faq-content{padding:0 32px 18px 0;font-size:15px;line-height:23px;color:var(--color-gray-700)}

/* pie */
.baseline-block{background:var(--color-ink);color:var(--color-on-dark);font-size:14px;line-height:20px}
.baseline-block h4{margin-bottom:12px;color:#fff;font-size:16px;line-height:24px;font-weight:700}
.baseline-block a,.baseline-block button{display:block;padding:8px 0;color:var(--color-on-dark);text-align:left}
.baseline-block a:hover,.baseline-block button:hover{color:var(--color-coral);text-decoration:underline}

/* cookies */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:420px;padding:20px;border-radius:12px;background:#fff;box-shadow:0 8px 48px rgba(0,0,0,.15);font-size:14px;line-height:20px}
.consent a{color:var(--color-accent-text);text-decoration:underline}
.consent-opts label{display:flex;align-items:center;gap:8px;margin-top:8px}

/* aparición */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1)}
.reveal.is-in{opacity:1;transform:none}

@media (min-width:600px){
	.fused{flex-direction:row}
	.fused input{flex:1;border-radius:8px 0 0 8px}
	.fused .btn-dark{border-radius:0 8px 8px 0}
	.reel{flex-basis:46%}
	.read-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:960px){
	.lg\:py-24{padding-top:96px;padding-bottom:96px}
	.lg\:py-20{padding-top:80px;padding-bottom:80px}
	.lg\:pt-24{padding-top:96px}
	.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}
	.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}
	.lg\:gap-12{gap:48px}
	.lg\:pr-16{padding-right:64px}
	.lg\:text-center{text-align:center}
	.lede{font-size:20px;line-height:28px;letter-spacing:-.5px}
	.crown-row{min-height:95px}
	.crown-logo{font-size:26px}
	.crown-logo img{height:28px}
	.crown-nav{display:flex;align-items:center;gap:32px}
	.crown-actions{display:flex;align-items:center;gap:12px}
	.crown-toggle{display:none}
	.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
	.hero-arc{height:96px}
	.hero-text{order:-1;padding:120px 48px 64px max(16px,calc((100vw - 1280px)/2 + 16px));align-self:center}
	.hero-image{height:auto;min-height:640px}
	.hero-image:after,.hero-image .hero-quote{display:none}
	.hero-edge{display:block;position:absolute;left:0;top:0;bottom:0;height:100%;width:80px;z-index:1}
	.hero-edge path{fill:var(--color-coral)}
	.hero-chip{display:block;position:absolute;z-index:2}
	.chip-price{left:120px;bottom:48px;padding:14px 16px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 2.5px 10px -4px rgba(0,0,0,.05)}
	.chip-quote{left:280px;bottom:48px;max-width:16rem;padding:16px;border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);font-size:14px;line-height:20px}
	.row-card img{width:208px;height:128px}
	.arc-top{height:80px}
	.reel{flex-basis:44%}
	.steps-band>.bg-band{min-height:470px}
	.steps-sheet{display:block;position:absolute;left:max(16px,calc((100vw - 1280px)/2));bottom:0;width:420px}
	.steps-sheet img{border-radius:12px 12px 0 0;box-shadow:0 20px 40px rgba(0,0,0,.18)}
	.steps-copy{padding-left:520px}
	.read-grid{grid-template-columns:repeat(3,1fr)}
	.baseline-block .cols{grid-template-columns:repeat(4,1fr)}
	.consent{left:24px;bottom:24px}
}
@media (prefers-reduced-motion:reduce){
	.reveal{opacity:1;transform:none;transition:none}
	*{transition-duration:0s!important}
}

/* comparación y casos (agregado después) */
.compare{width:100%;min-width:720px;border-collapse:collapse;font-size:15px;line-height:22px}
.compare th,.compare td{padding:14px 16px;border-bottom:1px solid var(--color-gray-300);text-align:left;vertical-align:top}
.compare thead th{font-weight:700;font-size:16px;color:var(--color-ink)}
.compare tbody th{width:18%;font-weight:700}
.compare td{color:var(--color-gray-700)}
.compare .nosotros{background:#fff;color:var(--color-ink);border-left:3px solid var(--color-accent)}
.compare thead .nosotros{background:var(--color-coral);border-radius:8px 8px 0 0}
.case-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--color-gray-200);border-radius:12px;font-size:16px;line-height:25px;color:var(--color-gray-700)}
.case-card h3{color:var(--color-ink)}
.case-card b{color:var(--color-ink)}
.case-tag{align-self:flex-start;padding:4px 12px;border-radius:9999px;background:var(--color-blush);color:var(--color-ink);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.case-note{margin-top:auto;padding-top:16px;font-size:14px;line-height:20px;font-style:italic;color:#6b6460}

/* interiores */
.cabezal{position:relative;padding:48px 0 88px;background:var(--color-coral)}
.cabezal .crumbs{font-size:14px;line-height:20px}
.cabezal .crumbs a{text-decoration:underline}
.page-arc{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:40px;transform:rotate(180deg)}
.page-arc path{fill:#fff}
.check-grid li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:24px}
.check-grid svg{flex:none;width:24px;height:24px;color:var(--color-accent)}
.tramos li{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-top:1px solid var(--color-gray-300)}
.tramos li:last-child{border-bottom:1px solid var(--color-gray-300)}
.tramos b{font-family:var(--type-display);font-size:22px;line-height:24px;font-weight:800;letter-spacing:-.5px}
.carta-modelo{max-width:640px;padding:40px 36px;border-radius:4px;background:#fffdf6;box-shadow:0 1px 2px rgba(0,0,0,.06),0 18px 40px -12px rgba(0,0,0,.18);font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:27px;color:#222}
.carta-modelo p+p{margin-top:14px}
.carta-modelo mark{padding:0 4px;border-radius:3px;background:#ffe1d4;color:inherit}
.encuentro{padding:28px;border-radius:12px;background:#fff}
.encuentro .num{font-family:var(--type-display);font-size:56px;line-height:50px;font-weight:800;color:var(--color-coral)}
.legales-texto{max-width:1280px}
.legales-texto h1{font-family:var(--type-display);font-size:36px;line-height:38px;font-weight:800;letter-spacing:-1px}
.legales-texto h3{margin-top:28px;font-size:20px;line-height:26px;font-weight:700}
.legales-texto p,.legales-texto li{margin-top:10px;font-size:16px;line-height:26px}
.legales-texto ul{padding-left:24px;list-style:disc}
@media (min-width:960px){
	.cabezal{padding:64px 0 120px}
	.page-arc{height:80px}
	.tramos li{grid-template-columns:220px 1fr;gap:32px}
	.legales-texto h1{font-size:48px;line-height:46.56px}
}

.wp-singular{min-height:100%}
.page-template-default .legales-texto a{word-break:break-word}
.grid>*{min-width:0}
.row-card>div{min-width:0}
@media (max-width:599px){.row-card img{width:96px;height:80px}.row-card h3{font-size:20px;line-height:22px}}
@media (min-width:960px){.mint-lower .container{margin-left:max(0px,calc((100vw - 1280px)/2))}}

.display-1,.display-2,.display-3,h3{text-wrap:balance}
.lede{text-wrap:pretty}