/* Universo Anaya — estilos para páginas legales, entradas y patrones sueltos. El diseño de las 7 páginas está en base.css + paginas.css. */
:root{--ua-line:rgba(28,34,29,.14);--ua-line-l:rgba(244,239,230,.22);--ua-ease:cubic-bezier(.2,.7,.2,1)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p,li{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
h1 em,h2 em,h3 em,.ua-statement em{font-style:italic}
img{height:auto}
:where(main) .wp-block-image img{display:block;width:100%}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;z-index:100000;background:var(--wp--preset--color--bosque);color:var(--wp--preset--color--marfil);padding:12px 20px;top:8px;left:8px}

/* ---------- Ritmo de secciones ---------- */
.ua-eyebrow{display:flex;align-items:center;gap:14px;font-size:.8125rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.ua-eyebrow::before{content:"";width:32px;height:1px;background:var(--wp--preset--color--oro);flex:none}
.has-text-align-center.ua-eyebrow{justify-content:center}
.ua-lead{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.5;max-width:40ch}
.ua-statement{font-family:var(--wp--preset--font-family--serif);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.22}
.ua-label{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.25rem}
.ua-caption{font:italic 400 1.0625rem/1.4 var(--wp--preset--font-family--serif);opacity:.85}
.ua-meta{font-size:.875rem;border-top:1px solid var(--ua-line);padding-top:1rem}
.ua-link a{font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.ua-tbd{display:inline-block;font:400 .8125rem/1.5 ui-monospace,Menlo,monospace;background:rgba(179,148,99,.16);border:1px dashed rgba(179,148,99,.7);padding:6px 10px}
.has-marfil-color .ua-tbd,.has-marfil-color.ua-tbd{background:rgba(244,239,230,.08);border-color:rgba(244,239,230,.4)}
.ua-aviso{border-top:1px solid var(--ua-line);border-bottom:1px solid var(--ua-line);padding-block:1rem;font-size:.9375rem}
.ua-disclaimer{font-size:.875rem;opacity:.85;max-width:60ch;margin-inline:auto}

/* ---------- Botones ---------- */
.wp-block-button__link{transition:background-color .3s ease,color .3s ease}
.is-style-claro .wp-block-button__link{background:var(--wp--preset--color--marfil);color:var(--wp--preset--color--bosque)}
.is-style-claro .wp-block-button__link:hover{background:var(--wp--preset--color--oliva);color:var(--wp--preset--color--bosque)}
.is-style-enlace .wp-block-button__link,.is-style-outline .wp-block-button__link{background:transparent;color:inherit;padding-inline:0;border-bottom:1px solid currentColor}
.is-style-enlace .wp-block-button__link:hover{background:transparent;color:inherit;opacity:.75}
.is-style-enlace .wp-block-button__link::after{content:" →"}

/* ---------- Imágenes ---------- */
.wp-block-image{overflow:hidden}
.wp-block-image img{transition:transform 1.2s var(--ua-ease)}
a:hover .wp-block-image img,.wp-block-image a:hover img,.ua-doors .wp-block-column:hover img{transform:scale(1.03)}
.is-style-ventana img{border-radius:48% 48% 0 0/22% 22% 0 0}
.ua-icon{margin-bottom:.5rem}
.ua-icon img{width:72px!important;height:72px!important;transform:none!important}

/* Portadas (hero) */
.ua-hero .wp-block-cover__inner-container{max-width:1320px;margin-inline:auto;width:100%}
.ua-hero h1{max-width:12ch;color:var(--wp--preset--color--marfil)}
.ua-hero .wp-block-cover__image-background{will-change:transform}

/* Collage: imagen grande + pequeña superpuesta */
.ua-collage{position:relative;padding-bottom:12%}
.ua-collage>.wp-block-image:first-child{width:82%;margin:0}
.ua-collage__small{position:absolute!important;right:0;bottom:0;width:42%;margin:0!important;outline:10px solid var(--ua-bg,var(--wp--preset--color--marfil))}
.has-arena-background-color .ua-collage__small{--ua-bg:var(--wp--preset--color--arena)}

/* Puertas */
.ua-doors{gap:clamp(12px,1.6vw,24px)!important;align-items:flex-start!important}
.ua-doors>.wp-block-column{padding:0 0 clamp(20px,2.4vw,32px)}
.ua-doors>.wp-block-column>*:not(.wp-block-image){padding-inline:clamp(20px,2.4vw,32px)}
.ua-doors>.wp-block-column>.wp-block-image{margin:0 0 1.5rem}
.ua-doors>.wp-block-column:nth-child(2){margin-top:clamp(0px,6vw,96px)}
.ua-doors>.wp-block-column:nth-child(3){margin-top:clamp(0px,3vw,48px)}
.ua-door__num{font:italic 400 1.25rem/1 var(--wp--preset--font-family--serif);margin-bottom:.25rem}
.ua-doors a{color:inherit}

/* Guía */
.ua-guide-cover img{box-shadow:0 30px 60px -20px rgba(0,0,0,.45);transform:rotate(-2deg)!important}

/* Listas */
.ua-dash{list-style:none;padding:0}
.ua-dash li{padding:.55rem 0;border-bottom:1px solid var(--ua-line)}
.ua-dash li::before{content:"— ";color:var(--wp--preset--color--oro)}
.ua-list-serif{list-style:none;padding:0;font:400 clamp(1.375rem,2.2vw,1.875rem)/1.3 var(--wp--preset--font-family--serif)}
.ua-list-serif li{padding:.8rem 0;border-bottom:1px solid var(--ua-line)}
.has-marfil-color .ua-list-serif li,.has-marfil-color .ua-dash li{border-color:var(--ua-line-l)}
.ua-data{list-style:none;padding:0}
.ua-data li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--ua-line)}
.ua-data li strong{font-weight:500}
.ua-numbered{list-style:none;padding:0;counter-reset:n;columns:2 280px;column-gap:clamp(24px,5vw,80px)}
.ua-numbered li{counter-increment:n;break-inside:avoid;display:flex;gap:1.25rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--ua-line);font:400 clamp(1.25rem,2vw,1.625rem)/1.3 var(--wp--preset--font-family--serif)}
.ua-numbered li::before{content:counter(n,lower-roman) ".";font-style:italic;color:#5E5580;min-width:2ch}
.ua-no{list-style:none;padding:0}
.ua-no li::before{content:"× ";color:var(--wp--preset--color--tierra)}
.ua-toc{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:.9375rem}
.ua-toc a{text-decoration:none;border-bottom:1px solid var(--ua-line)}

/* Pasos */
.ua-steps{counter-reset:s;gap:clamp(20px,3vw,48px)!important}
.ua-steps>.wp-block-column{border-top:1px solid var(--ua-line);padding-top:1.5rem}
.ua-num{font:400 clamp(4rem,6vw,5.5rem)/1 var(--wp--preset--font-family--serif);color:var(--wp--preset--color--musgo);margin:0 0 1rem}

/* Mosaico (Escucha sutil) */
.ua-mosaic{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,clamp(58px,6.2vw,96px));gap:clamp(6px,.9vw,12px)}
.ua-mosaic>*{margin:0!important;height:100%}
.ua-mosaic img{height:100%!important;aspect-ratio:auto!important;object-fit:cover}
.ua-mosaic figcaption{position:absolute;left:8px;bottom:8px;margin:0;padding:3px 8px;background:rgba(244,239,230,.9);font-size:.875rem}
.ua-mosaic .wp-block-image{position:relative}
.ua-mosaic>:nth-child(1){grid-area:1/1/3/4}.ua-mosaic>:nth-child(2){grid-area:1/4/4/6}.ua-mosaic>:nth-child(3){grid-area:1/6/4/7}
.ua-mosaic>:nth-child(4){grid-area:3/1/5/3}.ua-mosaic>:nth-child(5){grid-area:3/3/5/4}.ua-mosaic>:nth-child(6){grid-area:4/4/5/7}

