/* =========================================================
   ALPHA PMO — estilos del tema (réplica del diseño original)
   Breakpoints (iguales al original): laptop ≤1440 · tablet ≤1024 · móvil ≤767
   ========================================================= */

/* ---------- Tipografía Manrope (alojada en el sitio) ---------- */
@font-face{font-family:"Manrope";font-weight:300;font-display:swap;src:url("../../../../uploads/2026/06/Manrope-Light.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url("../../../../uploads/2026/06/Manrope-Regular.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:500;font-display:swap;src:url("../../../../uploads/2026/06/Manrope-Medium.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:600;font-display:swap;src:url("../../../../uploads/2026/06/Manrope-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url("../../../../uploads/2026/06/Manrope-Bold.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:800;font-display:swap;src:url("../../../../uploads/2026/06/Manrope-ExtraBold.woff2") format("woff2")}

/* ---------- Variables de marca ---------- */
:root{
	--primary:#DB8926; --accent:#C1681E; --p300:#E8BD61;
	--dark:#111111; --text:#09090B; --ink:#27272A; --z700:#3F3F46;
	--cream:#FDF9ED; --cream2:#F8ECCD; --brown:#6C321B;
	--white:#FFFFFF; --light:#FAFAFA;
	--ink-85:rgba(39,39,42,.85); --light-85:rgba(250,250,250,.85); --light-60:rgba(250,250,250,.6);
	--maxw:1640px;
	--pad-x:clamp(1rem, calc(.805rem + .976vw), 1.5rem);
	--pad-y:clamp(3.5rem, calc(2.134rem + 6.829vw), 7rem);
	--g:clamp(1rem, calc(.9rem + .5vw), 1.5rem);
	--hdr-h:90px;
	--ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--hdr-h)}
html.has-smooth{scroll-behavior:auto}
body{margin:0;font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1rem;line-height:1.5rem;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
h1,h2,h3,h4,p{margin:0}
b,strong{font-weight:700}
button{font:inherit;cursor:pointer}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:1000;background:var(--white);padding:.5rem 1rem;border-radius:8px}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px}

/* ---------- Escala tipográfica (presets del original) ---------- */
.t-hero{font-size:clamp(2.75rem, calc(2.5rem + 1.25vw), 4rem);line-height:clamp(3.125rem, calc(2.9rem + 1.125vw), 4.25rem);font-weight:700;letter-spacing:-.8px;color:var(--primary)}
.t-h2{font-size:clamp(2.5rem, calc(2.275rem + 1.125vw), 3.625rem);line-height:clamp(2.75rem, calc(2.5rem + 1.25vw), 4rem);font-weight:700;letter-spacing:-.8px}
.t-h3{font-size:clamp(2rem, calc(1.825rem + .875vw), 2.875rem);line-height:clamp(2.25rem, calc(2.075rem + .875vw), 3.125rem);font-weight:700;letter-spacing:-.8px}
.t-sub{font-size:clamp(1.625rem, calc(1.55rem + .375vw), 2rem);line-height:clamp(1.875rem, calc(1.8rem + .375vw), 2.25rem);font-weight:700;letter-spacing:-.5px}
.t-card{font-size:clamp(1.5rem, calc(1.45rem + .25vw), 1.75rem);line-height:clamp(1.75rem, calc(1.7rem + .25vw), 2rem);font-weight:700;letter-spacing:-.5px}
.t-lead{font-size:clamp(1.188rem, calc(1.163rem + .125vw), 1.313rem);line-height:clamp(1.625rem, calc(1.6rem + .125vw), 1.75rem);font-weight:400;letter-spacing:-.3px}
.t-body{font-size:1.125rem;line-height:1.7rem;font-weight:400;letter-spacing:-.3px;color:var(--ink-85)}
.eyebrow{font-size:.875rem;line-height:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--z700)}
.eyebrow-light{color:var(--light)}
.p-text p{margin:-5px 0 24px}
.p-text p:last-child{margin-bottom:0}

.c-primary{color:var(--primary)} .c-text{color:var(--text)} .c-ink{color:var(--ink)}
.c-light{color:var(--light)} .c-light-85{color:var(--light-85)} .c-cream2{color:var(--cream2)}
.center{display:flex;justify-content:center;text-align:center}
.bg-cover{background-size:cover;background-position:center;background-repeat:no-repeat}

/* ---------- Estructura ---------- */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}
.sec{padding:var(--pad-y) 0}
.sec-white{background:var(--white)}
.sec-cream{background:var(--cream)}
.sec-dark{background:var(--dark)}
.stack{display:flex;flex-direction:column;gap:var(--g)}
.stack-xl{display:flex;flex-direction:column;gap:3rem}
.sec-head{display:flex;flex-direction:column;align-items:center;gap:var(--g);width:690px;max-width:100%;margin:0 auto;text-align:center}
.sec-head>.t-h3,.dif-head>.t-h3,.con-in>.t-h3{max-width:500px}
.con-in>.t-sub{max-width:600px}
.con-in>.t-body{max-width:630px}
.con-in{align-items:center}
.sec-head.sec-head-left{text-align:left;width:100%;max-width:var(--maxw);margin:0;align-items:flex-start;padding:0 var(--pad-x)}
.sec-head-left>.t-h3{max-width:none}
.sec-head-left>.t-sub,.sec-head-left>p,.sec-head-left.t-body{max-width:790px}
.sec-head-left.t-body p{max-width:790px}
.sec-photo{position:relative;background:var(--dark) var(--bg) center/cover no-repeat;isolation:isolate}
.sec-photo::before{content:"";position:absolute;inset:0;background:#000;opacity:.75;z-index:-1}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:50px;min-width:100px;font-weight:500;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent;line-height:1.25rem}
.btn:hover{transform:translateY(-3px);box-shadow:0 .5em .5em -.4em rgba(0,0,0,.3)}
.btn-ico{display:inline-flex;line-height:0}
.btn-ico svg{width:1em;height:1em}
.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--dark)}
.btn-primary:hover{background:var(--p300);border-color:var(--p300);color:var(--dark)}
.btn-outline-light{background:transparent;border-color:var(--light);color:var(--light)}
.btn-outline-light:hover{background:var(--light);color:var(--dark)}
.btn-l{font-size:1.125rem;height:clamp(3.125rem, calc(3.05rem + .375vw), 3.5rem);padding:.625rem .625rem .625rem 1.125rem}
.btn-l .btn-ico{font-size:1.875rem}
.btn-xl{font-size:clamp(1.25rem, calc(1.238rem + .063vw), 1.313rem);line-height:1.375rem;height:clamp(4rem, calc(3.925rem + .375vw), 4.375rem);padding:.75rem .75rem .75rem 1.375rem}
.btn-xl .btn-ico{font-size:2.25rem}
.btn-xl.btn-outline-light{padding:.75rem 1.375rem}

