@media(max-width:650px){
 header{padding:12px 6%;min-height:70px}#menu{min-width:44px;min-height:44px}nav{top:100%;max-height:calc(100dvh - 70px);overflow:auto}nav a{padding:9px 0}
 .cinematic{min-height:0;height:auto;padding:40px 6% 105px}.cinematic h1{font-size:36px;letter-spacing:-1.5px;line-height:1.1;margin-bottom:22px}.cinematic .eyebrow{font-size:8px;letter-spacing:1px}.cinematic .hero-copy{font-size:16px;line-height:1.65}.hero-backdrop:after{background:linear-gradient(90deg,#050505dc,#05050575),linear-gradient(0deg,#050505ee,transparent)}.hero-main{min-width:0}.actions{gap:16px}.actions .button{width:100%;min-height:48px;padding:14px 18px}.hero-foot{margin-top:25px}.hero-caption{font-size:0;bottom:22px;left:6%;right:auto;padding:0}.hero-caption .live-dot{display:none}.hero-caption .motion-control{position:static;margin:0;font-size:11px;min-height:38px;padding:8px 12px}.floating{right:12px;bottom:12px;padding:11px 16px}
 .section{padding:44px 6%}.section h2{font-size:30px;letter-spacing:-1px}.featured,.about,.contact,.included{gap:28px;min-width:0}.featured>*,.about>*,.contact>*,.included>*{min-width:0}.fence-photo{margin:0;box-shadow:none}.fence-photo img{height:auto;aspect-ratio:16/10;object-fit:cover}.section-heading{margin-bottom:25px}.services{grid-auto-rows:auto}.services .service-photo,.services .service:first-child .service-photo{height:auto;aspect-ratio:16/10}.service-body p{min-height:0}.about-photo{height:auto;aspect-ratio:4/3;object-fit:cover}.steps article{padding-left:40px}.steps h3{font-size:21px}
 .service-hero{min-height:0;justify-content:flex-start;gap:0}.service-hero .breadcrumb{order:0;margin-bottom:20px}.service-hero .page-photo{position:relative;inset:auto;z-index:0;order:1;width:100%;aspect-ratio:16/10;margin-bottom:24px}.service-hero .page-photo:after{display:none}.service-hero>.eyebrow{order:2;margin-top:0}.service-hero>h1{order:3;font-size:34px;letter-spacing:-1.3px}.service-hero>.hero-copy{order:4;font-size:16px;max-width:100%}.service-hero>.actions{order:5;margin-top:18px}.service-hero .page-photo img{object-position:center}
 .photo-gallery{grid-template-columns:minmax(0,1fr)}.photo-gallery figure img{height:auto;max-height:none}.form-row{grid-template-columns:minmax(0,1fr)}input,textarea,select{font-size:16px;min-width:0}form{padding:20px;min-width:0}.email{overflow-wrap:anywhere}.other a{width:100%;min-height:44px}.strip{letter-spacing:1px}.section[id]{scroll-margin-top:75px}
}
@media(max-width:360px){.cinematic h1{font-size:32px}.brand{gap:5px}.brand-eagle{width:34px;height:34px}.cinematic .eyebrow{letter-spacing:.5px}}

.service-symbols{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:20px;padding:28px 6%;background:#191a1c;border-bottom:1px solid #ffffff15}.service-symbols a{display:flex;align-items:center;flex-direction:column;gap:10px;text-decoration:none;color:#c4a46a;font-size:12px}.service-symbols svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-symbols a:hover{color:#fff}@media(max-width:900px){.service-symbols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}@media(max-width:360px){.service-symbols{gap:20px 8px}.service-symbols a{font-size:10px}}

@media(max-width:650px){.service-symbols{grid-template-columns:repeat(3,minmax(0,1fr))}}

footer{padding:18px 6%;min-height:0;height:auto;gap:18px;align-items:center}footer p{margin:0}footer .brand-eagle{width:38px;height:38px}footer .brand{font-size:9px}footer .brand b{font-size:15px}@media(max-width:650px){footer{gap:14px;padding:18px 6% 72px}}

.company-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#f3f0e8;color:#171717}.company-intro .eyebrow{color:#846128}.company-copy p{color:#515151;line-height:1.8;margin-top:0}.company-copy p:last-child{margin-bottom:0}@media(max-width:650px){.company-intro{grid-template-columns:minmax(0,1fr);gap:20px}}

.clients{grid-column:1/-1;min-width:0;border-top:1px solid #17171720;padding-top:28px}.clients-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.client-controls{display:flex;gap:8px}.client-controls button{width:40px;height:40px;border:1px solid #b7a88d;background:transparent;color:#171717;cursor:pointer}.client-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px 0;scrollbar-width:thin}.client-logo{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;background:white;border:1px solid #ded8cc;margin:0;padding:22px;text-align:center}.client-logo img{width:100%;height:90px;object-fit:contain}.client-logo figcaption{margin-top:16px;font-size:12px;color:#555}@media(max-width:650px){.client-logo{flex-basis:calc((100% - 18px)/2);padding:18px 12px}.client-logo img{height:70px}.clients-heading .eyebrow{font-size:10px;letter-spacing:1px}}

.company-intro{padding:44px 6%;grid-template-columns:.85fr 1.4fr;gap:30px}.company-intro h2{font-size:32px;line-height:1.15;letter-spacing:-1px}.company-copy p{font-size:15px;line-height:1.65;margin-bottom:14px}.clients{padding-top:20px}.client-track{gap:24px}.client-logo{flex:0 0 140px;border:0;background:transparent;padding:0}.client-logo img{width:112px;height:112px;border-radius:50%;background:#fff;border:1px solid #ddd6c8;padding:16px;object-fit:contain;box-sizing:border-box}.client-logo figcaption{margin-top:9px;font-size:11px}.step-icon{position:absolute;left:0;top:32px;width:30px;height:30px;fill:none;stroke:#c4a46a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:650px){.company-intro{grid-template-columns:minmax(0,1fr);gap:18px;padding:32px 6%}.company-intro h2{font-size:28px}.client-logo{flex-basis:112px;padding:0}.client-logo img{width:96px;height:96px;padding:14px}.client-track{gap:14px}}

.client-logo img[alt="AXION energy"]{background:#c90068;border-color:#c90068}

.project-controls{display:flex;justify-content:flex-end;gap:10px;margin:20px 0}.project-controls button{width:44px;height:44px;border:1px solid #bba477;background:transparent;color:#806127;font-size:24px;cursor:pointer}.photo-gallery.project-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.project-track figure{flex:0 0 calc((100% - 24px)/2);min-width:0;scroll-snap-align:start;margin:0}.photo-gallery.project-track figure img{width:100%;height:360px;object-fit:cover}@media(max-width:650px){.project-track figure{flex-basis:100%}.photo-gallery.project-track figure img{height:300px}}

/* Ajustes de presentación para las fotografías de trabajos reales. */
.project-track img[src*="cerca-electrica-instalacion-uruguay-"]{filter:brightness(1.06) contrast(1.04) saturate(1.08)}
.photo-gallery.project-track figure img{object-fit:contain;background:#e8e5de}
.photo-gallery.project-track figure img[src*="videoportero-instalacion-uruguay-"],.photo-gallery.project-track figure img[src*="videoportero-acceso-remoto"],.photo-gallery.project-track figure img[src*="timbre-seguridad-instalacion-uruguay-"]{object-fit:cover;background:transparent}

.client-track{max-width:620px;margin-inline:auto;gap:24px;overflow-x:hidden}.client-track figure{flex:0 0 calc((100% - 48px)/3);display:flex;align-items:center;flex-direction:column}.client-track figcaption{text-align:center;width:100%}@media(max-width:650px){.client-track{gap:12px}.client-track figure{flex-basis:calc((100% - 24px)/3)}.client-track img{width:min(88px,100%);height:auto;aspect-ratio:1}.client-track figcaption{font-size:10px}}

header,footer{background-color:#101113;background-image:linear-gradient(#08090b55,#08090b55),url('fondo-mapa-v28.webp');background-size:cover;background-position:center 43%}header .brand-eagle{width:57px;height:64px}footer .brand-eagle{width:42px;height:48px}.service-control-acceso .service-photo{object-position:75% center}.service-hero-control-acceso .page-photo img{object-position:center}@media(max-width:650px){header .brand-eagle{width:38px;height:44px}header,footer{background-position:38% center}.service-control-acceso .service-photo{object-position:center}}

header,footer{background:#000;background-image:none}header{background:rgba(0,0,0,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}header nav a{font-size:18px}@media(max-width:650px){header nav a{font-size:17px}}
.service-hero-alarmas .hero-lead{margin:0 0 10px;color:#d1ad6a;font-weight:600;font-size:clamp(17px,1.55vw,22px);line-height:1.3}
@media(min-width:651px){.service-hero-videoporteros .page-photo img{transform:scale(1.05) translateX(5%);transform-origin:center}}

.client-track{max-width:780px}.client-track figure{flex-basis:calc((100% - 72px)/4)}@media(max-width:650px){.client-track figure{flex-basis:calc((100% - 36px)/4)}.client-track img{padding:8px}.client-track figcaption{font-size:9px;overflow-wrap:anywhere}}

.client-track img[src*="caif-china-zorrilla"]{object-fit:cover;padding:0}.client-track img[src*="canario-luna"],.client-track img[src*="baldosas-lv"],.client-track img[src*="parquesol"]{padding:3px}.client-track img[src*="secon"]{padding:8px}.client-track img[src*="vinibel"]{background:#000;padding:8px}.client-track img[src*="punto-color"]{background:#164b73;padding:8px}.client-track img[src*="charruas"],.client-track img[src*="amsterdam-v31"]{padding:9px}.client-track figcaption{line-height:1.4;min-height:32px}

.client-track img[src*="villalagos"]{padding:0;object-fit:cover}.client-track img[src*="afp"]{padding:0;object-fit:cover;object-position:49% center}

.photo-gallery.project-track figure img[src*="camara-seguridad-instalacion-uruguay-"],.photo-gallery.project-track figure img[src*="control-acceso-instalacion-uruguay-"]{object-fit:cover;background:transparent}
/* Página de asistencia: beneficios explicados para decisiones empresariales. */
.attendance-included .features>div{display:grid;grid-template-columns:28px 1fr;column-gap:20px;align-items:start}.attendance-included .features span{grid-row:1 / span 2;padding-top:4px}.attendance-included .features h3{margin:0}.attendance-included .features p{grid-column:2;margin:8px 0 0;font-size:14px;line-height:1.6}@media(max-width:650px){.attendance-included .features>div{grid-template-columns:24px 1fr;column-gap:14px}.attendance-included .features h3{font-size:18px}}
/* Cercas eléctricas: beneficios y sello de confianza. */
.fence-included .features>div{display:grid;grid-template-columns:28px 1fr;column-gap:20px;align-items:start}.fence-included .features span{grid-row:1 / span 2;padding-top:4px}.fence-included .features h3{margin:0}.fence-included .features p{grid-column:2;margin:8px 0 0;font-size:14px;line-height:1.6}.fence-trust{text-align:center;background:#182019}.fence-trust p:not(.eyebrow){max-width:680px;margin:0 auto;color:#b5bcb5}@media(max-width:650px){.fence-included .features>div{grid-template-columns:24px 1fr;column-gap:14px}.fence-included .features h3{font-size:18px}}

/* Ajustes de celular: navegación compacta, portada integrada y pie alineado. */
@media(max-width:650px){
 .service-symbols{display:flex;flex-wrap:nowrap;gap:8px;padding:16px 5%;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
 .service-symbols a{flex:0 0 78px;gap:7px;font-size:11px;scroll-snap-align:start;text-align:center}
 .service-symbols svg{width:27px;height:27px}
 .service-hero.section{position:relative;isolation:isolate;padding:26px 6% 38px;overflow:hidden;background:#101010}
 .service-hero .page-photo{position:absolute;inset:0;z-index:-2;order:initial;width:100%;height:100%;aspect-ratio:auto;margin:0;opacity:.55}
 .service-hero .page-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center}
 .service-hero .page-photo:after{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#050505d9,#05050580),linear-gradient(0deg,#050505d9,transparent)}
 .service-hero .breadcrumb{margin-bottom:28px;font-size:11px}
 .service-hero>.eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.6;margin-bottom:17px}
 .service-hero>h1{font-size:clamp(31px,8.7vw,39px);line-height:1.13;margin-bottom:20px}
 .service-hero>.hero-copy{font-size:15px;line-height:1.65;margin:0}
 .service-hero>.actions{margin-top:24px;gap:13px}
 .service-hero .actions .button{font-size:13px;white-space:normal;text-align:center}
 footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;padding:25px 6% 86px;text-align:left}
 footer .brand{justify-content:flex-start;margin:0}
 footer p{margin:0;text-align:left;font-size:11px;line-height:1.65;width:auto;align-self:flex-start}
 footer .brand-eagle{width:36px;height:42px}
 .floating{font-size:12px;padding:10px 14px;right:12px;bottom:12px}
 .features>div{flex-wrap:wrap;align-items:flex-start;gap:10px 14px}
 .features>div>p{flex-basis:100%;margin:0 0 0 30px;font-size:14px;line-height:1.65}
 .features>div>h3{flex:1;min-width:0;font-size:18px}
}