/* Testimonios */
.ua-testimonio{text-align:center;max-width:24ch;margin-inline:auto!important;padding:0!important}
.ua-testimonio cite{display:block;margin-top:1.5rem;font:500 .8125rem/1.4 var(--wp--preset--font-family--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal}

/* Sobre Anaya */
.ua-wordmark{font:italic 400 clamp(4.5rem,12vw,10rem)/.9 var(--wp--preset--font-family--serif);margin:0}
.ua-paths{list-style:none;padding:0;border-top:1px solid var(--ua-line-l)}
.ua-paths li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem;padding:1.25rem 0;border-bottom:1px solid var(--ua-line-l);font:400 clamp(1.5rem,2.6vw,2.25rem)/1.2 var(--wp--preset--font-family--serif)}
.ua-paths a{text-decoration:none}

/* Columnas con fondo de color */
.wp-block-column.has-background{padding:clamp(24px,3vw,40px)}

/* ---------- Pie ---------- */
.ua-footer{padding-block:var(--wp--preset--spacing--50) 2rem}
.ua-footer a{text-decoration:none}
.ua-footer a:hover{color:var(--wp--preset--color--oliva)}
.ua-footer .ua-dash li{border-color:var(--ua-line-l);padding:.4rem 0}
.ua-footer .ua-dash li::before{content:none}
.ua-footer__claim{font:400 clamp(1.75rem,3vw,2.5rem)/1.15 var(--wp--preset--font-family--serif)}
.ua-footer__bottom{border-top:1px solid var(--ua-line-l);padding-top:1.5rem;font-size:.8125rem}
.ua-footer__mark{font:italic 400 clamp(5rem,16vw,14rem)/.8 var(--wp--preset--font-family--serif);opacity:.14;margin:2rem 0 0;letter-spacing:-.02em}