/* ---------- Animaciones de entrada (reemplazo de UiCore Animate) ---------- */
[data-anim]{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);transition-delay:var(--d,0ms);will-change:opacity,transform}
[data-anim="fadeInUp"]{transform:translate3d(0,40px,0)}
[data-anim="fadeInUpBlur"]{transform:translate3d(0,40px,0);filter:blur(8px)}
[data-anim="fadeInLeft"]{transform:translate3d(-40px,0,0)}
[data-anim="fadeInRight"]{transform:translate3d(40px,0,0)}
[data-anim="slideInUp"]{transform:translate3d(0,25%,0);transition-duration:1.2s}
[data-anim="slideInDown"]{transform:translate3d(0,-25%,0);transition-duration:1.2s}
[data-anim].is-in{opacity:1;transform:none;filter:none}
.no-js [data-anim]{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){
	[data-anim]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
	.btn:hover{transform:none}
}

/* ---------- Encabezado ---------- */
.site-header{position:sticky;top:0;z-index:100;background:var(--white);transition:box-shadow .3s ease}
.site-header.is-scrolled{box-shadow:0 2px 18px rgba(0,0,0,.06)}
.admin-bar .site-header{top:32px}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--hdr-h);padding:0 var(--pad-x)}
.hdr-logo{flex:1 0 0}
.hdr-logo img{width:200px;height:auto}
.hdr-nav .menu{display:flex;gap:36px;list-style:none;margin:0;padding:0}
.hdr-nav a{display:block;padding:10px 0;font-size:1rem;line-height:1.125rem;color:var(--dark)}
.hdr-nav a:hover,.hdr-nav a.is-active,.hdr-nav .menu-item-object-page.current_page_item>a,.single-post .hdr-nav .menu-item-object-page.current_page_parent>a{color:var(--primary)}
.offcanvas .menu-v a.is-active{color:var(--primary)}
.hdr-cta{flex:1 0 0;display:flex;justify-content:flex-end}
.hdr-toggle{display:none;background:none;border:0;padding:0;color:var(--dark);line-height:0}
.hdr-toggle svg{width:28px;height:28px}
.hdr-toggle:hover{color:var(--primary)}

/* Menú lateral (móvil) */
.offcanvas{position:fixed;inset:0;z-index:200;visibility:hidden}
.offcanvas-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);opacity:0;transition:opacity .35s ease}
.offcanvas-panel{position:absolute;top:0;right:0;height:100%;width:85vw;max-width:420px;background:var(--cream);padding:48px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:30px;transform:translateX(100%);transition:transform .45s var(--ease);overflow:auto}
.offcanvas.is-open{visibility:visible}
.offcanvas.is-open .offcanvas-overlay{opacity:1}
.offcanvas.is-open .offcanvas-panel{transform:none}
.offcanvas-close{position:absolute;top:16px;right:16px;background:none;border:0;padding:4px;line-height:0;color:var(--dark)}
.offcanvas-close svg{width:24px;height:24px}
.menu-v{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.offcanvas .menu-v a{font-size:1.25rem;color:var(--dark)}
.offcanvas .menu-v a:hover{color:var(--primary)}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--dark);overflow:hidden;color:var(--light)}
.hero{background:#070707}
.hero-bg{position:absolute;inset:0;z-index:0;background:
	radial-gradient(55% 60% at 0% 0%,rgba(219,137,38,.13),transparent 70%),
	radial-gradient(40% 50% at 10% 100%,rgba(108,50,27,.18),transparent 70%),
	radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.65) 100%),
	#070707}
.hero-bg::after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-stars{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-mask{opacity:.55;position:absolute;left:0;right:0;top:0;width:100%;height:850px;object-fit:cover;object-position:center left;z-index:1;pointer-events:none}
.hero-in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;min-height:850px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--pad-x)}
.hero-text{width:55%;display:flex;flex-direction:column;gap:var(--g)}
.hero-btns{display:flex;flex-wrap:wrap;gap:24px;margin-top:1rem}
.hero-media{position:relative;width:40%;align-self:stretch;max-height:850px;display:flex;gap:24px;overflow:hidden}
.hero-col{width:50%;display:flex;flex-direction:column;gap:24px}
.hero-col-1{margin-top:-180px}
.hero-col-2{margin-top:-50px}
.hero-col img{width:100%;height:400px;object-fit:cover}
.hero-shade{position:absolute;left:0;right:0;width:100%;z-index:3;pointer-events:none}
.hero-shade-top{top:-1px}
.hero-shade-bottom{bottom:-1px;transform:scaleY(-1)}
.hero-shade-bottom.is-in{transform:scaleY(-1)}

/* ---------- Problema ---------- */
.problema .wrap{display:flex;flex-direction:column;gap:48px;align-items:center}
.problema-grid{width:70%;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--g)}
.problema-grid>*{flex:1 1 0}

/* ---------- Propuesta y diferenciadores ---------- */
.prop-grid{display:flex;justify-content:space-between;gap:24px}
.prop-grid>*{flex:1 1 0}
.prop-text{display:flex;flex-wrap:wrap;gap:var(--g)}
.prop-text .eyebrow,.prop-text .t-h3{width:100%}
.prop-sub{flex:0 0 38%;max-width:38%}
.prop-body{flex:0 0 56%;max-width:56%}
.prop-img{border-radius:16px;min-height:100%}
.dif{display:flex;flex-direction:column;gap:3rem;align-items:center}
.dif-head{flex-direction:column;gap:var(--g);width:690px;max-width:100%}
.dif-grid{width:90%;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.dif-grid>*{flex:1 1 0}
.dif-col{display:flex;flex-direction:column;gap:2rem}
.dif-img{border-radius:16px;align-self:stretch;min-height:380px}
.ibox{display:flex;flex-direction:column;gap:16px}
.ibox-ico img{width:120px;height:120px;object-fit:contain;object-position:left center}
.ibox .t-card{color:var(--ink);margin-bottom:-8px}
.ibox p{color:var(--ink-85);font-size:1rem;line-height:1.5rem}

/* ---------- Servicios ---------- */
.servicios{border-top:4px solid var(--primary);border-bottom:4px solid var(--primary)}
.servicios .wrap{display:flex;flex-direction:column;gap:0}
.svc-layout{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.svc-intro{width:34%;position:sticky;top:120px;display:flex;flex-direction:column;gap:var(--g);z-index:1}
.svc-list{width:64%}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 24px}
.svc{display:flex;flex-direction:column;gap:1rem;height:100%}
.svc-img img{width:100%;height:300px;object-fit:cover;border-radius:12px}
.svc .t-card{color:var(--cream2)}
.svc p{color:var(--light-85)}
.svc-carousel{display:none}
.svc-cta{margin-top:48px}

/* ---------- Carrusel genérico (scroll-snap + JS liviano) ---------- */
.carousel{position:relative}
.carousel-track{display:flex;gap:var(--cg,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.carousel-track::-webkit-scrollbar{display:none}
@media (pointer:fine){.carousel-track{cursor:grab}.carousel-track.is-dragging{cursor:grabbing;user-select:none}.carousel-track.is-dragging *{pointer-events:none}}
.carousel-slide{flex:0 0 calc((100% - (var(--cs,3) - 1) * var(--cg,24px)) / var(--cs,3));scroll-snap-align:start;min-width:0}
.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:24px}
.carousel-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--dots,var(--dark));opacity:.2;transition:opacity .3s}
.carousel-dots button[aria-current="true"]{opacity:1}
.carousel-arrows{display:flex;gap:16px;margin-top:24px}
.carousel-arrows button{width:44px;height:44px;border-radius:50%;border:0;background:var(--dark);color:var(--white);display:grid;place-items:center;padding:10px}
.carousel-arrows button:hover{background:var(--primary)}
.carousel-arrows svg{width:24px;height:24px}

