.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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;}}:root { --bg:#FAFAF7; --sand:#F1F0EB; --paper:#FFFFFF; --ink:#121212; --ink-2:#45453F; --muted:#6B6B66; --faint:#8E8D86; --line:#E4E3DE; --accent:#E06A3F; --accent-ink:#B84A24; --dark:#121212; --on-dark:#EDEBE6; --on-dark-2:#C9C6BE; --on-dark-3:#A5A39C; --dark-line:#34332F; --sans:Geist; --mono:Geist Mono; }
/* Start custom CSS *//* Tipografías Geist (Google Fonts). Elementor no las trae en su lista, por eso se declaran aquí. */
@font-face{font-family:'Geist';font-style:normal;font-weight:200 500;font-display:swap;src:url(https://fonts.gstatic.com/s/geist/v5/gyByhwUxId8gMEwcGFWNOITd.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:200 500;font-display:swap;src:url(https://fonts.gstatic.com/s/geist/v5/gyByhwUxId8gMEwSGFWNOITddY4.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:300 400;font-display:swap;src:url(https://fonts.gstatic.com/s/geistmono/v6/or3nQ6H-1_WfwkMZI_qYFrcdmhHkjko.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:300 400;font-display:swap;src:url(https://fonts.gstatic.com/s/geistmono/v6/or3nQ6H-1_WfwkMZI_qYFrkdmhHkjkotbA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{background:#FAFAF7}
:focus-visible{outline:2px solid #E06A3F;outline-offset:3px}

/* Palabra destacada en naranja dentro de un titular: <span> sin atributos */
.op-h1 > span:not(.op-w){color:#E06A3F}
.op-h2 > span:not(.op-w){color:#B84A24}

/* Pestañas del buscador: número en mono y estado activo */
.op-chip span{font-family:'Geist Mono';font-size:11px;color:#8E8D86;margin-right:4px}
.op-chip.e--selected{background:#121212!important;color:#FAFAF7!important;border-color:#121212!important}
.op-chip.e--selected span{color:#E06A3F!important}
.op-chip.e--selected p{color:#FAFAF7!important}

/* Flecha de las filas enlazadas: se mueve y se tiñe al pasar */
.op-finder-item:hover .op-arrow,.op-family:hover .op-arrow{color:#B84A24;transform:translate(2px,-2px)}
.op-arrow{transition:transform .2s,color .2s}

/* Marquesina de países: los nombres van dos veces para que el bucle no tenga corte */
.op-marquee p{display:flex;width:max-content;gap:56px;padding-right:56px;font-family:'Geist';font-size:clamp(28px,3.4vw,48px);font-weight:200;letter-spacing:-.035em;color:#121212;animation:op-marquee 40s linear infinite}
.op-marquee p span{display:flex;align-items:center;gap:56px;white-space:nowrap}
.op-marquee p span::after{content:"";width:10px;height:10px;background:#E06A3F;flex:none}
.op-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@keyframes op-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.op-marquee p{animation:none;flex-wrap:wrap;width:auto;gap:12px 32px}}

/* Valoración: el «/ 5» más pequeño y gris */
.op-rating span{font-size:24px;letter-spacing:0;color:#6B6B66}

/* Cabecera fija al hacer scroll (la barra superior se va, la cabecera se queda) */
.elementor-location-header{position:sticky;top:-40px;z-index:40}
.admin-bar .elementor-location-header{top:-8px}
.op-header{-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}

/* Megamenú de Materiales: aparece al pasar o al enfocar */
.op-mega{opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s,transform .18s,visibility .18s}
.op-nav-item:hover .op-mega,.op-nav-item:focus-within .op-mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.op-mega-use{display:flex;justify-content:space-between}
.op-mega-use::after{content:"→";color:#8E8D86}
.op-mega-use:hover::after{color:#B84A24}
.op-mega-use:last-child{border-bottom:0!important}

/* Menú móvil (acordeón nativo) */
.op-mnav summary{list-style:none}
.op-mnav summary::-webkit-details-marker{display:none}
.op-mnav details[open] .op-mnav-btn{background:#121212!important;border-color:#121212!important}
.op-mnav details[open] .op-mnav-btn p{color:#FAFAF7!important}

/* Pie: punto final de la palabra en naranja */
.op-footer-word > span:not(.op-l),.op-footer-word .op-dot{color:#E06A3F}

/* Preguntas frecuentes (acordeón nativo): signo + / − */
.op-faq summary{list-style:none}
.op-faq summary::-webkit-details-marker{display:none}
.op-faq summary::after{content:"+";font-family:'Geist';font-weight:200;font-size:28px;line-height:1;color:#B84A24;flex:none}
.op-faq details[open] summary::after{content:"−"}

/* Clases de cabecera y pie copiadas aquí para que carguen en todas las páginas (Elementor solo genera las de cada documento) */
.elementor .op-mbar-icon:hover,.elementor .op-mbar-icon:focus-visible{color:var(--accent);}.elementor .op-mbar-icon{height:46px;font-family:var(--sans);font-weight:400;font-size:14px;color:var(--on-dark);padding-block-start:0px;padding-block-end:0px;padding-inline-start:16px;padding-inline-end:16px;border-radius:999px;border-width:1px;border-color:var(--dark-line);border-style:solid;background-color:transparent;flex:0 0 auto;}.elementor .op-mbar{position:fixed;inset-inline-end:0px;inset-block-end:0px;inset-inline-start:0px;z-index:50;padding-block-start:10px;padding-block-end:10px;padding-inline-start:12px;padding-inline-end:12px;background-color:rgba(18,18,18,0.96);display:none;gap:8px;align-items:center;}.elementor .op-footer-link:hover,.elementor .op-footer-link:focus-visible{color:var(--accent);}.elementor .op-footer-link{font-family:var(--sans);font-weight:300;font-size:15px;color:var(--on-dark);}.elementor .op-footer-word{overflow:hidden;}.elementor .op-mnav-panel{z-index:50;}.elementor .op-mnav-btn{cursor:pointer;}.elementor .op-mnav{width:auto;}.elementor .op-mega-link:hover,.elementor .op-mega-link:focus-visible{background-color:var(--sand);}.elementor .op-mega-link{width:auto;padding-block-start:10px;padding-block-end:10px;padding-inline-start:12px;padding-inline-end:12px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:-12px;margin-inline-end:-12px;border-radius:6px;flex-direction:column;gap:2px;}.elementor .op-mega-col{min-width:0px;padding:28px;flex-direction:column;gap:6px;flex:1 1 0px;}.elementor .op-mega{width:min(880px,90vw);position:absolute;inset-block-start:100%;inset-inline-start:50%;z-index:50;padding:0px;border-width:1px;border-color:var(--line);border-style:solid;background-color:var(--paper);box-shadow:0px 24px 60px -24px rgba(18,18,18,0.25);}.elementor .op-nav-item{width:auto;position:static;padding-block-start:30px;padding-block-end:30px;padding-inline-start:0px;padding-inline-end:0px;}.elementor .op-nav-link:hover,.elementor .op-nav-link:focus-visible{color:var(--accent-ink);}.elementor .op-nav-link{font-family:var(--sans);font-weight:400;font-size:14px;color:var(--ink);letter-spacing:0.04em;text-transform:uppercase;}.elementor .op-nav{width:auto;padding:0px;gap:36px;align-items:center;}.elementor .op-header{position:relative;padding:0px;border-block-end-width:3px;background-color:rgba(250,250,247,0.94);border-bottom-style: solid; border-bottom-color: var(--accent);\n}.elementor .op-topbar{font-family:var(--mono);font-size:12px;color:var(--on-dark);padding:0px;background-color:var(--dark);}.elementor .op-link:hover,.elementor .op-link:focus-visible{color:var(--accent-ink);}.elementor .op-link{font-family:var(--sans);font-weight:400;font-size:16px;color:var(--ink);padding-block-start:0px;padding-block-end:5px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-end-width:1px;background-color:transparent;display:inline-block;border-bottom-style: solid; border-bottom-color: var(--ink); text-align: left;\n}.elementor .op-btn:hover,.elementor .op-btn:focus-visible{color:var(--bg);background-color:#2A2926;}.elementor .op-btn{font-family:var(--sans);font-weight:400;font-size:15px;color:var(--bg);line-height:1;text-align:center;padding-block-start:18px;padding-block-end:18px;padding-inline-start:26px;padding-inline-end:26px;border-radius:999px;border-width:1px;border-color:var(--ink);border-style:solid;background-color:var(--ink);transition:background-color 0.2s, color 0.2s;display:inline-flex;justify-content:center;align-items:center;white-space: nowrap;\n}.elementor .op-eyebrow{font-family:var(--mono);font-weight:400;font-size:12px;color:var(--accent-ink);letter-spacing:0.08em;line-height:1.4;text-transform:uppercase;margin:0px;}.elementor .op-stack{width:auto;padding:0px;display:flex;flex-direction:column;gap:20px;}.elementor .op-wrap{width:100%;max-width:1280px;padding:0px;display:flex;flex-direction:column;gap:0px;}.elementor .op-btn-ghost:hover,.elementor .op-btn-ghost:focus-visible{color:var(--bg);background-color:var(--ink);}.elementor .op-btn-ghost{color:var(--ink);border-width:1px;border-color:var(--ink);border-style:solid;background-color:transparent;}.elementor .op-eyebrow-light{color:var(--accent);}.elementor .op-section-dark{color:var(--on-dark);background-color:var(--dark);}.elementor .op-btn-sm.op-btn-sm{height:44px;font-size:14px;padding-block-start:0px;padding-block-end:0px;padding-inline-start:20px;padding-inline-end:20px;}.elementor .op-show-tablet.op-show-tablet{display:none;}
@media (max-width:1024px){.elementor .op-nav{display:none;}.elementor .op-show-tablet.op-show-tablet{display:flex;}}
@media (max-width:767px){.elementor .op-mbar{display:flex;}.elementor .op-hide-mobile.op-hide-mobile{display:none;}}

/* Animaciones (GSAP): palabras y letras que suben */
.op-w,.op-l{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.op-wi,.op-l > span{display:inline-block;will-change:transform}

/* Despiece 3D de la plantilla */
.op-explode-stage.is-3d .op-explode-fallback{display:none!important}
.op-explode-canvas{position:absolute;inset:0;display:block}
.op-explode.is-live .op-explode-step{opacity:.4;transition:opacity .35s,border-color .35s}
.op-explode.is-live .op-explode-step.is-active{opacity:1;border-left-color:#E06A3F!important}

/* Botón naranja (btn--accent del boceto): Pedir muestras y Enviar */
.elementor .op-btn-accent.op-btn-accent{background-color:#E06A3F;border-color:#E06A3F;color:#121212}
.elementor .op-btn-accent.op-btn-accent:hover,.elementor .op-btn-accent.op-btn-accent:focus-visible{background-color:#EA7B52;border-color:#EA7B52;color:#121212}

/* Barra superior: cuadradito naranja antes de los envíos */
.op-topbar .op-wrap > p::before{content:"";display:inline-block;width:8px;height:8px;background:#E06A3F;margin-right:10px;vertical-align:1px}

/* Joinchat: en móvil, por encima de la barra fija de acciones */
@media (max-width:767px){body .joinchat{--bottom:84px!important;bottom:84px!important}}
.elementor .op-mbar-icon.op-mbar-icon{display:inline-flex;align-items:center;justify-content:center}

/* Pasillo 3D de diseños (Orthotransfer): con JS las tarjetas se colocan en perspectiva */
.op-corridor.is-3d{height:100vh;padding-top:clamp(128px,17vh,160px)!important;padding-bottom:clamp(40px,5vh,64px)!important;justify-content:space-between}
.op-corridor.is-3d .op-corridor-stage{position:absolute;inset:0;max-width:none;perspective:1100px;perspective-origin:50% 50%;transform-style:preserve-3d;pointer-events:none}
.op-corridor.is-3d .op-corridor-card{position:absolute;left:50%;top:55%;width:clamp(160px,17vw,250px);flex:none!important;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden}
.op-corridor.is-3d .op-corridor-card img{box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.op-corridor.is-3d .op-corridor-head,.op-corridor.is-3d .op-corridor-foot{position:relative;z-index:2000;pointer-events:auto}
/* Diseños Orthotransfer en círculo, como las muestras del catálogo */
.elementor .op-corridor-card img{aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover}
.op-corridor-card{align-items:center;text-align:center}
.op-corridor.is-3d .op-corridor-card img{box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}

/* Carrusel de esferas 3D: el lienzo WebGL pinta las bolas; las tarjetas quedan solo como etiquetas */
.op-corridor-canvas{position:absolute;inset:0;display:block}
.op-corridor.is-webgl .op-corridor-card{left:0!important;top:0!important;width:auto!important;white-space:nowrap}
.op-corridor.is-webgl .op-corridor-card img{display:none!important}/* End custom CSS */