/* ---------- Formularios ---------- */
.ua-form{display:grid;gap:1rem;max-width:640px}
.ua-form p{margin:0}
.ua-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}
.ua-form__hint{font-weight:400;opacity:.7}
.ua-form input[type=text],.ua-form input[type=email],.ua-form textarea{width:100%;font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;padding:.75rem 0;border-radius:0}
.ua-form textarea{border:1px solid currentColor;padding:.75rem}
.ua-form input:focus,.ua-form textarea:focus{outline:2px solid var(--wp--preset--color--oro);outline-offset:2px}
.ua-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.ua-form fieldset{border:0;padding:0;margin:0}
.ua-form legend{font-size:.875rem;font-weight:500;margin-bottom:.5rem}
.ua-chips{display:flex;flex-wrap:wrap;gap:8px}
.ua-chip{margin:0!important;font-weight:400!important}
.ua-chip input{position:absolute;opacity:0}
.ua-chip span{display:inline-block;padding:.55rem 1rem;border:1px solid currentColor;cursor:pointer}
.ua-chip input:checked+span{background:var(--wp--preset--color--bosque);color:var(--wp--preset--color--marfil);border-color:var(--wp--preset--color--bosque)}
.ua-chip input:checked+span::before{content:"✓ "}
.ua-chip input:focus-visible+span{outline:2px solid var(--wp--preset--color--oro);outline-offset:2px}
.ua-check label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.ua-check input{margin-top:.3rem;accent-color:var(--wp--preset--color--musgo)}
.ua-form button{cursor:pointer;border:0}
.has-bosque-background-color .ua-form button{background:var(--wp--preset--color--marfil);color:var(--wp--preset--color--bosque)}
.ua-form__notice{padding:.9rem 1rem;border:1px solid currentColor;font-size:.9375rem}
.ua-form__notice.is-error{border-style:dashed}
.ua-hp{position:absolute!important;left:-9999px}

/* ---------- Animación suave ---------- */
.ua-pre{opacity:0;transform:translateY(18px);transition:opacity 1s ease,transform 1s var(--ua-ease)}
.ua-pre.is-in{opacity:1;transform:none}

/* ---------- Móvil ----------
   Solo reglas de composición que el editor no puede expresar.
   Espaciados, tamaños y «ocultar en móvil» se controlan desde el editor (WordPress 7 + Spectra). */
@media (max-width:781px){
	.ua-doors>.wp-block-column{margin-top:0}
	.ua-doors>.wp-block-column>.wp-block-image img{aspect-ratio:16/10!important}
	.ua-collage{padding-bottom:0}.ua-collage>.wp-block-image:first-child{width:100%}
	.ua-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,22vw)}
	.ua-mosaic>:nth-child(1){grid-area:1/1/3/3}.ua-mosaic>:nth-child(2){grid-area:1/3/2/5}.ua-mosaic>:nth-child(3){grid-area:2/3/3/5}.ua-mosaic>:nth-child(4){grid-area:3/1/4/5}
	.ua-steps>.wp-block-column{display:grid;grid-template-columns:auto 1fr;column-gap:1.25rem}
	.ua-steps .ua-num{grid-row:span 3;font-size:3.5rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}