/* ---------- Nosotros ---------- */
.nosotros{display:flex;flex-direction:column;gap:3rem;padding:clamp(3.5rem, calc(2.8rem + 3.5vw), 7rem) 0}
.nos-grid{display:flex;gap:5rem;max-width:1920px;margin:0 auto;width:100%}
.nos-grid>*{flex:1 1 0}
.nos-text{background:var(--cream2);border-radius:0 16px 16px 0;padding:2.5rem 1.5rem 2.5rem 0;display:flex;justify-content:flex-end}
.nos-text-in{max-width:calc(var(--maxw) / 2 - 5rem / 2 - 1.5rem);padding-left:var(--pad-x)}
.nos-img{border-radius:16px 0 0 16px;min-height:100%}
.nosotros>.center{padding:0 var(--pad-x)}

/* ---------- Industrias ---------- */
.industrias{display:flex;flex-direction:column;gap:3rem;padding:clamp(3.5rem, calc(2.8rem + 3.5vw), 7rem) 0}
.ind-wrap{padding-left:1.5rem;overflow:hidden}
.ind-carousel{--cs:3;--cg:24px;--off:150px}
.ind-carousel .carousel-slide{flex-basis:calc((100% - var(--off) - var(--cs) * var(--cg)) / var(--cs))}
.ind{min-height:clamp(340px, calc(100svh - 230px), 580px);border-radius:24px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;position:relative;overflow:hidden;isolation:isolate}
.ind::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 30%,var(--primary) 85%);z-index:-1;transition:opacity .4s ease}
.ind .t-sub{color:var(--light)}
.ind-carousel .carousel-arrows{margin-top:32px}

/* ---------- Insights ---------- */
.ins-in{width:905px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--g);text-align:center}

/* ---------- Blog (inicio) ---------- */
.blog-head{width:85%;margin:0 auto;display:flex;justify-content:space-between;gap:24px}
.blog-head-text{width:70%;display:flex;flex-direction:column;gap:var(--g)}
.blog-head-btn{width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.blog-carousel{--cs:3;--cg:24px;margin-top:48px}
.blog-carousel .carousel-dots{display:none}
.pcard{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.pcard:hover{transform:translateY(-2px)}
.pcard-img{flex:0 0 45%;align-self:stretch;min-height:360px;border-radius:12px}
.pcard-body{flex:1 1 0;display:flex;flex-direction:column;gap:8px}
.pcard-date{font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--text)}
.pcard .t-card{color:var(--text)}
.pcard p{color:var(--ink-85)}
.pcard-more{margin-top:8px;font-size:.875rem;line-height:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--brown)}
.pcard:hover .pcard-more{color:var(--primary)}

