.elementor-kit-8{--e-global-color-primary:#33302B;--e-global-color-secondary:#7A7368;--e-global-color-text:#33302B;--e-global-color-accent:#9B7EBE;--e-global-color-kfondo:#FFFEF8;--e-global-color-ksuperf:#F7F4EC;--e-global-color-kfilete:#E9E4D9;--e-global-color-kpiedra:#A79E90;--e-global-color-kindigo:#271C87;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.12em;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.2em;background-color:#FFFEF8;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Capa compartida de KöraVital. Vive en el Kit (post 8) y no en una pagina
   porque a partir de aqui la usan todas: home, Sobre mi y el resto de
   interiores. Los .elementor-kit-8es compuestos .kora-x.elementor-widget-<tipo> son
   deliberados: ganan por especificidad a las reglas globales del propio Kit,
   que Elementor reemite en cada post-NN.css y que cargan despues de este.
   ========================================================================== */

/* --- Tipos compartidos --- */
.kora-h2.elementor-widget-heading .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(28px,3.6vw,46px);line-height:1.14;color:#33302B;margin:0;text-wrap:balance}
.kora-h2--grande.elementor-widget-heading .elementor-heading-title{font-size:clamp(30px,4.4vw,58px);line-height:1.08}
.kora-h2--cierre.elementor-widget-heading .elementor-heading-title{font-size:clamp(30px,4.6vw,60px);line-height:1.1}
.kora-etiqueta.elementor-widget-heading .elementor-heading-title{font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:13px;line-height:1.45;letter-spacing:.24em;text-transform:uppercase;color:#7A7368;margin:0}
.kora-etiqueta--firma.elementor-widget-heading .elementor-heading-title{font-size:12px;letter-spacing:.2em}
.kora-cuerpo.elementor-widget-text-editor{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:17px;line-height:1.85;color:#7A7368}
.kora-cuerpo--sm.elementor-widget-text-editor{font-size:16px} /* v3: 14px en pilares, pasos y centro de servicios */
.kora-cuerpo.elementor-widget-text-editor p{margin:0}
.kora-cita.elementor-widget-text-editor{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(20px,2vw,26px);line-height:1.45;color:#33302B}
.kora-cita.elementor-widget-text-editor p{margin:0}
.kora-cita--testi.elementor-widget-text-editor{font-weight:300;font-style:normal;font-size:clamp(19px,1.7vw,23px);line-height:1.5}

/* --- Botones: tinta en reposo, acento solo al pasar (ver CLAUDE.md).
   El compuesto .kora-btn.elementor-widget-button es deliberado: sin el, la regla
   global del kit .elementor-widget-button .elementor-button empata en especificidad
   y gana por orden de carga (post-58.css va despues de post-27.css), pintando el
   boton de acento y forzando versalitas. No lo simplifiques. --- */
.kora-btn.elementor-widget-button .elementor-button{background:#33302B;color:#FFFEF8;border:0;border-radius:100px;font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:13px;letter-spacing:.16em;text-transform:none;line-height:16px;transition:background .4s ease}
.kora-btn.elementor-widget-button .elementor-button:hover{background:#9B7EBE;color:#FFFEF8}
.kora-btn--sm.elementor-widget-button .elementor-button{padding:13px 26px} /* alto 42px, medido en la v3 */
.kora-btn--lg.elementor-widget-button .elementor-button{padding:15px 32px} /* alto 46px, medido en la v3 */


.kora-h2--medio.elementor-widget-heading .elementor-heading-title{font-size:clamp(28px,3.6vw,50px);line-height:1.08}
.kora-h2--respira.elementor-widget-heading .elementor-heading-title{font-size:clamp(30px,4.4vw,56px);line-height:1.1}
.kora-h2--faq.elementor-widget-heading .elementor-heading-title{font-size:clamp(28px,3.4vw,44px);line-height:1.12}

/* Con movimiento reducido las revelaciones no deben poder ocultar contenido */
@media (prefers-reduced-motion:reduce){
  .elementor-invisible{visibility:visible !important;animation:none !important}
}
/* ===== Revelaciones al hacer scroll, en CSS puro =====
   Elementor marca los elementos con .elementor-invisible (visibility:hidden) y depende
   de su gestor de animaciones para descubrirlos; si ese gestor no corre, la página se
   queda en blanco. Esto no depende de él y parte de VISIBLE:
   donde el navegador no soporte animation-timeline, el contenido simplemente se ve. */
@keyframes koraReveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .kora-reveal{animation:koraReveal 1s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 22%}
    .kora-reveal--1{animation-range:entry 0% cover 26%}
    .kora-reveal--2{animation-range:entry 0% cover 30%}
    .kora-reveal--3{animation-range:entry 0% cover 34%}
  }
}/* End custom CSS */