/* Generado con build.py desde src/css — no editar a mano */

/* 01-reset.css */
/* Copia de hello-elementor/assets/css/reset.css sin el fucsia (#c36) — Wilka, 24/09/2026 */
html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:inherit;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid currentColor;border-radius:3px;color:inherit;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}

/* 02-contenedor.css */
/* Contenedor de cada página: replica lo que ponía Elementor alrededor del bloque HTML
   (contenedor flex de ancho completo, 10px de aire, fondo hueso) y sus reglas generales. */
.wr-pagina *,.wr-pagina ::after,.wr-pagina ::before{box-sizing:border-box}
.wr-pagina a{box-shadow:none;text-decoration:none}
.wr-pagina img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}
.wr-pagina embed,.wr-pagina iframe,.wr-pagina object,.wr-pagina video{border:none;line-height:1;margin:0;max-width:100%;width:100%}
.wr-pagina figure{margin:0}

.wr-contenedor{
	display:flex;flex-direction:column;gap:20px;
	position:relative;width:100%;max-width:100%;min-width:0;margin:0 auto;
	padding:10px;background-color:#F0EDE3;
	transition:background .3s,border .3s,box-shadow .3s,transform .4s;
}
.wr-contenedor--sin-fondo{background-color:transparent}
.wr-bloque{position:relative;min-width:0;max-width:100%;flex:0 1 auto}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){html *{transition-delay:0s !important;transition-duration:0s !important}}

