/* Reference design. Contactos and Asistencia keep their existing page styles. */
header{background:#000;gap:4%;padding:20px 5%;min-height:95px;align-items:center}header .brand{width:210px;flex-shrink:0}header nav{border:1px solid #30343b;border-radius:8px;padding:20px 28px;justify-content:space-between;flex:1;max-width:950px;gap:22px}header nav a,header nav button{font-size:12px;white-space:nowrap}header nav [aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:8px}.utility{background:#000}
.ref-service-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin:55px auto;max-width:1100px}.ref-service-choice{border:0;background:transparent;padding:0 8px;color:#b1b2b6;text-align:center;min-width:0}.ref-service-choice .hex-icon{width:110px;height:126px;margin:0 auto 18px;color:#8d8e91;background:linear-gradient(145deg,#232426,#030405);transition:color .25s,filter .25s}.ref-service-choice .hex-icon svg{width:55px;height:55px}.ref-service-choice>span:last-child{display:block;font-size:12px;font-weight:800;letter-spacing:1.4px;line-height:1.4;text-transform:uppercase}.ref-service-choice:hover,.ref-service-choice.selected{color:var(--accent)}.ref-service-choice:hover .hex-icon,.ref-service-choice.selected .hex-icon{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent))}.ref-service-choice:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:5px}
header .mega{left:auto;right:5%;top:calc(100% - 18px);width:min(950px,90%);padding:26px 28px 42px;border-radius:0 0 16px 16px;background:linear-gradient(#01070cdd,#020810c9),url('ref-fence-banner.jpg') center/cover;box-shadow:inset 0 1px 8px #ffffff24,0 20px 50px #000b;border:1px solid #3c464b}header .mega .ref-service-row{margin:0;gap:8px}header .mega .hex-icon{width:72px;height:83px}header .mega .hex-icon svg{width:36px;height:36px}header .mega .ref-service-choice>span:last-child{font-size:10px;letter-spacing:.5px}.mega-see-more{display:block;text-align:right;font-size:12px;font-weight:800;letter-spacing:2px;margin-top:22px}.nav-backdrop{inset:0;z-index:15;background:#0004;backdrop-filter:blur(8px)}
#inicio{background:#000;padding:24px 3% 45px;min-height:0}#inicio:before{display:none}#inicio .intro{position:relative;z-index:2;margin:0 auto;min-height:400px;padding-top:5px;max-width:1100px}#inicio h1{font-size:clamp(26px,3vw,46px);letter-spacing:5px;white-space:normal}#inicio .intro-copy{max-width:700px;font-size:16px;line-height:1.5;color:#fff}#inicio .home-video-layer{height:640px;bottom:auto;opacity:.65}#inicio .home-video-layer:after{background:linear-gradient(180deg,#0002 0,#0003 55%,#000 100%)}#inicio .home-grid{position:relative;z-index:2;grid-template-columns:1.15fr 1.45fr .85fr 1.45fr;grid-template-rows:130px 130px;gap:10px;max-width:1460px;margin:0 auto 85px}#inicio .alarm{grid-column:1;grid-row:1/3}#inicio .camera{grid-column:2;grid-row:1}#inicio .fence{grid-column:2;grid-row:2}#inicio .fire{grid-column:3;grid-row:1/3}#inicio .enterprise{grid-column:4;grid-row:1}#inicio .access{grid-column:4;grid-row:2}#inicio .photo-card{border-color:#737b85;border-radius:10px}#inicio .photo-card img{filter:grayscale(1);transition:filter .4s}#inicio .photo-card:hover img{filter:grayscale(0)}#inicio .photo-label{inset:auto 18px 15px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;gap:8px}#inicio .photo-label b{display:none}#inicio .photo-label svg{width:28px;height:28px;color:#2389ff}#inicio .photo-card.access .crop img{width:100%;height:100%;position:static;object-fit:cover}.video-control{z-index:3}
.ref-trust{position:relative;max-width:1280px;margin:70px auto 10px;padding:35px 45px 55px;text-align:center;background:radial-gradient(ellipse at 50% 110%,#056fda99,transparent 47%),linear-gradient(0deg,#101419,#000 60%);border-radius:0 0 60px 60px}.trust-heading h2{font-size:clamp(23px,2.4vw,36px);color:#268bff;letter-spacing:-.8px}.trust-heading p{font-size:18px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.trust-grid article svg{width:50px;height:50px;stroke-width:1.2;margin-bottom:15px}.trust-grid h3{font-size:12px;letter-spacing:1px}.trust-grid p{font-size:12px;line-height:1.5;max-width:225px;margin:0 auto;color:#c6cbd2}.ref-trust>.button{margin-top:35px}.home-trust>.button{position:absolute;right:35px;top:45px;margin:0;padding:8px 15px;font-size:12px}.home-trust .trust-heading{padding:0 145px}
#conocenos{background:#000;padding:35px 6% 35px;overflow:hidden}#conocenos .about-grid{grid-template-columns:1.1fr 1fr;gap:4%;align-items:center;max-width:1320px;margin:auto}#conocenos .about-copy{text-align:left;padding:15px 0 70px}#conocenos .about-copy h1{font-size:clamp(25px,2.9vw,41px);white-space:nowrap;letter-spacing:5px}#conocenos .about-copy>p:not(.eyebrow){margin-left:0;line-height:1.7;font-size:16px}#conocenos .team{padding-top:110px;height:auto;min-height:630px;--team-photo-height:510px}#conocenos .about-ref-logo{position:absolute;top:0;left:6%;width:250px;height:100px;object-fit:contain}#conocenos .team-photo{height:510px;object-fit:contain;object-position:center bottom}#conocenos .team-carousel-controls{bottom:15px}#conocenos .team-carousel-dots button{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:16px;height:18px;background:#f45a35;border:0}#conocenos .team-carousel-dots button[aria-pressed=true]{background:#2389ff}#conocenos .team-carousel-controls p{display:none}#conocenos .values{margin-top:35px;gap:25px}#conocenos .values article{padding:30px 24px;min-height:210px;background:linear-gradient(135deg,#16191b,#000 80%)}#conocenos .team-orbit{z-index:-1;opacity:.6}#conocenos .about-trust{margin-top:45px;border-radius:0;background:radial-gradient(ellipse at 50% 110%,#056fda99,transparent 47%),#000}#conocenos .about-trust:before{content:'';position:absolute;top:-40px;left:-15%;width:130%;height:90px;border-radius:50% 50% 0 0;border-top:2px solid #26c2ff;box-shadow:0 -20px 45px #087be988;z-index:-1}
#servicios{background:#000;min-height:750px;padding-top:90px;padding-bottom:170px}#servicios .intro .eyebrow{display:none}#servicios h1{font-size:clamp(28px,4vw,58px);letter-spacing:9px;line-height:1.5;background:radial-gradient(ellipse,#168dff55,transparent 60%)}#servicios .intro-copy{font-size:20px;color:#e7e7e7}#servicios .ref-service-row{margin-top:90px}#servicios .wedge{height:320px;z-index:-1;background:linear-gradient(0deg,#292b2d,#000)}
.service-detail{background:#000;padding:30px max(6%,calc((100% - 1250px)/2)) 70px}.service-detail:before{display:none}.ref-detail-top{position:relative;text-align:center;margin:0 auto 160px;z-index:2}.ref-detail-top h2{font-family:Michroma,Manrope,sans-serif;font-size:clamp(24px,3vw,39px);font-weight:400;letter-spacing:5px;line-height:1.4}.ref-detail-top p{font-size:14px}.ref-detail-top .ref-service-row{max-width:720px;margin:30px auto}.ref-detail-top .hex-icon{width:62px;height:72px}.ref-detail-top .hex-icon svg{width:32px;height:32px}.ref-detail-top .ref-service-choice>span:last-child{font-size:9px;letter-spacing:.7px}.ref-detail-peak{position:absolute;top:290px;left:0;right:0;height:280px;clip-path:polygon(50% 0,100% 70%,100% 100%,0 100%,0 70%);background:linear-gradient(180deg,var(--service-accent),#000 95%);z-index:-1;pointer-events:none}.service-detail .service-back{font-size:12px;color:var(--service-accent);margin-bottom:25px}.service-detail .service-hero{gap:40px;min-height:245px}.service-detail .service-hero h1{font-size:clamp(23px,2.6vw,34px);letter-spacing:3px}.service-detail .service-lead{font-size:14px;line-height:1.7}.service-detail .service-main-photo img{aspect-ratio:2.3;object-fit:cover;border:0}.service-detail .primary{background:var(--service-accent);border-color:var(--service-accent);color:#fff}.service-detail .service-benefits{margin:50px 0;gap:14px}.service-detail .service-benefits article{background:linear-gradient(135deg,color-mix(in srgb,var(--service-accent) 7%,#010308),#010308);border:1px solid #26303c;border-radius:9px;padding:24px}.service-detail .service-benefits h2{font-size:16px}.service-detail .service-benefits p{font-size:12px}.service-detail .service-number{color:var(--service-accent)}.service-detail .service-scope{border-bottom:1px solid #29313b;padding-bottom:40px;margin-bottom:30px}.service-detail .service-scope h2{font-size:18px}.service-detail .service-scope p,.service-detail .service-scope li{font-size:12px}.service-detail .ref-example-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.service-detail .ref-example-heading h2{font-size:25px}.service-detail .ref-example-heading h2 span{color:var(--service-accent)}.service-detail .ref-example-heading p{font-size:13px;margin:0}.service-detail .ref-example-heading .button{color:var(--service-accent);border-color:var(--service-accent);font-size:10px}.ref-application-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:170px 170px;gap:10px}.ref-application{position:relative;overflow:hidden;border-radius:6px;border:1px solid color-mix(in srgb,var(--service-accent) 45%,#111);background:#000;isolation:isolate}.ref-application:nth-child(-n+2){grid-row:1/3}.ref-application:nth-child(3){grid-column:3;grid-row:1}.ref-application:nth-child(4){grid-column:3;grid-row:2}.ref-application:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000,transparent 80%);z-index:0}.ref-application img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ref-application:hover img{transform:scale(1.04)}.ref-application>div{position:absolute;bottom:14px;left:14px;right:12px;z-index:1}.ref-application small{font-size:8px;letter-spacing:1.5px}.ref-application h3{font-size:16px;margin:4px 0}.ref-application span{display:inline-block;font-size:10px;border:1px solid var(--service-accent);border-radius:20px;padding:2px 8px;color:var(--service-accent)}.service-detail .service-faq{margin-top:35px}.service-detail .service-faq details{padding:14px 0;border:0}.service-detail .service-faq summary{font-size:13px}.service-detail .service-faq summary::marker{color:var(--service-accent)}.service-detail .service-final{display:none}
#proyectos{background:#000;padding-top:50px;--project-accent:#0651ac}#proyectos:before{display:none}#proyectos .ref-project-title{text-align:center;margin-bottom:45px}#proyectos .ref-project-title h1{font-size:clamp(30px,3.5vw,50px);letter-spacing:7px;background:radial-gradient(ellipse,#005bb866,transparent 60%)}#proyectos .ref-project-title p{font-size:18px;line-height:1.5}#proyectos .project-filter-label{border-bottom:1px solid #28303d;padding-bottom:14px;max-width:1200px;margin:0 auto 25px}#proyectos .work-filters{justify-content:center;margin-bottom:55px;gap:12px}#proyectos .work-filters button{border:1px solid #34414b;border-radius:6px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 16%,#000),#000);font-size:14px;padding:12px 22px}#proyectos .work-filters button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}#proyectos .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 20px;max-width:1320px;margin:auto;padding:0}#proyectos .project-card{border:0;background:none;padding:0;overflow:visible}#proyectos .project-photo{height:auto;aspect-ratio:1.6;clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);border-radius:0}#proyectos .project-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:filter .3s,transform .3s}#proyectos .project-card:hover img{filter:saturate(1);transform:scale(1.04)}#proyectos .tag{background:var(--accent);margin-top:-14px;position:relative;z-index:2;font-size:11px;padding:4px 12px}#proyectos .project-card h2{font-size:16px;margin:7px 0 2px}#proyectos .project-card p{font-size:12px;margin-bottom:10px}#proyectos .project-consult{font-size:10px;color:var(--accent);border-top:1px solid var(--accent);padding-top:7px;display:inline-block}#proyectos .wedge{height:240px;background:linear-gradient(0deg,var(--project-accent),transparent)}#proyectos.fence-selected{--project-accent:#008f84;padding-bottom:145px}#proyectos.fence-selected .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:55px 45px}#proyectos.fence-selected .project-photo{aspect-ratio:1.65}.ref-fence-title{position:relative;min-height:330px;display:flex;align-items:center;margin:0 auto 30px;max-width:1300px;border-radius:8px;overflow:hidden}.ref-fence-title>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ref-fence-title:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 3%,#0008 45%,transparent)}.ref-fence-title>div{position:relative;z-index:1;max-width:680px;padding:30px}.ref-fence-title h1{font-size:32px;letter-spacing:4px}.ref-fence-title p{font-size:15px}.ref-fence-title .primary{background:#00a99b;border-color:#00a99b}
#clientes{background:#000;padding-top:60px}#clientes:before{display:none}#clientes .intro h1{font-size:clamp(25px,3vw,42px);letter-spacing:5px;background:radial-gradient(ellipse,#087bcd55,transparent 70%)}#clientes .intro h2{font-size:clamp(14px,1.8vw,23px);letter-spacing:3px}#clientes .intro p{max-width:660px;margin:0 auto 70px;font-size:16px}#clientes .client-section-heading{border-top:1px solid #2b313c;padding-top:25px}#clientes .client-section-heading h2{font-size:26px}#clientes .clients{margin-bottom:60px}#clientes .ref-stories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:25px auto 45px;max-width:1260px}#clientes .ref-story{border:1px solid #28313b;border-radius:6px;padding:0 0 15px;text-align:left;background:linear-gradient(#08101a,#141e1c);overflow:hidden}#clientes .ref-story img{display:block;width:100%;aspect-ratio:.66;object-fit:cover}#clientes .ref-story strong,#clientes .ref-story span{display:block;padding:0 10px}#clientes .ref-story strong{font-size:13px;margin:12px 0 4px}#clientes .ref-story span{font-size:10px;color:#aab3be}#clientes .client-video-grid{grid-template-columns:repeat(2,1fr)}#clientes .ref-featured{margin:55px auto 0;border-top:1px solid #28313b;padding-top:25px;max-width:1280px}#clientes .ref-featured-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}#clientes .ref-featured-head h2{font-size:26px}#clientes .ref-featured-head button{background:#000;border:1px solid #287dd8;border-radius:50%;width:38px;height:38px;color:#2389ff;font-size:25px;margin-left:12px}#featured-counter{font-size:12px;color:#2389ff;margin-right:15px}.ref-featured-card{display:grid;grid-template-columns:.85fr 1.4fr;gap:45px;align-items:center;position:relative;background:radial-gradient(ellipse at 75% 110%,#005db9aa,transparent 65%);border:1px solid #2389ff;padding:25px;clip-path:polygon(0 15%,8% 0,95% 0,100% 15%,100% 85%,95% 100%,8% 100%,0 85%)}.ref-featured-card>img{width:100%;height:330px;object-fit:cover;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.ref-featured-card blockquote{font-size:24px;font-style:italic;line-height:1.5;margin:10px 0 25px;max-width:600px}.ref-featured-card h3{color:#ff6b27;font-size:20px;margin:0}.ref-featured-card #featured-role{font-size:14px}.featured-seal{border-top:1px solid #28578b;padding-top:20px;font-size:10px;letter-spacing:2px;color:#79b9ff}.featured-dots{display:flex;gap:10px;justify-content:flex-end}.featured-dots button{border:0;width:12px;height:14px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#526278;padding:0}.featured-dots button[aria-pressed=true]{background:#2389ff}
.site-footer{background:#000;border:0;padding:40px 3% 35px}.site-footer .footer-panel{max-width:1480px;border:1px solid #333942;border-radius:24px;background:linear-gradient(150deg,#151719,#000 45%)}.site-footer .footer-identity{border-bottom:1px solid #30343b;padding:35px 40px;gap:45px}.site-footer .footer-identity h2{font-size:28px}.site-footer .footer-identity .brand{width:225px}.site-footer .footer-tabs button{border-radius:7px;background:#000}.site-footer .footer-tabs button[aria-selected=true]{background:radial-gradient(ellipse at 50% 100%,#006ee380,#02070b 65%);border-color:#2389ff}.site-footer .footer-nav{padding:28px 40px}.site-footer .footer-end{border-top:1px solid #30343b;padding:24px 40px}.site-footer .primary{background:linear-gradient(100deg,#0651ac,#2389ff)}
@media(max-width:1100px){header{padding:15px 3%;gap:25px}header .brand{width:170px}header nav{gap:13px;padding:17px 18px}header nav a,header nav button{font-size:10px}#inicio .photo-label{font-size:9px;inset:auto 10px 12px}#inicio .home-grid{grid-template-rows:115px 115px}.home-trust>.button{position:static;margin-top:30px}.home-trust .trust-heading{padding:0}#conocenos .about-copy h1{white-space:normal}#conocenos .team{min-height:530px;padding-top:90px}#conocenos .team-photo{height:410px}.ref-service-choice .hex-icon{width:85px;height:99px}#proyectos .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-featured-card blockquote{font-size:20px}}
@media(max-width:800px){header nav{padding:12px;gap:9px}header .brand{width:135px}header nav a,header nav button{font-size:9px}#inicio .home-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:130px 130px 130px}#inicio .alarm{grid-column:1;grid-row:1/3}#inicio .camera{grid-column:2;grid-row:1}#inicio .fence{grid-column:2;grid-row:2}#inicio .fire{grid-column:3;grid-row:1/3}#inicio .enterprise{grid-column:1/3;grid-row:3}#inicio .access{grid-column:3;grid-row:3}#inicio .intro{min-height:340px}.trust-grid{gap:20px;grid-template-columns:repeat(2,1fr)}#conocenos .about-grid{grid-template-columns:1fr}#conocenos .about-copy{padding-bottom:0}#conocenos .team{max-width:600px;margin:auto;width:100%}#conocenos .about-trust{margin-top:70px}#servicios .ref-service-row{grid-template-columns:repeat(3,1fr);gap:35px}.ref-service-choice .hex-icon{width:90px;height:104px}.ref-detail-top .ref-service-row{gap:8px}.ref-detail-top .ref-service-choice{padding:0}.service-detail .service-hero{grid-template-columns:1fr}.service-detail .service-main-photo img{aspect-ratio:2.3}.ref-detail-top{margin-bottom:130px}.ref-detail-peak{top:270px}.ref-application-grid{grid-template-rows:140px 140px}.ref-application h3{font-size:13px}.ref-featured-card{gap:20px}.ref-featured-card>img{height:270px}.ref-featured-card blockquote{font-size:17px}#clientes .ref-stories{display:flex;overflow:auto;scroll-snap-type:x mandatory}#clientes .ref-story{flex:0 0 185px;scroll-snap-align:start}.site-footer .footer-identity{padding:30px 25px;gap:20px}.site-footer .footer-identity h2{font-size:24px}}
@media(max-width:600px){header .brand{width:170px}header nav.mobile-open{padding:20px}header .mega{top:100%;right:3%;width:94%}header .mega .ref-service-row{grid-template-columns:repeat(3,1fr);gap:16px}header .mega .ref-service-choice>span:last-child{font-size:9px}#inicio{padding-top:30px}#inicio h1{font-size:27px;letter-spacing:3px}#inicio .intro-copy{font-size:14px}#inicio .intro{min-height:380px}#inicio .home-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,140px);gap:8px;margin-bottom:40px}#inicio .photo-card.alarm{grid-column:1;grid-row:1}#inicio .photo-card.camera{grid-column:2;grid-row:1}#inicio .photo-card.fence{grid-column:1;grid-row:2}#inicio .photo-card.fire{grid-column:2;grid-row:2}#inicio .photo-card.enterprise{grid-column:1;grid-row:3}#inicio .photo-card.access{grid-column:2;grid-row:3}#inicio .photo-label{font-size:9px}#inicio .home-video-layer{height:620px}.ref-trust{padding:25px 15px 40px;border-radius:0 0 30px 30px;margin-top:35px}.trust-heading p{font-size:15px}.trust-grid{gap:28px 15px;margin-top:35px}.trust-grid h3{font-size:10px}.trust-grid p{font-size:11px}#conocenos .about-copy h1{font-size:26px;letter-spacing:3px}#conocenos .team-photo{height:350px}#conocenos .team{min-height:460px;padding-top:80px}#conocenos .about-ref-logo{width:200px;height:75px}#conocenos .values{gap:12px}#conocenos .values article{padding:20px 15px;min-height:230px}#conocenos .values h2{font-size:15px}#servicios{padding-top:45px;min-height:750px}#servicios h1{font-size:28px;letter-spacing:4px}#servicios .intro-copy{font-size:16px}#servicios .ref-service-row{margin-top:45px;gap:30px 10px}.ref-service-choice>span:last-child{font-size:10px}.ref-service-choice .hex-icon{width:80px;height:92px}.service-detail{padding:30px 5% 40px}.ref-detail-top h2{font-size:22px;letter-spacing:3px}.ref-detail-top p{font-size:12px}.ref-detail-top .ref-service-row{grid-template-columns:repeat(3,1fr);gap:20px}.ref-detail-top .ref-service-choice>span:last-child{font-size:9px}.ref-detail-top{margin-bottom:140px}.ref-detail-peak{top:390px;height:200px}.service-detail .service-benefits{grid-template-columns:1fr;gap:12px}.service-detail .service-scope{grid-template-columns:1fr;gap:20px}.service-detail .ref-example-heading{display:block}.service-detail .ref-example-heading .button{margin-top:15px}.ref-application-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 170px}.ref-application:nth-child(-n+2){grid-row:1}.ref-application:nth-child(3){grid-column:1;grid-row:2}.ref-application:nth-child(4){grid-column:2;grid-row:2}#proyectos .ref-project-title h1{font-size:28px;letter-spacing:4px}#proyectos .ref-project-title p{font-size:15px}#proyectos .project-grid,#proyectos.fence-selected .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 12px}#proyectos .project-card h2{font-size:13px}#proyectos .work-filters{gap:7px}#proyectos .work-filters button{padding:9px 12px;font-size:12px}.ref-fence-title h1{font-size:24px;letter-spacing:2px}.ref-fence-title>div{padding:20px}.ref-fence-title p{font-size:13px}#clientes .intro h1{font-size:26px;letter-spacing:3px}#clientes .intro h2{font-size:14px;line-height:1.7}#clientes .intro p{font-size:14px}#clientes .client-video-grid{grid-template-columns:1fr}#clientes .ref-featured-head{display:block}#clientes .ref-featured-head h2{font-size:23px}.ref-featured-card{grid-template-columns:1fr;padding:30px 20px;clip-path:none;border-radius:16px}.ref-featured-card>img{height:300px;width:85%;margin:auto}.ref-featured-card blockquote{font-size:20px}.site-footer .footer-identity,.site-footer .footer-nav,.site-footer .footer-end{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.ref-service-choice .hex-icon,.ref-application img,#inicio .photo-card img{transition:none}}

/* Five services after removing Proyectos empresariales. */
.ref-service-row{grid-template-columns:repeat(5,minmax(0,1fr))}
#inicio .home-grid{grid-template-columns:1.15fr 1.45fr .9fr 1.45fr}
#inicio .access{grid-column:4;grid-row:1/3}
#inicio .photo-card.access .crop img{object-position:50% 58%}
@media(min-width:801px) and (max-width:1100px){#inicio .photo-card.access .photo-label{font-size:10px}}
@media(min-width:601px) and (max-width:800px){#inicio .home-grid{grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:130px 130px 130px}#inicio .access{grid-column:1/4;grid-row:3}}
@media(max-width:800px){#servicios .ref-service-row{grid-template-columns:repeat(6,1fr)}#servicios .ref-service-choice{grid-column:span 2}#servicios .ref-service-choice:nth-child(4){grid-column:2/4}#servicios .ref-service-choice:nth-child(5){grid-column:4/6}}
@media(max-width:600px){#inicio .home-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,140px)}#inicio .photo-card.access{grid-column:1/3;grid-row:3}header .mega .ref-service-row,.ref-detail-top .ref-service-row{grid-template-columns:repeat(3,1fr)}}

.site-footer .footer-complaints{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0;border:0;background:transparent;color:#2389ff;opacity:1;cursor:default}
.site-footer .footer-complaints span{font-size:10px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.site-footer .footer-complaints img{display:block;width:72px;height:40px;object-fit:contain}
.site-footer .footer-end>span{font-size:10px}
@media(max-width:900px){.site-footer .footer-complaints{margin-left:auto}}
@media(max-width:600px){.site-footer .footer-end{justify-content:center}.site-footer .footer-complaints{margin:10px auto 0}.site-footer .footer-end>span{font-size:10px;order:3}}

/* Color originals: grayscale at rest and full color on hover or keyboard focus. */
#inicio .photo-card .crop .home-color-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#inicio .photo-card img{filter:grayscale(1);transition:filter .45s ease}
#inicio .photo-card:hover img,#inicio .photo-card:focus-visible img{filter:grayscale(0)}
@media(prefers-reduced-motion:reduce){#inicio .photo-card img{transition:none}}