/* LOEC: ajustes sobre la arquitectura del HTML entregado. */
html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #c5a059;outline-offset:5px}[hidden]{display:none!important}
.brand-logo{width:92px;height:70px;object-fit:cover;object-position:center;border-radius:3px}.loec-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#0e1e2d;color:#faf7f2;padding:15px 22px;border-radius:6px;font-size:13px;font-weight:600;box-shadow:0 4px 14px #08142014;transition:box-shadow .2s}.loec-button:hover{box-shadow:0 6px 18px #08142030}.loec-button span{transition:transform .2s}.loec-button:hover span{transform:translateX(4px)}
.loec-hero{background:#f5f0e8}.hero-heading{max-width:1440px;margin:auto;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:#917144}.hero-heading h1{font-family:'Playfair Display',serif;font-size:clamp(24px,2.5vw,38px);line-height:1.25;color:#0e1e2d;margin-top:8px}.hero-heading .loec-button{flex-shrink:0}.hero-film{position:relative;width:100%;max-width:1440px;aspect-ratio:16/9;margin:auto;background:#0e1e2d;overflow:hidden}.hero-film video,.hero-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-film video{transition:opacity .18s}.hero-film.finished video{opacity:0;pointer-events:none}#video-play{position:absolute;bottom:20px;left:20px;background:#f5f0e8;color:#0e1e2d;padding:12px 18px;border-radius:5px}.hero-note{max-width:1440px;margin:auto;display:flex;justify-content:space-between;padding:18px 32px;font-size:11px;letter-spacing:.08em;color:#57616a}
.situation-card{text-align:left;min-width:0;border:1px solid #cbd5e1!important;transition:transform .2s,box-shadow .2s,border-color .2s}.situation-card[aria-pressed=true]{border:2px solid #0e1e2d!important;box-shadow:0 6px 20px #0e1e2d10;transform:translateY(-3px)}.route-line{position:absolute;left:16px;top:16px;bottom:20px;width:1px;background:#c5a059;transform-origin:top}.route-active .route-line{animation:draw-line .65s ease both}@keyframes draw-line{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.daeckman-marker-pulse{animation:none}.map-entered .daeckman-marker-pulse{animation:daeckmanMarkerPulse 1.4s ease 1 both}.map-shell .leaflet-tile-pane{transition:opacity .9s;opacity:.3}.map-entered .leaflet-tile-pane{opacity:1}.map-caption{bottom:24px}.map-fallback{z-index:450;background:#061728;font-size:10px;line-height:2;letter-spacing:.05em}.carousel-dot{width:28px!important;height:28px!important;border:8px solid #07192b;box-shadow:none!important}.cases-glass-card{touch-action:pan-y;min-width:0}.cases-glass-card>div:last-child{min-width:0}.cases-glass-card h3{overflow-wrap:anywhere}.case-real-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.case-changing{animation:case-in .25s ease}@keyframes case-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
.guadalajara-photo{background:#07131f;isolation:isolate;min-height:390px}.institution-photo{position:absolute;inset:0;overflow:hidden;z-index:-2}.institution-photo img{position:absolute;height:166%;max-width:none!important;width:auto;top:-32.7%;left:0}.guadalajara-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07131f20,#07131fee 59%);z-index:-1}.institution-logo{width:80px;height:80px;object-fit:cover;border-radius:6px;margin:0 auto 12px}.contact-panel{max-width:1280px;margin:auto;padding:10px 32px 35px}.contact-panel h2{font-family:'Playfair Display',serif;font-size:30px;color:#faf7f2;margin:10px 0}.contact-panel p{font-size:13px}.contact-panel .loec-button{background:#e8d5b8;color:#0e1e2d;margin-top:16px}#menu-toggle{display:none}
@media(min-width:1024px){.hero-film{max-height:690px;width:min(100%,1227px)}}
@media(max-width:1100px){header nav{gap:16px!important}header nav a{margin-left:0!important}.cases-glass-card{flex-direction:column!important}.cases-glass-card>div{width:100%!important}}
@media(max-width:767px){header>div{gap:10px;height:76px!important}.brand-logo{width:68px;height:58px}header .inline-flex{padding:12px;font-size:11px}header .inline-flex svg{display:none}#menu-toggle{display:block;font-size:23px;min-width:44px;min-height:44px;color:#0e1e2d}header nav.menu-open{display:flex!important;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#faf7f2;padding:18px 24px;box-shadow:0 12px 16px #0e1e2d14}header nav a{padding:10px}.hero-heading{padding:24px 20px;display:block}.hero-heading .loec-button{margin-top:18px}.hero-note{padding:16px 20px;font-size:9px;gap:15px}.hero-film{aspect-ratio:16/9}.guadalajara-photo:after{background:#07131fb8}.guadalajara-photo{min-height:360px}.institution-photo img{height:166%}.map-shell{min-height:340px!important}.leaflet-tooltip.daeckman-map-label{font-size:8px;padding:4px}.contact-panel{padding:5px 20px 30px}#casos .blur-\[120px\]{display:none}}
.institution-photo img{width:425%;height:auto;top:50%;transform:translateY(-50%)}
.grid>*{min-width:0}.contact-panel h2{line-height:1.25}.leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.75) contrast(.9)}
@media(max-width:380px){#servicios .grid{grid-template-columns:1fr}#nosotros .grid-cols-3{gap:2px}#nosotros .grid-cols-3>div{padding-left:2px;padding-right:2px}#nosotros .font-serifEditorial{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-film video{display:none}.situation-card[aria-pressed=true]{transform:none}}