.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute !important;overflow-wrap:normal !important;margin:-1px;padding:0}
.screen-reader-text:focus{background-color:#eee;clip:auto !important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* Los textos decorativos gigantes de fondo (__bg-text) no generan scroll horizontal en celular.
   "clip" (y no "hidden") para no romper los elementos sticky, como la foto de Quién soy. */
.wr-pagina{overflow-x:clip}

/* 03-diapositivas.css */
/* "¿Por dónde quieres comenzar?": fondo con imágenes que se alternan detrás de un velo hueso. */
.wr-contenedor--diapositivas{
	min-height:110vh;justify-content:center;
	background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;
}
.wr-contenedor--diapositivas::before{content:"";position:absolute;inset:0;background-color:#F0EDE3;opacity:.92}
.wr-diapositivas{position:absolute;inset:0;z-index:0;overflow:hidden}
.wr-diapositivas::before{content:"";position:absolute;inset:0;z-index:2;background-color:#F0EDE3;opacity:var(--wr-velo,.92)}
.wr-diapositiva{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.wr-diapositiva.is-activa{opacity:1}
.wr-diapositiva__img{width:100%;height:100%;background-size:cover;background-position:50%;transform:scale(1);transition:transform 10s linear}
.wr-diapositiva.is-activa .wr-diapositiva__img{transform:scale(1.3);transition-duration:20s}
.wr-contenedor__interior{
	display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;
	width:100%;max-width:100%;margin:0 auto;height:100%;
}
@media (min-width:768px){.wr-contenedor__interior{max-width:1300px}}

/* 04-modal.css */
/* Pop-up del oráculo (antes, pop-up de Elementor Pro): mismo velo, tamaño y botón de cierre. */
.wr-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);color:#0d5360}
.wr-modal.is-abierto{display:flex}
.wr-modal__caja{position:relative;width:1000px;max-width:100%;max-height:100%;background:#fff;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2)}
.wr-modal__mensaje{display:flex;max-height:100vh;overflow:auto}
.wr-modal__mensaje>.wr-contenedor{flex:1 1 auto}
.wr-modal__cerrar{position:absolute;top:20px;right:20px;z-index:9999;display:flex;width:15px;height:15px;padding:0;border:0;background:#fff;cursor:pointer;font-size:15px;line-height:1}
.wr-modal__cerrar svg{display:block;width:15px;height:15px;fill:#1f2124}
.wr-modal__cerrar:hover,.wr-modal__cerrar:focus{background:#fff}
body.wr-modal-abierto{overflow:hidden}

/* 05-blog.css */
/* Blog y entradas: reglas del tema anterior (Hello) que el diseño de wilka-blog da por sentadas. */
.page-content a{text-decoration:underline}
.page-header .entry-title,body:not(.wr-codigo) .site-main{margin-inline:auto;width:100%}
@media (max-width:575px){.page-header .entry-title,body:not(.wr-codigo) .site-main{padding-inline:10px}}
@media (min-width:576px){.page-header .entry-title,body:not(.wr-codigo) .site-main{max-width:500px}}
@media (min-width:768px){.page-header .entry-title,body:not(.wr-codigo) .site-main{max-width:600px}}
@media (min-width:992px){.page-header .entry-title,body:not(.wr-codigo) .site-main{max-width:800px}}
@media (min-width:1200px){.page-header .entry-title,body:not(.wr-codigo) .site-main{max-width:1140px}}
.post .wp-post-image{max-height:500px;object-fit:cover;width:100%}
@media (max-width:991px){.post .wp-post-image{max-height:400px}}
@media (max-width:575px){.post .wp-post-image{max-height:300px}}

/* Página no encontrada */
body.error404{background:#f0ede3;color:#0d5360;font-family:"Lora",Georgia,serif}
body.error404 .site-main{padding:6rem 1.4rem;text-align:center}
body.error404 .wilka-blog__eyebrow{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#107284}
body.error404 .wilka-blog__titulo{font-family:"DeiGratia",serif;font-weight:400;font-size:clamp(2.4rem,6vw,4rem);color:#05262c}
body.error404 .wilka-blog__intro a{color:#761e07;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}

/* 06-feedback2.css */
/* Ajustes del FEEDBACK 2 (doc "FEEDBACK WEB WILKA", 06/10/2026).
   Van con "body" adelante y !important porque pisan reglas !important de wilka-ajustes y de cada página. */

/* — Cartas del recorrido: el mismo tamaño en todas las secciones (antes Contacto, Oráculo,
     Entrevistas y las subpáginas las mostraban más chicas) y textos un poco más grandes — */
body .tc{min-height:410px !important;padding:2.5rem 1.8rem 2.2rem !important;border-radius:16px !important}
body .tc__img-wrap{width:150px !important;height:150px !important;margin-bottom:1.4rem !important}
body .tc__deseo{font-family:"TychosRecipe",serif !important;font-size:clamp(1.45rem,2.4vw,1.75rem) !important;line-height:1.35 !important;margin-bottom:.8rem !important}
body .tc__desc{font-family:"SonOfTime",serif !important;font-size:clamp(1.25rem,1.9vw,1.42rem) !important;line-height:1.6 !important;max-width:26ch;margin-bottom:1.2rem !important}
body .tc__destino{font-family:"Space Mono",monospace !important;font-size:.8rem !important;letter-spacing:.2em !important}

/* grillas de las subpáginas (Doula, Educadora, etc.): mismo ancho que en Quién soy */
body .historia__caminos{max-width:800px !important;gap:2.5rem !important}
@media (max-width:600px){body .historia__caminos{max-width:100% !important;gap:1.5rem !important}}

/* tarjetas generadas por wilka-tarjetas (grilla y carrusel) */
body .wilka-cards__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
body .wilka-cards--carrusel{max-width:1100px !important}
body .wilka-cards--carrusel .wilka-cards__grid{align-items:stretch !important}
body .wilka-cards--carrusel .tc{flex:0 0 300px !important;min-height:410px !important;height:auto !important}
body .wilka-cards--carrusel .wilka-cards__grid{padding:1rem 88px 2rem !important;gap:20px !important}
@media (max-width:1020px){body .wilka-cards--carrusel .wilka-cards__grid{padding-left:calc(50% - 150px) !important;padding-right:calc(50% - 150px) !important}}

@media (max-width:600px){
	body .tc{min-height:370px !important;padding:2.2rem 1.4rem 2rem !important}
	body .tc__img-wrap{width:130px !important;height:130px !important}
	body .tc__deseo{font-size:1.45rem !important}
	body .tc__desc{font-size:1.2rem !important}
	body .tc__destino{font-size:.76rem !important}
	body .wilka-cards--carrusel .tc{flex-basis:270px !important}
	body .wilka-cards--carrusel .wilka-cards__grid{padding-left:calc(50% - 135px) !important;padding-right:calc(50% - 135px) !important}
}

/* — Menú "¿Cómo quieres comenzar?": textos de las cartas y el párrafo de introducción más grandes — */
body .tarjeta__deseo{font-size:1.15rem !important}
body .tarjeta__destino{font-size:.62rem !important}
body .popup__intro{font-size:25px !important}
@media (max-width:600px){
	body .tarjeta__deseo{font-size:1.05rem !important}
	body .tarjeta__destino{font-size:.58rem !important}
	body .popup__intro{font-size:20px !important}
}

/* — Quién soy: la foto encuadra más a Wilka y menos los frascos; frases rojas manuscritas más grandes — */
body .quien__foto{transform:scale(1.38);transform-origin:50% 84%}
body .quien__foto-frame:hover .quien__foto{transform:scale(1.42)}
body .quien strong{font-size:27px !important}
@media (max-width:600px){body .quien strong{font-size:23px !important}}

/* — Colaboración: "Cuentas conmigo para", textos de la lista más grandes — */
body .colab__servicio-texto{font-size:1.28rem !important;line-height:1.6 !important}
@media (max-width:600px){body .colab__servicio-texto{font-size:1.15rem !important}}

/* — Colaboración: logos de "Me avalan" llenando el círculo, y un poco más grandes — */
body .aval__logo{width:104px !important;height:104px !important;background:#fff !important}
body .aval__logo img{padding:0 !important;object-fit:cover !important}

/* — Oráculo: la descripción debajo del título, más grande — */
body .oraculo .invocacion{font-size:26px !important}
@media (max-width:600px){body .oraculo .invocacion{font-size:21px !important}}

/* — Selector de idioma: está arriba a la derecha, así que la lista se abre hacia abajo
     (GTranslate la abre hacia arriba y "English" quedaba fuera de la pantalla) — */
body .gt_float_switcher{display:flex !important;flex-direction:column-reverse}

/* — Cartas del recorrido: imagen y título a la misma altura en todas, aunque la descripción
     tenga más líneas (la de la Editorial ocupa 3-4 y subía el contenido centrado) — */
body .wilka-cards .tc{justify-content:flex-start !important}
body .wilka-cards .tc__desc{flex-grow:1}

/* — Contacto: títulos de los campos, opciones, botón de WhatsApp y mail un poco más grandes
     (feedback de Wilka: "un poco más grande la fuente") — */
html body .form__motivos-label,html body .campo label{font-size:13px !important}
body #motivos .chip{font-size:13px !important}
html body .enviar,html body .contacto .enviar{font-size:14px !important}
body .redes__mail{font-size:16px !important}
/* En celular la caja del formulario se pasaba del ancho de pantalla (la columna tomaba el ancho
   mínimo del botón de WhatsApp): la columna puede achicarse y el botón se ajusta a la caja. */
@media (max-width:600px){
	html body .contacto__split{grid-template-columns:minmax(0,1fr) !important}
	html body .contacto__right{min-width:0;max-width:100%}
	html body .contacto .enviar{letter-spacing:.14em !important;max-width:100%;justify-content:center}
}

/* 07-movil.css */
/* Versión móvil (FEEDBACK 2: "se ve como una versión de escritorio reducida").
   En pantallas de hasta 600px ningún rótulo o botón queda por debajo de ~11,5px,
   la letra manuscrita no baja de 20px y los textos de lectura no bajan de 15-16px.
   Medido página por página a 390px antes de escribir estas reglas. */
@media (max-width:600px){

	/* Rótulos, etiquetas y botones en Space Mono */
	body .nav-volver__texto,body .nav-volver__link,
	body .hero__cta,body .quien__cv-cta,body .camino-cta,body .colab__cta-unico,body .agenda__cta,body .cta,
	body .inv-card__cta,body .inv-card__eyebrow,body .inv-modal__cta,body .contacto-modal__enviar,body .contacto-modal__label,
	body .form__motivos-label,body .ent-card__source,body .cv-section__label,
	body .oraculo-rev__label,body .oraculo-rev__meta,body .oraculo-invitacion__hint,body [class*="__oraculo-hint"],
	body .panel__hint,body .panel__nota,body .agenda__label,body .lbl,body .cifra,body .cuando,body .capa,body .panel__capa,
	body .wilka-art__fecha,body .wilka-art__cta,
	body .wr-oraculo .wr-ey,body .wr-oraculo .wr-firma,body .wr-oraculo .wr-sacar,body .wr-oraculo button,body .wr-oraculo footer,
	body .oraculo .seccion,body .oraculo footer,body .oraculo .eyebrow,body .oraculo .firma,body .oraculo button{
		font-size:11.5px !important;letter-spacing:.16em !important;
	}
	body .nav-volver__texto{font-size:10.5px !important}
	body .wr-oraculo a,body .wr-oraculo footer p{font-size:11.5px !important;letter-spacing:.14em !important}

	/* Textos con el tamaño escrito en el propio HTML (libros y redes de Los caminos) */
	body .wr-pagina [style*="font-size: 0.55rem"],body .wr-pagina [style*="font-size: 0.6rem"]{font-size:11.5px !important}
	body .wr-pagina [style*="font-size: 0.9rem"]{font-size:15.5px !important}
	body .wr-pagina [style*="font-size: 1.05rem"]{font-size:17px !important}

	/* Letra manuscrita (TychosRecipe) */
	body .hero__pregunta,body .prof-item__highlight,body .historia__pregunta,body .camino-card__highlight,
	body [class*="__oraculo-pregunta"],body .oraculo-invitacion__pregunta,body .wr-oraculo .wr-inv{
		font-size:20px !important;line-height:1.5 !important;
	}

	/* Textos de lectura */
	body .cv-item__detail,body .aval__rol,body .inv-card__texto,body .ent-card__desc,body .prof-item__text,
	body .quien__info,body .wilka-art__extracto{
		font-size:16px !important;line-height:1.75 !important;
	}
	/* Subpáginas (Doula, Educadora…): la letra SonOfTime se ve chica aunque mida 17,6px */
	body .historia__texto,body .historia__versos{font-size:19px !important;line-height:1.8 !important}
	body .quien__info p:first-child{font-size:17px !important}
}

/* Selector de idioma: en celular quedaba 9px afuera de la pantalla */
@media (max-width:600px){
	body .gtranslate_wrapper .gt_float_switcher{right:10px !important;top:10px !important}
}
