:root{--mc-naranja-1:#B63417;--mc-naranja-2:#F59D29;--mc-azul-1:#0C3F72;--mc-azul-2:#21B9ED}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Montserrat,system-ui,sans-serif;color:#2B3445;background:#FFFFFF;font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none !important}
:focus-visible{outline:3px solid #21B9ED;outline-offset:3px;border-radius:6px}
a{color:inherit;text-decoration:none}a:hover{color:inherit}
.mc-btn{transition:transform .2s,background .2s}
.mc-btn:hover{transform:translateY(-2px)}
.mc-card{transition:transform .25s,box-shadow .25s}
.mc-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -12px rgba(12,63,114,.25)}
.mc-nav a:hover{color:#21B9ED}
html{scroll-padding-top:76px;scroll-behavior:smooth}
.mc-row::-webkit-scrollbar{display:none}
.mc-fade>img{opacity:0;animation:mcFade 18s linear infinite both}
.mc-fade>img:nth-child(1){animation-delay:-1.2s}
.mc-fade>img:nth-child(2){animation-delay:4.8s}
.mc-fade>img:nth-child(3){animation-delay:10.8s}
@keyframes mcFade{0%{opacity:0}6.67%{opacity:1}33.33%{opacity:1}40%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.mc-fade>img{animation:none !important}.mc-fade>img:first-child{opacity:1}}
.mc-anim .mc-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.mc-anim .mc-reveal.mc-in{opacity:1;transform:none}
.mc-count{font-variant-numeric:tabular-nums}
.mc-modal{padding:20px}
.mc-top-box{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.mc-top-img{flex:1 1 420px;max-height:80vh;aspect-ratio:4/5}
.mc-pf-img{max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px)}
@media (max-width: 760px){
.mc-modal{padding:12px}
.mc-top-box{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);flex-direction:column;flex-wrap:nowrap !important}
.mc-top-img{flex:0 1 auto;width:100%;min-height:0;aspect-ratio:auto;height:46vh;height:46dvh;max-height:none}
.mc-top-body{flex:0 0 auto !important;padding:22px 20px 24px !important;gap:10px !important}
.mc-top-body h3{font-size:28px !important}
.mc-top-body p{font-size:15px !important}
.mc-pf-box{border-radius:18px !important}
.mc-pf-img{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}
.mc-pf-cap{padding:14px 18px 18px !important}
.mc-pf-cap b{font-size:19px !important}
}
@media (max-height: 520px){.mc-top-img{height:70vh;height:70dvh}}
@media (min-width: 961px){.mc-mobilemenu{display:none !important}}
.mc-perks>li+li{border-left:1px solid #E1E7F0}
@media (max-width: 1040px){.mc-perks{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.mc-perks>li:nth-child(3){border-left:0}.mc-perks>li:nth-child(n+3){border-top:1px solid #E1E7F0}}
@media (max-width: 560px){.mc-perks{grid-template-columns:minmax(0,1fr) !important}.mc-perks>li+li{border-left:0;border-top:1px solid #E1E7F0}}
.mc-grad-naranja{background:linear-gradient(120deg, var(--mc-naranja-1) 0%, var(--mc-naranja-1) 25%, var(--mc-naranja-2) 100%)}
.mc-grad-azul{background:linear-gradient(160deg, var(--mc-azul-1) 0%, var(--mc-azul-1) 45%, var(--mc-azul-2) 130%)}
.mc-hero{min-height:max(600px, min(100vh, 1000px));min-height:max(600px, min(100svh, 1000px))}
.mc-field input,.mc-field select,.mc-field textarea{font:500 15px/1.4 Montserrat,system-ui,sans-serif;color:#0D0F14;background:#fff;border:1.5px solid #E1E7F0;border-radius:12px;padding:13px 14px;width:100%;box-sizing:border-box}
.mc-field input:focus,.mc-field select:focus,.mc-field textarea:focus{outline:3px solid #21B9ED;outline-offset:1px}
@media (max-width: 960px){.mc-nav{display:none !important}.mc-burger{display:flex !important}.mc-hero-shade{background:linear-gradient(180deg,rgba(12,63,114,.15) 0%,rgba(12,63,114,.55) 30%,rgba(12,63,114,.82) 60%,rgba(12,63,114,.9) 100%) !important}}
.mc-works{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.mc-works>figure{aspect-ratio:4/3}

/* ---------- Agregados para el sitio publicado ---------- */
.mc-skip{position:absolute;left:-999px;top:8px;z-index:100;background:#D44815;color:#FFFFFF;padding:8px 14px;border-radius:8px;font-weight:600}
.mc-skip:focus{left:8px}

/* Menú fijo: transparente sobre el hero, sólido al hacer scroll o con el menú abierto */
/* El desenfoque va siempre, como en el diseño: sobre el hero se ve la foto difuminada detrás del menú */
.mc-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s,padding .25s,box-shadow .25s}
.mc-header.is-solid{background:rgba(12,63,114,.96);box-shadow:0 6px 24px -10px rgba(0,0,0,.5)}
.mc-header.is-scrolled{padding:6px 0}
.mc-burger-lines{display:flex;flex-direction:column;gap:6px}
body.menu-open{overflow:hidden}

/* Filtros del portafolio */
.mc-chip{min-height:44px;padding:0 20px;border-radius:999px;border:2px solid rgba(255,255,255,.22);background:transparent;color:#FFFFFF;font:600 14px/1 Poppins,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.mc-chip:hover{border-color:#FFFFFF}
.mc-chip[aria-pressed="true"]{border-color:#D44815;background:#D44815}

/* Modales */
body.modal-open{overflow:hidden}

/* Formulario */
.mc-drop.is-over{border-color:#21B9ED !important;background:#F2F6FC}
.mc-fileinfo{margin:0;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid #E1E7F0;border-radius:12px}
.mc-fileinfo img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:none;background:#F2F6FC}
.mc-fileinfo span{display:flex;flex-direction:column;min-width:0;flex:1}
.mc-fileinfo b{font:600 14px/1.3 Poppins,sans-serif;color:#0D0F14;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-fileinfo small{font-size:12.5px;color:#5B6578}
.mc-fileinfo button{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#F2F6FC;color:#0D0F14;font-size:22px;line-height:1;cursor:pointer}
.mc-form-error{margin:0;padding:10px 14px;border-radius:10px;background:#FDECEE;color:#A1122B;font-size:14px;font-weight:500}
.mc-form-ok{margin:0;padding:10px 14px;border-radius:10px;background:#E9F7EF;color:#1B6B3A;font-size:14px;font-weight:500}

@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}
.mc-form-ok a{color:#1B6B3A}
.mc-form-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid #1B6B3A;background:#FFFFFF;color:#1B6B3A;font:600 14px/1 Poppins,sans-serif;cursor:pointer;text-decoration:none}
.mc-form-action:hover{background:#1B6B3A;color:#FFFFFF}
.mc-field [aria-invalid="true"]{border-color:#A1122B !important}

/* Intro animada al abrir el sitio */
.mc-intro-layer{display:none}
.mc-intro .mc-intro-layer{display:flex;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:#0B3D70;transition:opacity .6s ease}
.mc-intro .mc-intro-layer.is-out{opacity:0;pointer-events:none}
.mc-intro-layer video{width:100%;height:100%;object-fit:contain;display:block}
.mc-intro-skip{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);background:rgba(13,15,20,.25);color:#FFFFFF;font:600 14px/1 Poppins,sans-serif;cursor:pointer;opacity:0;animation:mcSkipIn .3s ease .8s forwards}
.mc-intro-skip:hover{background:#FFFFFF;color:#0C3F72}
@keyframes mcSkipIn{to{opacity:1}}
html.mc-intro body{overflow:hidden}

/* Loader: medalla girando mientras carga la página */
.mc-loader{display:none}
.mc-loading .mc-loader{display:flex;position:fixed;inset:0;z-index:250;align-items:center;justify-content:center;background:#0B3D70;opacity:0;animation:mcLoaderIn .3s ease .4s forwards}
.mc-loading .mc-loader.is-out{animation:mcLoaderOut .3s ease forwards}
.mc-loader video{width:min(220px,50vw);aspect-ratio:1;object-fit:contain;display:block;border-radius:0}
@keyframes mcLoaderIn{to{opacity:1}}
@keyframes mcLoaderOut{from{opacity:1}to{opacity:0}}
html.mc-loading body{overflow:hidden}

/* Galería de Textiles: con "reducir movimiento" se queda la primera foto (gana a la regla global de arriba) */
@media (prefers-reduced-motion: reduce){.mc-fade>img{animation:none !important;opacity:0}.mc-fade>img:first-child{opacity:1}}