/* ---------- Contacto ---------- */
.contacto{padding:clamp(4rem, 8vh, 6rem) 0}
.contacto .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem, 5vw, 5rem);align-items:center}
.con-in{max-width:100%;display:flex;flex-direction:column;gap:1rem;text-align:left}
.contacto .con-in{align-items:flex-start}
.con-form{width:100%;max-width:560px;justify-self:end}
.cform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cform-full{grid-column:1/-1}
.cform input,.cform textarea{width:100%;font:inherit;font-size:1rem;color:var(--text);background:var(--white);border:1px solid var(--white);border-radius:6px;padding:10px 14px;min-height:46px;font-size:.95rem;outline:0;transition:border-color .3s}
.cform textarea{padding:12px 14px;min-height:96px;resize:vertical}
.cform input:focus,.cform textarea:focus{border-color:var(--primary)}
.cform ::placeholder{color:#8a8a8a}
.cform .btn-form{margin-top:14px;border:0;height:52px;font-size:1.05rem}
.cform .btn-form .btn-ico svg circle{fill:#111}
.cform .btn-form .btn-ico svg path{fill:#fdf9ed}
.cform-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform-msg{margin-bottom:16px;padding:12px 16px;border-radius:8px;font-size:.95rem}
.cform-msg.is-error{background:#fdecea;color:#8a1c12}

/* ---------- Pie de página ---------- */
.site-footer{display:flex;flex-direction:column}
.ftr{background:var(--dark);border-top:4px solid var(--primary);padding:clamp(3.75rem, calc(3.5rem + 1.25vw), 5rem) clamp(1rem, calc(.9rem + .5vw), 1.5rem)}
.ftr-grid{width:80%;max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.ftr-col{display:flex;flex-direction:column;gap:1.5rem;flex:1 1 0;min-width:0}
.ftr-brand img{width:220px}
.ftr-brand p{max-width:385px;color:var(--light-85)}
.ftr-social{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--cream2)}
.ftr-social:hover{color:var(--primary)}
.ftr-social-ico{width:30px;height:30px;border-radius:50%;background:var(--white);display:grid;place-items:center}
.ftr-social-ico svg{width:15px;height:15px;fill:var(--dark)}
.ftr h4{font-size:clamp(1.313rem, calc(1.275rem + .188vw), 1.5rem);line-height:clamp(1.5rem, calc(1.45rem + .25vw), 1.75rem);font-weight:700;letter-spacing:-.5px;color:var(--light)}
.ftr .menu-v{gap:14px}
.ftr .menu-v a{display:block;padding:0;font-size:1.125rem;line-height:1.25rem;letter-spacing:-.3px;color:var(--light-60)}
.ftr .menu-v a:hover{color:var(--light)}
.ftr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.ftr-list a{display:flex;align-items:center;gap:12px;font-size:1rem;line-height:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--light)}
.ftr-list a:hover{color:var(--primary)}
.ftr-ico{width:38px;height:38px;display:inline-flex}
.ftr-ico svg{width:38px;height:38px;fill:var(--primary)}
.ftr-list a:hover .ftr-ico svg{fill:var(--primary)}
.ftr-bottom{background:var(--ink);min-height:100px;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center}
.ftr-bottom p{font-size:.875rem;line-height:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--light)}

/* ---------- Blog (listado y entrada) ---------- */
.blog-banner{background:var(--primary);padding:2rem 1.5rem;text-align:center}
.blog-banner .t-hero{color:var(--cream)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px}
.pager{display:flex;justify-content:center;gap:8px;margin-top:48px}
.pager .page-numbers{min-width:40px;height:40px;border-radius:50px;display:grid;place-items:center;background:var(--cream2);padding:0 12px}
.pager .current{background:var(--primary)}
.single{background:var(--cream)}
.single-in{max-width:1340px;margin:0 auto;padding:5rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.single-head{width:40%;position:sticky;top:120px;display:flex;flex-direction:column;gap:24px;padding-bottom:5rem}
.single-head .t-h2{font-size:clamp(2.25rem, calc(2.075rem + .875vw), 3.125rem);line-height:clamp(2.5rem, calc(2.325rem + .875vw), 3.375rem);color:var(--ink-85)}
.single-body{width:60%;display:flex;flex-direction:column;gap:24px}
.single-img{width:100%;height:auto;border-radius:12px}
.entry h2,.entry h3{color:var(--ink);margin:1.5em 0 .5em;line-height:1.25}
.entry ul,.entry ol{margin:0 0 24px;padding-left:1.25em}
.entry a{color:var(--accent);text-decoration:underline}
.narrow{max-width:900px}
.gracias{min-height:calc(100vh - var(--hdr-h));display:grid;place-items:center;padding:4rem var(--pad-x);background:var(--cream);text-align:center}
.gracias-in{display:flex;flex-direction:column;align-items:center;gap:1rem}
.gracias-ico{width:96px;height:96px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--dark);margin-bottom:.5rem}
.gracias-ico svg{width:42px;height:42px}
.gracias-page .gracias{min-height:100vh}
.gracias .t-h2{color:var(--ink)}

/* =========================================================
   Laptop ≤1440
   ========================================================= */
@media (max-width:1440px){
	.hero-in{min-height:800px}
	.hero-media{max-height:800px}
	.problema-grid{width:80%}
	.dif-grid{width:100%}
	.dif-head,.sec-head{width:610px}
	.svc-img img{height:280px}
	.nos-grid{gap:3rem}
	.nos-text{padding:2rem 1.5rem}
	.ind{min-height:420px}
	.ind-carousel{--off:100px}
	.ins-in{width:840px}
	.blog-head{width:90%}
	.blog-head-text{width:60%}
	.blog-head-btn{width:40%}
	.ftr-grid{width:100%}
	.blog-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:1366px){.blog-carousel{--cs:2}}

/* =========================================================
   Tablet ≤1024
   ========================================================= */
@media (max-width:1024px){
	.contacto .wrap{grid-template-columns:1fr}
	.con-form{max-width:none;justify-self:stretch}
	.hdr-nav{display:none}
	.hdr-toggle{display:block}
	.hdr-cta{flex:0 0 auto}
	.hdr-logo{flex:1 0 auto}
	.hero-in{flex-direction:column;align-items:flex-start;min-height:0;padding-bottom:0}
	.hero-text{width:100%;padding:3rem 0}
	.hero-media{width:90%;height:850px;align-self:center}
	.problema-grid{width:90%}
	.prop-grid{flex-direction:column}
	.prop-img{min-height:500px}
	.dif-grid{width:80%;flex-direction:column}
	.dif-img{min-height:500px;width:100%}
	.dif-head,.sec-head{width:520px}
	.dif-head{width:570px}
	.svc-intro{width:40%}
	.svc-list{width:60%}
	.svc-grid{grid-template-columns:1fr}
	.svc-img img{height:260px}
	.nos-grid{flex-direction:column;gap:2rem}
	.nos-text{width:97%;padding:2rem 1.5rem}
	.nos-text-in{max-width:none;padding-left:0}
	.nos-img{width:97%;align-self:flex-end;min-height:500px}
	.industrias .sec-head h2{text-align:left}
	.ind{min-height:380px}
	.ind-carousel{--cs:2}
	.ins-in{width:90%}
	.blog-head{width:100%;flex-direction:column}
	.blog-head-text,.blog-head-btn{width:100%}
	.blog-carousel{--cs:1}
	.blog-carousel .carousel-dots{display:flex}
	.ftr-grid{flex-wrap:wrap}
	.ftr-col{flex:0 0 auto}
	.ftr-brand{width:65%}
	.ftr-services{width:43%}
	.ftr-contact{width:47%}
	.blog-grid{grid-template-columns:1fr}
	.single-in{flex-direction:column;padding:4rem 1.5rem 3rem}
	.single-head,.single-body{width:100%;position:static;padding-bottom:0}
}

/* =========================================================
   Móvil ≤767
   ========================================================= */
@media (max-width:767px){
	:root{--hdr-h:80px}
	.hdr{gap:8px;padding:1rem}
	.hdr-logo img{width:180px}
	.hdr-cta{display:none}
	.hero-in{padding:0}
	.hero-text{padding:2rem 1rem}
	.hero-media{width:100%;height:500px;max-height:500px;gap:16px}
	.hero-col{width:48%;flex:1 1 0;gap:16px}
	.hero-col img{height:240px}
	.hero-shade-top{display:none}
	.hero-btns{gap:16px}
	.problema-grid{width:100%;flex-direction:column}
	.dif-grid{width:100%}
	.dif-head{text-align:left;align-items:flex-start}
	.prop-sub,.prop-body{flex:0 0 100%;max-width:100%}
	.prop-img{min-height:350px}
	.dif-img{min-height:350px}
	.sec-head,.dif-head{width:100%;text-align:left;align-items:flex-start}
	.sec-head{padding:0 1rem}
	.ins-in,.con-in{align-items:flex-start}
	.svc-layout{flex-direction:column;gap:2rem}
	.svc-intro{width:100%;position:static}
	.svc-list{width:100%}
	.svc-grid{display:none}
	.svc-carousel{display:block;--cs:1;--cg:10px;--dots:var(--primary)}
	.svc-img img{height:220px}
	.nos-text,.nos-img{width:96%}
	.nos-text{padding:2rem 1rem}
	.nos-img{min-height:400px}
	.ind-wrap{padding-left:1rem}
	.ind-carousel{--cs:1;--cg:16px;--off:50px}
	.ind{min-height:360px;border-radius:16px;padding:2rem 1rem}
	.ins-in,.con-in{width:100%;text-align:left}
	.insights .center{justify-content:flex-start}
	.pcard{flex-direction:column;gap:16px;align-items:stretch}
	.pcard-img{min-height:240px;flex:0 0 auto}
	.cform-grid{grid-template-columns:1fr}
	.cform .btn-form{width:auto}
	.ftr-grid{gap:48px;flex-direction:column}
	.ftr-brand,.ftr-services,.ftr-contact{width:100%}
	.ftr-brand img{width:200px}
	.single-in{padding:3rem 1rem}
}

/* Crédito de desarrollo en el pie */
.ftr-credit{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.ftr-credit:hover{color:var(--p300)}
/* =========================================================
   FASE 2 (2026.11): diseño premium — negro, blanco y dorado
   Dorado #DB8926 solo sobre negro o como acento; sobre fondo claro, textos en negro y acento #9A5C12 (contraste 5:1)
   ========================================================= */
:root{--mist:#F5F5F7;--acc-dark:#9A5C12;--line:rgba(17,17,17,.08)}
.sec-mist{background:var(--mist)}
.sec-cream{background:var(--mist)}
.c-white{color:#fff}
.t-display{font-size:clamp(2.1rem, 1.5rem + 2.2vw, 3.6rem);line-height:1.08;font-weight:700;letter-spacing:-.035em;color:var(--text);max-width:22ch;text-wrap:balance}
.sec-dark .t-display,.sec-photo .t-display{color:#fff}
.t-lead{text-wrap:pretty}
.eyebrow-gold{color:var(--primary);letter-spacing:.18em}
.eyebrow-acc{color:var(--acc-dark);letter-spacing:.18em}
.v2{padding:clamp(4.5rem, 3rem + 6vw, 9rem) 0}
.v2-head{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:clamp(2.5rem, 2rem + 2vw, 4.5rem)}
.v2-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem, .5rem + 1.5vw, 2rem)}
.v2-item{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.v2-num,.v2-step{font-size:.8rem;font-weight:600;letter-spacing:.18em;color:var(--acc-dark)}
.v2 h3{font-size:clamp(1.25rem, 1.1rem + .5vw, 1.6rem);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--text)}
.v2 p{font-size:1.05rem;line-height:1.6;color:var(--ink-85)}
.v2-card{background:#fff;border-radius:24px;padding:clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.v2-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px rgba(0,0,0,.18)}
.v2-note{margin-top:2rem;font-size:.95rem!important;color:var(--z700)!important}
.v2-cta{margin-top:clamp(2.5rem, 2rem + 2vw, 4rem)}
/* Credenciales */
.cred{background:#070707;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:clamp(2rem, 1.5rem + 2vw, 3.5rem);padding-bottom:clamp(2rem, 1.5rem + 2vw, 3.5rem)}
.cred-i{display:flex;flex-direction:column;gap:.35rem;border-left:1px solid rgba(219,137,38,.45);padding-left:1.25rem}
.cred-i strong{font-size:clamp(1.6rem, 1.2rem + 1.4vw, 2.6rem);line-height:1.1;font-weight:700;letter-spacing:-.03em;color:var(--primary)}
.cred-i span{font-size:.98rem;line-height:1.45;color:rgba(250,250,250,.75)}
/* Hero más compacto: botones visibles en pantallas bajas */
.hero-in{min-height:clamp(560px, calc(100svh - var(--hdr-h)), 820px)}
.hero-mask{height:100%}
.hero-media{max-height:clamp(560px, calc(100svh - var(--hdr-h)), 820px)}
.hero .t-hero{letter-spacing:-.03em;text-wrap:balance;max-width:16ch}
.hero-bajada{max-width:46ch}
/* Cómo controlamos */
.control{background:#070707}
.ctl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem, .5rem + 1.5vw, 2rem)}
.ctl-card{background:linear-gradient(180deg,#151515,#0c0c0c);border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:clamp(1.75rem, 1.25rem + 1.5vw, 3rem);display:flex;flex-direction:column;gap:1rem}
.control h3{color:#fff}
.control p{color:rgba(250,250,250,.72)}
.ctl-viz{position:relative;height:150px;margin-bottom:1rem;border-radius:16px;background:rgba(255,255,255,.03);overflow:hidden}
.ctl-gantt i{position:absolute;left:var(--x);width:var(--w);height:12px;top:calc(18px + var(--k) * 20px);border-radius:6px;background:rgba(250,250,250,.18);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease) calc(var(--k) * 120ms)}
.ctl-gantt i.crit{background:var(--primary)}
.ctl-card.is-in .ctl-gantt i{transform:scaleX(1)}
.ctl-curve svg{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}
.ctl-curve path{fill:none;stroke-width:2.5;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.8s var(--ease)}
.ctl-curve .plan{stroke:rgba(250,250,250,.35);stroke-dasharray:6 6}
.ctl-curve .real{stroke:var(--primary)}
.ctl-card.is-in .ctl-curve path{stroke-dashoffset:0}
.ctl-tag{position:absolute;right:14px;top:12px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,250,.55)}
/* Servicios */
.srv-card{border:1px solid var(--line);border-radius:24px;padding:clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);display:flex;flex-direction:column;gap:1rem;transition:border-color .4s,transform .5s var(--ease)}
.srv-card:hover{border-color:rgba(219,137,38,.6);transform:translateY(-4px)}
.srv-feat{background:var(--dark)}
.srv-feat h3{color:#fff}
.srv-feat p{color:rgba(250,250,250,.72)}
.srv-card ul{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column}
.srv-card li{padding:.7rem 0;border-top:1px solid var(--line);font-size:.98rem;color:var(--ink)}
.srv-feat li{border-color:rgba(255,255,255,.1);color:rgba(250,250,250,.88)}
/* Industrias: degradado oscuro, más cinematográfico */
.industrias .sec-head{width:auto;max-width:var(--maxw);padding:0 var(--pad-x);margin-bottom:clamp(2rem, 1.5rem + 2vw, 3.5rem)}
.ind::before{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.85) 100%)}
.ind .t-sub{color:#fff;font-size:clamp(1.3rem, 1.1rem + .6vw, 1.75rem);line-height:1.2}
.ind .t-sub::before{content:"";display:block;width:32px;height:2px;background:var(--primary);margin-bottom:.9rem}
.ind{background-size:cover;transition:background-size .8s var(--ease)}
/* Por qué ALPHA PMO */
.porque{background:#070707}
.pq-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem, 1rem + 4vw, 6rem);align-items:start}
.pq-head{position:sticky;top:120px;margin:0}
.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem, 1rem + 2vw, 3rem)}
.pq-i{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}
.porque h3{color:#fff}
.porque p{color:rgba(250,250,250,.72)}
/* Contacto */
.con-btns{margin-top:.5rem}
.contacto .t-display{max-width:16ch}
/* Responsivo */
@media (max-width:1024px){
	.v2-grid3,.ctl-grid{grid-template-columns:1fr}
	.cred-grid{grid-template-columns:1fr;gap:1.25rem}
	.pq-layout{grid-template-columns:1fr}
	.pq-head{position:static}
}
@media (max-width:767px){
	.pq-grid{grid-template-columns:1fr}
	.hero-in{min-height:auto}
}
/* ---------- Fase 2b: ¿Qué necesita?, 3 paneles, video ---------- */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.35;filter:saturate(.8)}
.nec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem, .5rem + 1vw, 1.5rem)}
.nec-card{background:#fff;border-radius:24px;padding:clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);display:flex;flex-direction:column;gap:.9rem;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.nec-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px -28px rgba(0,0,0,.25)}
.nec-card h3{font-size:clamp(1.2rem, 1.05rem + .45vw, 1.5rem);line-height:1.2;font-weight:700;letter-spacing:-.02em}
.nec-card p{font-size:1rem;line-height:1.55;color:var(--ink-85);flex:1 1 auto}
.nec-feat{background:var(--dark);color:#fff}
.nec-feat h3{color:#fff}
.nec-feat p{color:rgba(250,250,250,.75)}
.nec-feat .v2-step{color:var(--primary)}
.nec-roles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.nec-roles li{font-size:.8rem;padding:.3rem .65rem;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:rgba(250,250,250,.9)}
.nec-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:var(--acc-dark);margin-top:.25rem}
.nec-feat .nec-link{color:var(--primary)}
.nec-link svg{width:18px;height:18px;transition:transform .4s var(--ease)}
.nec-card:hover .nec-link svg{transform:translateX(4px)}
.ctl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ctl-gantt .ctl-tag,.ctl-cost .ctl-tag{z-index:1}
.ctl-cost{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 18px}
.cost-row{display:grid;grid-template-columns:7.5rem 1fr;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.04em;color:rgba(250,250,250,.6)}
.cost-row i{height:10px;border-radius:5px;background:rgba(250,250,250,.2);width:var(--v);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease) calc(var(--k) * 150ms)}
.cost-row i.eac{background:var(--primary)}
.ctl-card.is-in .cost-row i{transform:scaleX(1)}
.ctl-note{color:rgba(250,250,250,.5)!important}
.porque .t-lead{max-width:40ch}
@media (max-width:1366px){.nec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1024px){.ctl-grid{grid-template-columns:1fr}}
@media (max-width:767px){.nec-grid{grid-template-columns:1fr}}
/* ---------- Botones proporcionados (2026.11) ---------- */
.btn-l{font-size:.95rem;height:46px;padding:.4rem .45rem .4rem 1.1rem}
.btn-l .btn-ico{font-size:1.6rem}
.btn-xl{font-size:1.05rem;line-height:1.2;height:54px;padding:.5rem .55rem .5rem 1.3rem}
.btn-xl .btn-ico{font-size:1.9rem}
.btn-xl.btn-outline-light{padding:.5rem 1.3rem}
.hdr-cta .btn{font-size:.875rem;height:40px;padding:.3rem .35rem .3rem 1rem}
.hdr-cta .btn .btn-ico{font-size:1.4rem}
.cform .btn-form{height:46px;font-size:.95rem}
/* ---------- Hero cinematográfico (video + capa de datos) ---------- */
.hero-cine{background:#050505}
.hero-cine .hero-in{min-height:clamp(560px, calc(100svh - var(--hdr-h)), 860px);position:relative;z-index:2}
.hero-cine .hero-text{width:min(640px, 100%)}
.hero-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.4s var(--ease),transform 9s linear;filter:saturate(.85) contrast(1.05)}
.hero-clip.is-on{opacity:1;transform:scale(1)}
.hero-shade-x{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.75) 38%,rgba(5,5,5,.25) 75%,rgba(5,5,5,.45) 100%),linear-gradient(0deg,rgba(5,5,5,.7) 0%,rgba(5,5,5,0) 30%)}
.hero-data{position:absolute;right:0;top:0;height:100%;width:60%;opacity:.75;pointer-events:none}
.hd-gantt rect{fill:var(--primary);opacity:.7;transform-box:fill-box;transform-origin:left;transform:scaleX(0);animation:hdBar 1.6s var(--ease) forwards;animation-delay:calc(.6s + var(--k) * .25s)}
.hd-curve{fill:none;stroke:#E8BD61;stroke-width:1.6;stroke-dasharray:600;stroke-dashoffset:600;animation:hdDraw 3.2s var(--ease) 1.2s forwards}
.hd-dot{fill:#E8BD61;opacity:0;animation:hdDot 1.6s ease-in-out 4.2s infinite}
@keyframes hdBar{to{transform:scaleX(1)}}
@keyframes hdDraw{to{stroke-dashoffset:0}}
@keyframes hdDot{0%,100%{opacity:.2}50%{opacity:1}}
.hero-pause{position:absolute;left:clamp(1rem, 2vw, 2rem);bottom:clamp(1rem, 2vw, 2rem);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;padding:10px;backdrop-filter:blur(6px)}
.hero-pause svg{width:16px;height:16px}
.hero-pause .i-play,.hero-cine.is-paused .hero-pause .i-pause{display:none}
.hero-cine.is-paused .hero-pause .i-play{display:block}
@media (prefers-reduced-motion:reduce){.hero-clip{transition:none;transform:none}.hd-gantt rect,.hd-curve,.hd-dot{animation:none;transform:none;stroke-dashoffset:0;opacity:.6}}
@media (max-width:767px){.hero-data{width:100%;opacity:.35}.hero-shade-x{background:linear-gradient(0deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.6) 60%,rgba(5,5,5,.5) 100%)}}
/* ---------- Botones del hero: translúcidos, se encienden al pasar el mouse ---------- */
.hero-btns{gap:12px}
.hero-btns .btn{height:46px;font-size:.95rem;padding:.35rem .4rem .35rem 1.15rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.88;transition:background-color .35s,border-color .35s,color .35s,opacity .35s,transform .35s}
.hero-btns .btn:hover{opacity:1}
.hero-btns .btn-primary{background:rgba(219,137,38,.16);border-color:rgba(219,137,38,.55);color:#fff}
.hero-btns .btn-primary .btn-ico{font-size:1.6rem}
.hero-btns .btn-primary .btn-ico svg circle{fill:var(--primary)}
.hero-btns .btn-primary .btn-ico svg path{fill:#111}
.hero-btns .btn-primary:hover{background:var(--primary);border-color:var(--primary);color:#111}
.hero-btns .btn-primary:hover .btn-ico svg circle{fill:#111}
.hero-btns .btn-primary:hover .btn-ico svg path{fill:var(--primary)}
.hero-btns .btn-outline-light{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.85);padding:.35rem 1.15rem}
.hero-btns .btn-outline-light:hover{background:#fff;border-color:#fff;color:#111}
/* ---------- Fase 3 (2026.11): contacto discreto, menú activo, WhatsApp y mapa ---------- */
.hdr-cta .btn{background:transparent;border-color:rgba(17,17,17,.18);color:var(--dark);opacity:.9;transition:background-color .3s,border-color .3s,color .3s,opacity .3s}
.hdr-cta .btn .btn-ico svg circle{fill:var(--primary)}
.hdr-cta .btn .btn-ico svg path{fill:#111}
.hdr-cta .btn:hover,.hdr-cta .btn:focus-visible{background:var(--primary);border-color:var(--primary);color:#111;opacity:1}
.hdr-cta .btn:hover .btn-ico svg circle{fill:#111}
.hdr-cta .btn:hover .btn-ico svg path{fill:var(--primary)}
.hero-btns .btn:focus-visible{opacity:1}
.hero-btns .btn-primary:focus-visible{background:var(--primary);color:#111}
@media (hover:none){.hero-btns .btn{opacity:1}.hero-btns .btn-primary{background:rgba(219,137,38,.32)}}
.hdr-nav a{position:relative}
.hdr-nav a:hover,.hdr-nav a.is-active,.hdr-nav .current_page_item>a.is-active{color:var(--dark)}
.hdr-nav .menu-item-object-page.current_page_item>a:not(.is-active){color:var(--dark)}
.hdr-nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.hdr-nav a:hover::after,.hdr-nav a.is-active::after{transform:scaleX(1)}
#ht-ctc-chat .ht_ctc_notification,#ht-ctc-chat .ht_ctc_badge{display:none!important}
#ht-ctc-chat,#ht-ctc-chat *{animation:none!important}
.nec-card{cursor:default}
.nec-card:hover{transform:none;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.nec-more{margin-top:2rem}
.nec-more:hover svg{transform:translateX(4px)}
.map-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem, 1rem + 4vw, 6rem);align-items:center}
.map-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2rem}
.map-list li{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-top:1px solid var(--line);cursor:pointer;transition:opacity .3s}
.map-list:hover li:not(.is-on){opacity:.55}
.map-n{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:#fff;color:var(--acc-dark);border:1px solid rgba(219,137,38,.45);transition:background .3s,color .3s}
.map-list li.is-on .map-n{background:var(--primary);color:#111;border-color:var(--primary)}
.map-list strong{display:block;font-size:.98rem;color:var(--text)}
.map-list p{margin-top:.2rem;font-size:.92rem;line-height:1.45;color:var(--ink-85)}
.map-list a{color:var(--ink);border-bottom:1px solid rgba(154,92,18,.35)}
.map-list a:hover{color:var(--acc-dark);border-color:var(--acc-dark)}
.map-fig{display:flex;justify-content:center}
.map-fig svg{width:auto;height:min(600px, 78vh);overflow:visible}
.map-land{fill:#E7E5E4;stroke:#D6D3D1;stroke-width:.6;stroke-linejoin:round}
.map-dot{fill:var(--primary)}
.map-halo{fill:var(--primary);opacity:.18;transform-box:fill-box;transform-origin:center;animation:mapPulse 2.8s ease-in-out infinite;animation-delay:calc(var(--k) * .25s)}
.map-pt.is-on .map-halo{opacity:.45}
.map-pt.is-on .map-dot{fill:#111}
@keyframes mapPulse{0%,100%{transform:scale(.8)}50%{transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.map-halo{animation:none}}
@media (max-width:1024px){.map-layout{grid-template-columns:1fr}.map-fig{order:-1}.map-fig svg{height:420px}}
@media (max-width:767px){.map-list{grid-template-columns:1fr}.map-fig svg{height:340px}}
/* Mapa alineado con la lista en computador: Chile parte a la altura del punto 1 y termina en la base de la lista */
@media (min-width:1025px){
.map-layout{grid-template-areas:"head ." "list fig";row-gap:0;align-items:stretch}
.map-text{display:contents}
.map-text .v2-head{grid-area:head}
.map-list{grid-area:list;align-self:start}
.map-fig{grid-area:fig;position:relative;min-height:320px}
.map-fig svg{position:absolute;left:0;top:-10px;width:100%;height:calc(100% + 10px)}
}

/* 2026.11.02 — Ancho de escritorio alineado con alpha-aio.com: borde lateral idéntico a alpha-aio.com = max(clamp(1.25rem,.6rem+2.4vw,3rem), 1/3 del viewport - 426.5px). Solo computador. Respaldo: /home2/advancex/respaldos-web/alpha-pmo.com/main.css-antes-ancho-20261102.css */
@media (min-width:1025px){
	:root{--side:max(clamp(1.25rem, .6rem + 2.4vw, 3rem), calc(33.333vw - 426.5px))}
	.wrap,.hero-in{max-width:none;padding-left:var(--side);padding-right:var(--side)}
	.hdr{padding-left:var(--side);padding-right:var(--side)}
	.sec-head.sec-head-left,.industrias .sec-head{max-width:none;padding-left:var(--side);padding-right:var(--side)}
	.nosotros>.center{padding-left:var(--side);padding-right:var(--side)}
	.nos-text-in{padding-left:var(--side)}
	.ftr{padding-left:0;padding-right:0}
	.ftr-grid{width:auto;max-width:none;padding-left:var(--side);padding-right:var(--side)}
}

/* =========================================================
   v2 (2026.11.02): banda superior igual a ALPHA AIO (sin cambiar alto, logo ni márgenes),
   fondos blanco/negro alternados, banda de video, industrias, globo y pie con logo ALPHA AIO
   ========================================================= */
.hdr-nav a{font-weight:500;color:#0A0A0A}
.hdr-cta .btn{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700;opacity:1}
.hdr-cta .btn .btn-ico svg circle{fill:#fff}
.hdr-cta .btn .btn-ico svg path{fill:var(--primary)}
.hdr-cta .btn:hover,.hdr-cta .btn:focus-visible{background:#111;border-color:#111;color:#fff}
.hdr-cta .btn:hover .btn-ico svg circle{fill:var(--primary)}
.hdr-cta .btn:hover .btn-ico svg path{fill:#111}
@media (min-width:1025px){.hdr-cta .btn{height:46px;min-height:46px}}

/* Hero: arranque cinematográfico (zoom lento) y sin capa de curva S */
.hero-data{display:none}
.hero-clip.is-on{animation:v2Zoom 10s ease-out both}
@keyframes v2Zoom{from{transform:scale(1.1)}to{transform:scale(1)}}

/* Alternancia: hero y credenciales negro · soluciones blanco · método negro · servicios blanco · banda negro · industrias blanco · experiencia negro · equipo blanco · contacto negro */
.sec-mist.necesita{background:#fff}
.sec-mist.mapa{background:#0B0B0B}
.mapa .eyebrow-acc{color:var(--primary)}
.mapa .t-display{color:#fff}
.mapa .c-ink{color:rgba(250,250,250,.72)}
.mapa .map-list li{border-top-color:rgba(255,255,255,.12)}
.mapa .map-list strong{color:#fff}
.mapa .map-list p{color:rgba(250,250,250,.66)}
.mapa .map-list a{color:rgba(250,250,250,.86);border-bottom-color:rgba(219,137,38,.45)}
.mapa .map-list a:hover{color:var(--primary);border-color:var(--primary)}
.mapa .map-n{background:transparent;color:var(--primary);border-color:rgba(219,137,38,.55)}
.mapa .map-land{fill:#262626;stroke:rgba(219,137,38,.55);stroke-width:.8}
.mapa .map-pt.is-on .map-dot{fill:#fff}
.porque{background:#fff}
.porque .c-white,.porque h3{color:var(--text)!important}
.porque .c-light-85,.porque p{color:var(--ink-85)!important}
.porque .eyebrow-gold{color:var(--accent)}
.porque .pq-i{border-top-color:rgba(17,17,17,.12)}

/* Banda de video (data center y automatización) */
.cine{position:relative;display:flex;align-items:flex-end;min-height:clamp(420px,72vh,760px);overflow:hidden;background:#000;color:#fff;isolation:isolate}
.cine video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;z-index:-2}
.cine video.is-on{opacity:1;animation:v2Zoom 9s ease-out both}
.cine::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.25) 100%),linear-gradient(0deg,rgba(0,0,0,.65) 0%,transparent 55%)}
.cine-in{width:100%;padding-top:var(--pad-y);padding-bottom:var(--pad-y)}
.cine h2{max-width:20ch;color:#fff}

/* Contacto: globo dorado girando */
.contacto{overflow:hidden}
.contacto::before{opacity:.86}
.contacto .wrap{position:relative;z-index:1}
.contacto .globe{position:absolute;z-index:0;pointer-events:none;width:min(820px,62vw);aspect-ratio:1/1;left:50%;top:50%;transform:translate(-50%,-50%)}
@media (max-width:1024px){.contacto .globe{width:130vw;left:-15vw;top:0;transform:none;opacity:.6}}

/* Pie: crédito en segunda línea con logo ALPHA AIO */
.ftr-bottom{flex-direction:column;gap:.85rem}
.ftr-bottom .ftr-dev{display:flex;align-items:center;justify-content:center;gap:.65rem;font-size:.72rem;color:rgba(250,250,250,.6)}
.ftr-dev-logo{display:inline-flex;align-items:flex-start;line-height:0;transition:opacity .3s,transform .3s}
.ftr-dev-logo img{height:26px;width:auto}
.ftr-dev-logo sup{font-size:.55rem;line-height:1;color:#fff;margin-left:1px;letter-spacing:0}
.ftr-dev-logo:hover{opacity:.85;transform:translateY(-1px)}

/* v2.1 (2026.11.02): letra algo más grande en computador, como ALPHA AIO (márgenes sin cambio) */
@media (min-width:1025px){
main section p:not(.eyebrow):not(.ctl-tag){font-size:1.1rem;line-height:1.55}
main section .t-lead:not(.eyebrow):not(.ctl-tag){font-size:1.42rem;line-height:1.45}
main .ctl-card h3,main .pq-i h3,main .necesita h3,main .servicios2 h3{font-size:1.65rem}
.cred-i span{font-size:1.08rem}
.map-list strong{font-size:1.08rem}
}

/* v2.2 (2026.11.02): tipografía con el criterio de ALPHA AIO (misma familia Manrope, trazo más formal), imágenes IPS/P3D y bloque de dirección */
body{font-size:clamp(1.0625rem, 1rem + .2vw, 1.1875rem);line-height:1.6}
.t-hero{letter-spacing:-.05em;line-height:1.02;color:#fff}
.t-display{letter-spacing:-.045em;line-height:1.05}
.t-sub,main h3{letter-spacing:-.03em}
.t-lead{letter-spacing:-.015em}

.ctl-shots{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--g);margin-top:clamp(2rem, 1rem + 3vw, 4rem)}
.ctl-shots figure{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#1a1a1a;border:1px solid rgba(255,255,255,.08)}
.ctl-shots img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center}
.ctl-shots figcaption{position:absolute;left:1rem;bottom:1rem;padding:.4rem .8rem;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}
@media (max-width:767px){.ctl-shots{grid-template-columns:1fr}}

.perfil{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(2rem, 1rem + 5vw, 7rem);align-items:start;margin-top:clamp(3rem, 2rem + 4vw, 6rem)}
.perfil-list{display:grid;gap:var(--g)}
.perfil-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;min-height:340px;padding:clamp(1.75rem, 1.2rem + 2vw, 3rem);border-radius:20px;background:#111;color:#fff}
.perfil-card::after{content:"";position:absolute;right:-40%;bottom:-40%;width:90%;height:90%;z-index:-1;background:radial-gradient(circle,rgba(219,137,38,.42),transparent 65%)}
.perfil-ini{width:80px;height:80px;border-radius:50%;background:var(--primary);color:#111;display:grid;place-items:center;font-size:1.5rem;font-weight:800}
.porque .perfil-card p.perfil-n{font-size:clamp(1.6rem, 1.2rem + 1.2vw, 2.3rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:#fff!important}
.porque .perfil-card p.perfil-c{margin-top:.5rem;color:rgba(250,250,250,.78)!important}
.porque .perfil-card p.perfil-f{font-size:.95rem;color:rgba(250,250,250,.55)!important}
.perfil-in{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.4rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.9rem;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}
.perfil-in svg{width:16px;height:16px;fill:currentColor}
.perfil-in:hover,.perfil-in:focus-visible{background:var(--primary);border-color:var(--primary);color:#111}
.perfil-txt{display:flex;flex-direction:column;gap:1.75rem}
main section .perfil-txt p.t-big{font-size:clamp(1.35rem, 1.05rem + 1vw, 2rem);line-height:1.35;letter-spacing:-.03em;font-weight:500;color:var(--text)!important}
@media (max-width:1024px){.perfil{grid-template-columns:1fr}}

/* v2.3 (2026.11.02): Dirección con el formato de ALPHA AIO (foto en grises que toma color al pasar el mouse) */
.dir{margin-top:clamp(4rem, 2.5rem + 5vw, 8rem)}
.dir-head{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:clamp(2.5rem, 1.8rem + 2.5vw, 4.5rem)}
.tm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(2rem, 1rem + 5vw, 7rem);align-items:center}
.tm-foto{margin:0;position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#000}
.tm-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.01);transition:filter .8s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
.tm-foto:hover img,.tm-foto:focus-within img{filter:none;transform:scale(1.04)}
@media (hover:none){.tm.is-in .tm-foto img{filter:none;transition-delay:.4s}}
.tm-txt{display:flex;flex-direction:column;gap:1rem}
.porque h3.tm-n{font-size:clamp(1.8rem, 1.2rem + 1.8vw, 2.8rem);font-weight:700;letter-spacing:-.04em;line-height:1.08}
main section .porque p.tm-c,.porque p.tm-c{font-size:1.05rem;line-height:1.5;max-width:52ch;color:#6E6E73!important}
.tm-l{display:flex;flex-direction:column;gap:.85rem;margin:.75rem 0 .5rem;padding:0;list-style:none}
.tm-l li{position:relative;padding-left:1.4rem;line-height:1.55;max-width:62ch;color:var(--ink)}
.tm-l li::before{content:"";position:absolute;left:0;top:.7em;width:.55rem;height:2px;background:var(--primary)}
.tm-li{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;font-weight:600;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:.15rem;transition:color .25s ease}
.tm-li svg{width:18px;height:18px}
.tm-li:hover{color:var(--accent)}
.tm-modelo{margin-top:clamp(3rem, 2rem + 3vw, 5rem);max-width:60ch}
@media (max-width:1024px){.tm{grid-template-columns:1fr}.tm-foto{max-width:420px}}

/* v2.4 (2026.11.02): pie más sobrio como ALPHA AIO (íconos grises, correo en minúsculas) */
.ftr-list a{text-transform:none;letter-spacing:0}
.ftr-ico svg{fill:rgba(250,250,250,.5)}
.ftr-list a:hover .ftr-ico svg{fill:var(--primary)}
.ftr-social{color:rgba(250,250,250,.72)}
.ftr-social-ico{background:rgba(255,255,255,.12)}
.ftr-social-ico svg{fill:rgba(250,250,250,.8)}
.ftr-social:hover .ftr-social-ico{background:var(--primary)}
.ftr-social:hover .ftr-social-ico svg{fill:#111}