.elementor-27 .elementor-element.elementor-element-kora-hero{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:120px;--padding-bottom:96px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-hero:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-kora-hero > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kora.webaliza.cat/wp-content/uploads/2026/10/IMG_8537.jpg");background-position:center center;background-size:cover;}.elementor-27 .elementor-element.elementor-element-kora-hero-texto{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-kora-hero-h1{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-kora-hero-sub{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-kora-manifiesto{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-manif-txt{text-align:center;}.elementor-27 .elementor-element.elementor-element-kora-banda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-27 .elementor-element.elementor-element-kora-pilares{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-pilar-1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-pilar-2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-pilar-3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-servicios{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-svc-a{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-a-txt{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-a-fila{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-b{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-b-txt{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-b-fila{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-centro{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-c{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-c-txt{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-c-fila{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-d{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-d-txt{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-svc-d-fila{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-carmen{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-carmen:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-kora-carmen > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EC;}.elementor-27 .elementor-element.elementor-element-kora-carmen-txt{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-proceso{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-proceso-cab{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-proceso-lbl{text-align:center;}.elementor-27 .elementor-element.elementor-element-kora-proceso-h{text-align:center;}.elementor-27 .elementor-element.elementor-element-kora-pasos{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-paso-1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E9E4D9;--border-color:#E9E4D9;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-paso-2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E9E4D9;--border-color:#E9E4D9;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-paso-3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E9E4D9;--border-color:#E9E4D9;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-paso-4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E9E4D9;--border-color:#E9E4D9;--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-respira{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:38px 38px;--row-gap:38px;--column-gap:38px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-testimonios{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-testi-1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-testi-2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-testi-3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-kora-faqs{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-faqs-cab{--display:flex;}.elementor-27 .elementor-element.elementor-element-kora-cierre{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-cierre-h{text-align:center;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-kora-hero{--padding-top:100px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-27 .elementor-element.elementor-element-kora-manifiesto{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27 .elementor-element.elementor-element-kora-pilares{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-carmen{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-proceso{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-testimonios{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-kora-cierre{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-kora-hero-texto{--content-width:860px;}.elementor-27 .elementor-element.elementor-element-kora-manifiesto{--content-width:940px;}.elementor-27 .elementor-element.elementor-element-kora-banda{--content-width:1360px;}.elementor-27 .elementor-element.elementor-element-kora-pilares{--content-width:1100px;}.elementor-27 .elementor-element.elementor-element-kora-carmen{--content-width:1240px;}.elementor-27 .elementor-element.elementor-element-kora-proceso{--content-width:1200px;}.elementor-27 .elementor-element.elementor-element-kora-respira{--content-width:860px;}.elementor-27 .elementor-element.elementor-element-kora-testimonios{--content-width:1100px;}.elementor-27 .elementor-element.elementor-element-kora-faqs{--content-width:1000px;}.elementor-27 .elementor-element.elementor-element-kora-cierre{--content-width:720px;}}/* Start custom CSS *//* ---- Hero KöraVital ---- */ #kora-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;isolation:isolate} /* Velo de tinta: banda vertical + viñeta sobre el bloque de texto. Neutro, nunca con color. */ #kora-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(51,48,43,.34),rgba(51,48,43,.30) 45%,rgba(51,48,43,.38))} #kora-hero::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 60% 42% at 50% 52%,rgba(51,48,43,.42),rgba(51,48,43,0) 70%)} #kora-hero > .e-con-inner,#kora-hero > .elementor-element{position:relative;z-index:2} /* Titular */ #kora-hero .kora-hero-h1 .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(40px,7vw,96px);line-height:1.02;letter-spacing:-.015em;color:#FFFEF8;text-wrap:balance;margin:0} /* Entradilla */ #kora-hero .kora-hero-sub{max-width:460px;margin:0 auto} #kora-hero .kora-hero-sub p{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:14px;line-height:1.8;color:#FFFEF8;margin:0} /* Llamada a la acción: tinta, y al pasar invierte a crema */ #kora-hero .kora-hero-cta .elementor-button{background:#33302B;color:#FFFEF8;border:0;border-radius:100px;font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:none;padding:14px 28px;transition:background .45s ease,color .45s ease} #kora-hero .kora-hero-cta .elementor-button:hover{background:#FFFEF8;color:#33302B} /* Filete de descenso */ #kora-hero .kora-hero-linea{position:absolute;bottom:0;left:50%;width:1px;height:72px;z-index:2;background:linear-gradient(rgba(255,254,248,0),rgba(255,254,248,.9));transform-origin:bottom;animation:koraLinea 1.8s ease 2s both} /* Entradas */ @keyframes koraZoom{from{transform:scale(1.08)}to{transform:none}} @keyframes koraFade{from{opacity:0}to{opacity:1}} @keyframes koraLinea{from{transform:scaleY(0)}to{transform:scaleY(1)}} #kora-hero{animation:koraZoom 2.6s cubic-bezier(.16,1,.3,1) both} #kora-hero .kora-hero-h1{animation:koraFade 2s ease .5s both} #kora-hero .kora-hero-sub{animation:koraFade 2s ease 1.1s both} #kora-hero .kora-hero-cta{animation:koraFade 2s ease 1.5s both} @media (prefers-reduced-motion:reduce){ #kora-hero,#kora-hero *{animation:none !important} } /* Recuperado el 30/08/2026 desde _kora_backup_20260820i_css: el custom_css de la portada se habia quedado en 2.326 bytes con solo el bloque del hero, y las once secciones renderizaban sin su CSS. La capa compartida (.kora-h2, .kora-etiqueta, .kora-cuerpo, .kora-cita, .kora-btn) y las revelaciones NO se recuperan aqui: viven en el Kit 8 desde el 29/08 y duplicarlas provocaria deriva. */ /* El hero se mete bajo la cabecera para conservar el sangrado completo */ /* El tirón debe igualar la altura real de la cabecera (logo 168px de ancho + 20px de relleno arriba y abajo). Si cambia el tamaño del logo o el relleno, hay que volver a medirla. */ #kora-hero{margin-top:-100px} @media (max-width:1024px){#kora-hero{margin-top:-88px}} html,body{overflow-x:hidden} /* ================= Secciones de la home ================= */ /* --- 2. Manifiesto --- */ .kora-manif-txt.elementor-widget-heading .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(26px,3.6vw,46px);line-height:1.32;color:#33302B;margin:0;text-wrap:pretty} /* --- 3. Banda de dos imágenes --- */ #kora-hero ~ .elementor-element-kora-banda > .e-con-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(16px,2.4vw,32px)} .kora-banda-img img{display:block;width:100%;height:auto;aspect-ratio:auto} /* En movil solo la foto de Carmen: la del mar sola no dice nada */ @media (max-width:767px){.elementor .kora-banda .elementor-element-kora-banda-1{display:none}} .kora-banda-img{overflow:hidden} /* --- 4. Tres pilares --- */ .elementor-element-kora-pilares > .e-con-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(32px,5vw,72px);align-items:start} .elementor-element-kora-pilares > .e-con-inner > *{width:auto} .kora-pilar-h.elementor-widget-heading .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:26px;line-height:1.15;color:#33302B;margin:0} .kora-pilar-lead.kora-cita.elementor-widget-text-editor{font-size:21px;line-height:1.35;margin-bottom:2px} /* --- 5. Servicios: rejilla flotante 2x2 con el titular en el hueco central --- */ .elementor-element-kora-servicios{padding-top:clamp(80px, 14vh, 170px) !important;padding-bottom:clamp(110px, 20vh, 220px) !important} .elementor-element-kora-servicios > .e-con-inner{display:grid;grid-template-columns:1fr minmax(220px,.8fr) 1fr;grid-template-areas:'a . b' '. t .' 'c . d';column-gap:clamp(20px,3vw,56px);row-gap:clamp(28px,6vh,64px);align-items:center} .kora-svc.e-con{position:relative;z-index:1;flex-direction:row;align-items:center;gap:20px;width:min(calc(100% + 120px),520px);padding:0 22px 0 0;background:#F7F4EC;color:#33302B;text-decoration:none;transition:background .5s ease,box-shadow .6s ease;will-change:transform;align-self:center} .kora-svc:hover{background:#FFFEF8;box-shadow:0 18px 44px rgba(51,48,43,.10)} .kora-svc--a{grid-area:a;justify-self:start;margin-top:0px;animation:koraSvcA 11s ease-in-out 1.4s infinite} .kora-svc--b{grid-area:b;justify-self:end;margin-top:54px;animation:koraSvcB 13.5s ease-in-out 2.6s infinite} .kora-svc--c{grid-area:c;justify-self:start;margin-top:-38px;animation:koraSvcC 12.5s ease-in-out .6s infinite} .kora-svc--d{grid-area:d;justify-self:end;margin-top:18px;animation:koraSvcD 15s ease-in-out 3.4s infinite} /* Miniaturas ilustradas (15/10/2026): cuadradas, fondo transparente sobre el crema de la tarjeta. 195px en escritorio grande; escalan con la pantalla para que las dos tarjetas de una fila no se pisen. */ .kora-svc-img{flex:none;width:clamp(110px,13.5vw,195px);aspect-ratio:1;overflow:hidden;background:transparent} .kora-svc-img > *{height:100%} .kora-svc-img img{display:block;width:100%;height:100%;object-fit:contain} /* Imagen y texto siempre en la misma fila: sin esto, en movil los titulos largos no caben junto a la imagen y el contenedor los manda debajo. El titulo se parte dentro de su columna. */ .kora-svc.e-con{--flex-wrap:nowrap;flex-wrap:nowrap} .kora-svc-txt.e-con{flex:1 1 0;min-width:0} .kora-svc-fila.e-con{min-width:0} .kora-svc-fila.e-con > .kora-svc-t.elementor-widget{min-width:0;flex:1 1 auto} .kora-svc-txt.e-con{width:auto;gap:8px;padding:0 6px 0 0} .kora-svc-fila.e-con{flex-direction:row;align-items:baseline;gap:10px;width:auto;padding:0} .kora-svc-n.elementor-widget-heading .elementor-heading-title{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:15px;line-height:1.45;color:#A8A196;margin:0} .kora-svc-t.elementor-widget-heading .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(20px,1.7vw,25px);line-height:1.15;color:#33302B;margin:0} .kora-svc-sub.elementor-widget-heading .elementor-heading-title{font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:12px;line-height:1.45;letter-spacing:.22em;text-transform:uppercase;color:#7A7368;margin:0} .kora-svc-centro.e-con{position:relative;z-index:1;grid-area:t;align-items:center;gap:20px;text-align:center;padding:clamp(24px,5vh,56px) 0;width:360px;max-width:calc(100vw - 40px);justify-self:center} /* 360px, no los 320 de la v3: a 16px la frase necesita 343px para no partirse. Sobresale de la columna central, pero esa fila de la rejilla ('. t .') tiene los lados vacios. */ .kora-svc-centro.e-con > .kora-cuerpo.kora-cuerpo--sm.elementor-widget-text-editor{max-width:360px} .kora-h2--medio.elementor-widget-heading .elementor-heading-title{font-size:clamp(28px,3.6vw,50px);line-height:1.08} /* Aro de apoyo: un filete de 1px, el mismo vocabulario que el hilo de descenso del hero y la linea superior del cierre. Pasa por detras de las tarjetas, que lo interrumpen. Solo en escritorio: apilado en movil seria un circulo enorme detras de una lista. */ @media (min-width:900px){ .elementor-element-kora-servicios > .e-con-inner{position:relative} .elementor-element-kora-servicios > .e-con-inner::before{content:"";position:absolute;left:50%;top:50%;width:min(760px,62vw);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(168,161,150,.4);border-radius:50%;pointer-events:none;z-index:0} } /* La deriva lenta de las tarjetas. Son las unicas que no llevan kora-reveal: una sola caja no puede animar transform dos veces (revelacion y flotacion). */ @keyframes koraSvcA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(22px,14px,0)}} @keyframes koraSvcB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,17px,0)}} @keyframes koraSvcC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(19px,-16px,0)}} @keyframes koraSvcD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-21px,-13px,0)}} /* Por debajo de 900px la rejilla se apila y los desplazamientos se anulan, como en applyResponsive() de la v3 */ @media (max-width:899px){ .elementor-element-kora-servicios > .e-con-inner{grid-template-columns:1fr;grid-template-areas:'t' 'a' 'b' 'c' 'd'} .kora-svc.e-con{justify-self:stretch;width:100%;margin-top:0px;animation:none} } @media (prefers-reduced-motion:reduce){.kora-svc{animation:none !important}} /* --- 6. Carmen --- */ .elementor-element-kora-carmen > .e-con-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(36px,6vw,90px);align-items:center} .elementor-element-kora-carmen > .e-con-inner > *{width:auto} .kora-carmen-img{overflow:hidden} .kora-carmen-img img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover} .kora-carmen-txt{max-width:480px} .kora-carmen .kora-btn.elementor-widget-button .elementor-button{align-self:flex-start} .kora-carmen .elementor-widget-button{align-self:flex-start} /* --- 6. Proceso --- */ .elementor-element-kora-pasos{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(28px,4vw,56px);align-items:start} .elementor-element-kora-pasos > *{width:auto} .kora-paso-n.elementor-widget-heading .elementor-heading-title{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:13px;line-height:1.45;letter-spacing:.2em;color:#A79E90;margin:0} .kora-paso-h.elementor-widget-heading .elementor-heading-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:24px;line-height:1.15;color:#33302B;margin:0} /* --- 7. Testimonios --- */ .elementor-element-kora-testimonios > .e-con-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(30px,4vw,60px);align-items:start} .elementor-element-kora-testimonios > .e-con-inner > *{width:auto} /* Rellenos verticales con clamp, como en la v3: se adaptan a la altura de ventana */ .elementor-element-kora-manifiesto{padding-top:clamp(110px, 20vh, 230px) !important;padding-bottom:clamp(110px, 20vh, 230px) !important} .elementor-element-kora-pilares{padding-top:clamp(80px, 14vh, 150px) !important;padding-bottom:clamp(110px, 20vh, 220px) !important} .elementor-element-kora-carmen{padding-top:clamp(90px, 16vh, 180px) !important;padding-bottom:clamp(90px, 16vh, 180px) !important} .elementor-element-kora-proceso{padding-top:clamp(110px, 20vh, 220px) !important;padding-bottom:clamp(110px, 20vh, 220px) !important} .elementor-element-kora-testimonios{padding-top:clamp(110px, 20vh, 220px) !important;padding-bottom:clamp(110px, 20vh, 220px) !important} .elementor-element-kora-cierre{padding-top:0px !important;padding-bottom:clamp(110px, 20vh, 220px) !important} /* --- 8. Respira: ejercicio 4-4-6 ----------------------------------------- El ciclo entero lo lleva una animacion CSS de 14s (4 inhalar + 4 sostener + 6 exhalar). El JS solo anade y quita .respirando, asi que si el script falla queda el circulo en reposo con las etiquetas de descanso, que siguen leyendose. Las fases no usan temporizadores, van sincronizadas al mismo ciclo, de modo que etiqueta y circulo no pueden desfasarse. */ .elementor-element-kora-respira{padding-top:clamp(90px, 16vh, 180px) !important;padding-bottom:clamp(90px, 16vh, 180px) !important;background-color:#F7F4EC} .kora-h2--respira.elementor-widget-heading .elementor-heading-title{font-size:clamp(30px,4.4vw,56px);line-height:1.1} .kora-respira-w{text-align:center} .kora-respira-device{position:relative;display:grid;place-items:center;width:min(72vw,300px);height:min(72vw,300px);margin:0 auto} .kora-respira-circulo{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(51,48,43,.22);background:radial-gradient(circle,rgba(155,126,190,.14),rgba(155,126,190,0) 70%);transform:scale(.72)} .kora-respira-device.respirando .kora-respira-circulo{animation:koraRespira 14s cubic-bezier(.37,0,.63,1) infinite} .kora-respira-txt{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px} .kora-respira-label,.kora-respira-pista{display:grid;margin:0} .kora-respira-label > span,.kora-respira-pista > span{grid-area:1/1;opacity:0} .kora-respira-label{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(24px,3vw,32px);line-height:1.2;color:#33302B} .kora-respira-pista{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:12px;line-height:1.45;letter-spacing:.24em;text-transform:uppercase;color:#7A7368} .kora-respira-device:not(.respirando) [data-f="reposo"]{opacity:1} .kora-respira-device.respirando [data-f="inhala"]{animation:koraFaseA 14s linear infinite} .kora-respira-device.respirando [data-f="sosten"]{animation:koraFaseB 14s linear infinite} .kora-respira-device.respirando [data-f="exhala"]{animation:koraFaseC 14s linear infinite} .kora-respira-btn{display:inline-block;margin-top:38px;padding:14px 30px;border:0;border-radius:100px;background:#33302B;color:#FFFEF8;font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:13px;line-height:16px;letter-spacing:.16em;text-transform:none;cursor:pointer;transition:background .4s ease} /* Hello Elementor pinta TODO