/* Simtel SAC · sitio demostrativo corporativo. Sin frameworks ni dependencias externas. */
:root{--ink:#092335;--navy:#071d2e;--navy2:#0c2d42;--sea:#008eab;--cyan:#6fd6e3;--ice:#eaf4f7;--paper:#f6f8f9;--line:#dbe6ea;--mute:#617787;--white:#fff;--radius:18px;--max:1240px;--shadow:0 24px 70px rgba(4,26,42,.14)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:var(--ink);background:white;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{ -webkit-tap-highlight-color: transparent }img{max-width:100%;display:block}::selection{background:#a8e3e9;color:#062a39}:focus-visible{outline:3px solid #20a6d6;outline-offset:4px}.shell{width:min(var(--max),calc(100% - 76px));margin-inline:auto}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.eyebrow:before{content:'';height:2px;width:27px;background:currentColor}.eyebrow.blue{color:var(--sea)}.eyebrow.pale{color:#92e2ee}.section-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:38px}.section-head h2{font-size:clamp(2.45rem,5vw,4.7rem);letter-spacing:-.065em;line-height:1.04;font-weight:750;margin:18px 0 0}.section-head p{max-width:350px;line-height:1.75;color:var(--mute);margin:0;font-size:1rem}.section-kicker{color:var(--sea);font-weight:850;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;padding:16px 22px;font-size:.87rem;font-weight:750;transition:background .25s,transform .25s,border-color .25s;min-height:52px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#0cabc1;color:#00222d}.btn-primary:hover{background:#8ceaf2}.btn-light{background:#f0fafb;color:#0d3042}.btn-light:hover{background:#fff}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.02)}.btn-outline-light:hover{background:rgba(255,255,255,.12)}.btn-dark{color:white;background:var(--ink)}.btn-dark:hover{background:#176280}.arrow{font-size:1.25rem;line-height:1;transition:transform .25s}.btn:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-3px)}.text-link{display:inline-flex;gap:14px;align-items:center;color:var(--sea);font-size:.88rem;font-weight:800}.text-link .arrow{display:inline-block}
/* Header */
.topline{height:34px;background:#071827;color:#c2d5dc;font-size:.7rem;font-weight:550}.topline .shell{height:100%;display:flex;justify-content:space-between;align-items:center}.topline a:hover{color:white}.topline-right{display:flex;gap:24px;align-items:center}.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e4edef;box-shadow:0 5px 25px rgba(0,36,54,.035)}.site-header>.shell{height:81px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;min-width:143px}.brand img{height:56px;width:auto;max-width:166px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.main-nav>a,.nav-dropdown>button{border:0;background:transparent;color:#193749;font-size:.85rem;font-weight:740;padding:12px 0;transition:color .2s;white-space:nowrap}.main-nav>a:hover,.nav-dropdown>button:hover,.main-nav a[aria-current=page]{color:var(--sea)}.nav-dropdown{position:relative}.nav-dropdown>button{display:flex;gap:6px;align-items:center}.nav-dropdown>button:after{content:'⌄';font-size:1rem;margin-top:-5px}.mega-panel{display:none;position:absolute;right:-140px;top:43px;width:min(670px,90vw);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:24px;z-index:101;grid-template-columns:1fr 1fr;gap:8px}.nav-dropdown.is-open .mega-panel{display:grid}.mega-label{grid-column:1/-1;font-size:.65rem;letter-spacing:.18em;color:#7b8994;font-weight:800;margin:0 0 8px;text-transform:uppercase}.mega-panel a{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid transparent;transition:background .2s,border-color .2s}.mega-panel a:hover{background:#eff9fb;border-color:#d7edf1}.mega-panel strong{font-size:.91rem}.mega-panel span{font-size:.76rem;color:var(--mute)}.header-contact{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:14px 19px;font-size:.81rem;font-weight:750;white-space:nowrap;transition:background .2s}.header-contact:hover{background:#0b7a99}.mobile-toggle{display:none;border:0;background:transparent;padding:8px;color:var(--ink);font-size:1.65rem}.mobile-panel{display:none}
/* Immersive hero */
.hero{position:relative;min-height:690px;background:#061a2c;overflow:hidden;color:white;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('img/redes-amplia.webp');background-size:cover;background-position:66% center;filter:saturate(.8) contrast(1.12);transform:scale(1.035)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,22,36,1) 0%,rgba(3,22,36,.98) 24%,rgba(3,22,36,.86) 41%,rgba(3,22,36,.33) 77%,rgba(3,22,36,.35) 100%),linear-gradient(0deg,rgba(4,24,38,.76),transparent 31%)}.hero .shell{position:relative;min-height:690px;display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:125px}.hero-graphic{position:absolute;right:-90px;top:7%;height:600px;width:560px;opacity:.22;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 50%,transparent 0 165px,#80dcec 166px 167px,transparent 168px 210px,#80dcec 211px 212px,transparent 213px),repeating-linear-gradient(90deg,transparent 0 89px,#9cdde5 90px,transparent 91px),repeating-linear-gradient(0deg,transparent 0 89px,#9cdde5 90px,transparent 91px);mask-image:linear-gradient(to left,black,transparent)}.hero-main{position:relative;z-index:1;max-width:850px}.hero h1{font-size:clamp(3.7rem,7.4vw,7.3rem);letter-spacing:-.075em;line-height:.98;font-weight:760;margin:28px 0 29px;text-wrap:balance}.hero h1 em{font-style:normal;color:#82dce5}.hero-lede{font-size:clamp(1.05rem,1.45vw,1.23rem);line-height:1.8;color:#c8dbe3;max-width:610px;margin:0 0 33px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-floating{position:absolute;right:20px;bottom:130px;width:242px;padding:19px 22px;background:rgba(239,249,251,.93);backdrop-filter:blur(18px);color:var(--ink);box-shadow:0 10px 42px rgba(2,15,29,.25)}.hero-floating>span{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--sea);margin-bottom:8px}.hero-floating strong{display:block;font-size:1.15rem;letter-spacing:-.03em;line-height:1.35}.hero-floating a{display:inline-flex;margin-top:13px;color:var(--sea);font-size:.8rem;font-weight:800}.hero-bottom{position:absolute;bottom:0;left:0;right:0;min-height:84px;border-top:1px solid rgba(255,255,255,.2);background:rgba(4,22,34,.34);backdrop-filter:blur(6px);display:flex;align-items:center;gap:0}.hero-bottom .shell{min-height:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.hero-bottom span{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#d2e3e9;display:flex;align-items:center;gap:14px}.hero-bottom span b{font-size:1rem;letter-spacing:0;color:#93ebf3}.hero-bottom a{font-size:.75rem;color:#fff;font-weight:760}.marquee-bar{background:#e6f6f9;color:#114356;overflow:hidden;white-space:nowrap;border-bottom:1px solid #cce2e7}.marquee-inner{min-width:max-content;display:flex;gap:44px;align-items:center;padding:16px 30px;animation:marquee 35s linear infinite;font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;font-weight:850}.marquee-inner i{width:5px;height:5px;border-radius:50%;background:#1198ae}.marquee-bar:hover .marquee-inner{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
/* Editorial intro */
.intro{padding:124px 0 120px}.intro-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:100px;align-items:start}.intro h2{font-size:clamp(2.65rem,5vw,4.9rem);line-height:1.05;letter-spacing:-.065em;margin:20px 0 0}.intro h2 span{color:#138eaa}.intro-right{padding:42px 0 0}.intro-right p{font-size:1.15rem;color:#486275;line-height:1.85;margin:0 0 30px}.signature-line{display:flex;gap:18px;padding-top:20px;border-top:1px solid #cfdfe5;font-size:.84rem;line-height:1.6;color:var(--mute)}.signature-line strong{font-size:1.6rem;color:var(--ink);white-space:nowrap}
/* Services */
.solutions{background:#f2f6f7;padding:115px 0 128px}.solutions .section-head p{max-width:400px}.solution-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:285px;gap:16px}.service-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:27px;color:#fff;background:var(--navy);border-radius:3px;transition:transform .3s,box-shadow .3s;min-height:0}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(4,33,45,.24)}.service-card:focus-visible{outline-offset:2px}.service-card:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--photo);background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.service-card:hover:before{transform:scale(1.075)}.service-card:after{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,22,36,.43) 0%,rgba(3,22,36,.08) 30%,rgba(3,22,36,.90) 100%)}.service-card.tall{grid-column:span 7;grid-row:span 2;padding:38px}.service-card.mid{grid-column:span 5}.service-card.third{grid-column:span 4}.service-card .category{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:850;display:flex;gap:10px;align-items:center}.service-card .category:before{content:'';height:2px;width:20px;background:#82e7eb}.service-card .text{display:flex;align-items:end;justify-content:space-between;gap:12px}.service-card h3{font-size:clamp(1.65rem,2.1vw,2.4rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 8px;font-weight:740}.service-card.tall h3{font-size:clamp(2.2rem,4vw,3.8rem);max-width:450px}.service-card p{margin:0;color:#d2e3e7;font-size:.82rem;line-height:1.65;max-width:370px}.card-circle{width:42px;height:42px;border:1px solid rgba(255,255,255,.68);border-radius:50%;display:grid;place-items:center;font-size:1.25rem;flex:0 0 auto;transition:background .2s,color .2s,transform .2s}.service-card:hover .card-circle{background:#a6f2f2;color:#062837;transform:rotate(45deg)}.service-ends{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#547080;font-size:.8rem}.service-ends a{color:#027e9a;font-weight:800}
/* Featured dark midsection */
.method{background:#082336;color:#fff;padding:115px 0;position:relative;overflow:hidden}.method:before{content:'';position:absolute;right:-15%;top:-45%;width:850px;height:850px;border:1px solid rgba(155,230,239,.17);border-radius:50%;box-shadow:0 0 0 100px rgba(155,230,239,.025),0 0 0 200px rgba(155,230,239,.025);pointer-events:none}.method .section-head p{color:#a9c2cd}.method-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px;position:relative}.method-flow:before{content:'';height:1px;background:#487084;position:absolute;left:0;right:0;top:24px}.method-item{position:relative;padding-top:67px}.method-number{position:absolute;top:0;left:0;width:48px;height:48px;display:grid;place-items:center;background:#0c364b;border:1px solid #6abacc;color:#a8f1f4;font-size:.95rem;font-weight:700}.method-item h3{font-size:1.55rem;letter-spacing:-.04em;font-weight:700;margin:0 0 11px}.method-item p{color:#b5ccd3;line-height:1.8;font-size:.91rem;margin:0;max-width:310px}
/* Marcas, about */
.brands{padding:111px 0 120px}.brand-groups{border-top:1px solid var(--line);margin-top:48px}.brand-group{display:grid;grid-template-columns:230px 1fr;gap:35px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.brand-group h3{font-size:.94rem;margin:0;letter-spacing:-.015em}.brand-group .chips{display:flex;gap:11px;flex-wrap:wrap}.brand-group .chips span{padding:11px 16px;background:#f0f6f8;color:#294b5b;font-size:.86rem;font-weight:760;letter-spacing:-.01em}.brand-note{color:var(--mute);font-size:.76rem;margin-top:19px}.about-banner{position:relative;background:#e6f2f5;padding:70px 0;overflow:hidden}.about-banner:after{content:'S';position:absolute;right:2%;bottom:-180px;font-size:26rem;font-weight:800;letter-spacing:-.1em;color:rgba(7,125,151,.07);pointer-events:none}.about-banner .shell{display:grid;grid-template-columns:1fr 1fr;gap:85px;position:relative;z-index:1}.about-banner h2{font-size:clamp(2.2rem,4.4vw,4.2rem);margin:12px 0 0;line-height:1.1;letter-spacing:-.06em}.about-banner p{font-size:1.08rem;line-height:1.85;color:#395c6b;margin:0}
/* Contact */
.contact{background:#061d2e;color:#fff;padding:115px 0;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;top:-330px;right:-280px;width:850px;height:850px;border:1px solid rgba(122,231,245,.12);border-radius:50%;box-shadow:0 0 0 95px rgba(122,231,245,.03),0 0 0 190px rgba(122,231,245,.02)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:84px;position:relative;z-index:1}.contact h2{font-size:clamp(3.2rem,5.5vw,5.25rem);line-height:1.02;letter-spacing:-.07em;margin:18px 0 24px}.contact h2 em{font-style:normal;color:#80e3eb}.contact .contact-intro>p{color:#bad0d9;font-size:1.03rem;line-height:1.8;margin:0 0 40px}.contact-lines{display:grid;gap:16px}.contact-lines a,.contact-lines span{display:flex;align-items:center;gap:15px;color:#c2dce5;font-size:.91rem}.contact-lines .symbol{width:34px;height:34px;display:grid;place-items:center;color:#85e6eb;border:1px solid #376172}.contact-lines a:hover{color:#a8f3f4}.form-card{background:white;color:var(--ink);padding:42px;box-shadow:var(--shadow)}.form-card .form-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}.form-card h3{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 7px}.form-card p{color:#617887;font-size:.86rem;margin:0;line-height:1.6}.wa-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e0f7ed;color:#096944;font-size:1.2rem;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.wide{grid-column:1/-1}.form-field label{font-weight:760;font-size:.75rem;color:#294d5d}.form-field input,.form-field select,.form-field textarea{background:#f4f8f9;border:1px solid #dce7ec;border-radius:0;min-height:45px;width:100%;padding:12px 13px;color:var(--ink);font-size:.85rem;outline:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#1993ac;box-shadow:0 0 0 3px rgba(0,150,178,.12)}.form-field textarea{resize:vertical;min-height:92px}.form-submit{width:100%;margin-top:18px;justify-content:space-between}.form-hint{margin:13px 0 0!important;font-size:.73rem!important;color:#6b7e88!important}.form-status{min-height:20px;color:#0b7e8f;font-size:.75rem;font-weight:700;margin-top:6px}
/* Footer */
.site-footer{padding:62px 0 25px;background:#031521;color:#abc1cb}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;margin-bottom:70px}.footer-logo{display:inline-flex;background:#fff;padding:5px 13px;align-items:center}.footer-logo img{width:155px;height:auto}.footer-main p{font-size:.85rem;color:#a3bdc7;line-height:1.75;max-width:310px}.footer-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin:2px 0 20px;color:#e0eef1}.footer-col a{display:block;margin:0 0 12px;font-size:.86rem;color:#afc5ce}.footer-col a:hover{color:#91e8f2}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #264453;padding-top:22px;gap:20px;font-size:.72rem;color:#779aa8}
/* detail pages */
.detail-hero{background:#092439;color:white;position:relative;overflow:hidden;min-height:610px;isolation:isolate}.detail-hero:before{content:'';position:absolute;inset:0;background:var(--photo) center/cover no-repeat;z-index:-2;filter:saturate(.8)}.detail-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,23,38,.97),rgba(4,23,38,.9) 37%,rgba(4,23,38,.38) 78%,rgba(4,23,38,.2)),linear-gradient(0deg,rgba(4,23,38,.55),transparent 50%)}.detail-hero .shell{min-height:610px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:90px 0 105px}.crumb{display:inline-flex;gap:9px;align-items:center;font-size:.76rem;color:#b9d3da;margin-bottom:46px}.crumb a:hover{color:white}.detail-hero h1{font-size:clamp(3.4rem,6.4vw,6.3rem);letter-spacing:-.07em;line-height:1.015;margin:18px 0 25px;max-width:840px}.detail-hero p{font-size:1.12rem;line-height:1.8;color:#c8dce2;max-width:570px;margin:0 0 30px}.detail-subnav{background:#f0f7f9;border-bottom:1px solid #dbe7eb}.detail-subnav .shell{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}.detail-subnav span{font-size:.75rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase;color:#0b677e}.detail-subnav a{font-size:.83rem;font-weight:750}.detail-main{padding:112px 0}.detail-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:115px;align-items:end;margin-bottom:67px}.detail-heading h2{font-size:clamp(2.65rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.062em;margin:18px 0 0}.detail-heading p{font-size:1.11rem;line-height:1.8;color:#526d7e;margin:0}.feature-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:440px;background:#eaf2f5;margin:0 0 20px}.feature-split.reverse .feature-pic{order:2}.feature-pic{min-height:440px;overflow:hidden;position:relative}.feature-pic img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.feature-content{padding:clamp(35px,5.2vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.feature-content .tag{font-size:.69rem;font-weight:850;color:var(--sea);letter-spacing:.15em;text-transform:uppercase}.feature-content h3{font-size:clamp(2rem,3.2vw,3.2rem);letter-spacing:-.065em;line-height:1.11;margin:16px 0 17px}.feature-content p{font-size:.99rem;line-height:1.8;color:#536c7a;margin:0 0 22px;max-width:430px}.feature-content .mini-list{display:grid;gap:10px;margin:0 0 26px;padding:0;list-style:none}.feature-content .mini-list li{display:flex;gap:9px;align-items:flex-start;font-size:.85rem;color:#3d6071}.feature-content .mini-list li:before{content:'↗';color:#008aa1;font-weight:900}.feature-content .maker-list{display:flex;flex-wrap:wrap;gap:7px}.feature-content .maker-list span{font-size:.75rem;font-weight:760;color:#234a5b;background:#d8e9ee;padding:8px 12px;border-radius:999px}.detail-questions{padding:92px 0;background:#f2f6f8}.detail-questions .section-head{margin-bottom:27px}.faq-list{border-top:1px solid #ccdce2}.faq-list details{border-bottom:1px solid #ccdce2;padding:24px 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:790;font-size:1.04rem;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:1.7rem;color:#0f7893;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:780px;line-height:1.85;color:#516b79;font-size:.94rem;margin:15px 0 0}.detail-next{padding:55px 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.detail-next strong{font-size:1.05rem}.detail-next a{color:var(--sea);font-weight:830}.detail-hero.incendios:after{background:linear-gradient(90deg,rgba(35,13,22,.95),rgba(35,13,22,.79) 44%,rgba(35,13,22,.25)),linear-gradient(0deg,rgba(35,13,22,.5),transparent 55%)}.detail-hero.radioenlaces:before{background-position:center 39%}.detail-hero.servidores:before{background-position:center 52%}
/* Animated details */
.reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}.js-enabled .reveal{opacity:0;transform:translateY(24px)}.js-enabled .reveal.in-view{opacity:1;transform:none}
@media(max-width:1080px){.main-nav{gap:20px}.header-contact{padding:13px}.intro-grid{gap:65px}.hero-floating{display:none}.contact-grid{gap:45px}.detail-heading{gap:65px}}
@media(max-width:780px){html{scroll-padding-top:78px}.shell{width:min(100% - 36px,var(--max))}.topline{display:none}.site-header>.shell{height:74px}.brand img{height:52px}.main-nav,.header-contact{display:none}.mobile-toggle{display:block}.mobile-panel{display:block;position:fixed;left:0;right:0;top:74px;height:calc(100dvh - 74px);padding:23px 24px 50px;background:#071f31;color:white;transform:translateX(102%);transition:transform .32s ease;z-index:120;overflow:auto}.mobile-panel.open{transform:none}.mobile-panel a{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.07rem;padding:14px 0;border-bottom:1px solid #315263}.mobile-panel a small{font-size:.71rem;color:#80cddc}.mobile-panel .mobile-title{display:block;margin:24px 0 4px;font-size:.67rem;text-transform:uppercase;letter-spacing:.2em;color:#7ec4d3}.mobile-panel .mobile-cta{margin-top:23px;padding:15px;background:#a1e8ef;color:#072535;text-align:center;justify-content:center;border:0}.hero,.hero .shell{min-height:700px}.hero .shell{padding:75px 0 126px}.hero:after{background:linear-gradient(90deg,rgba(3,22,36,.95),rgba(3,22,36,.8) 67%,rgba(3,22,36,.54)),linear-gradient(0deg,rgba(3,22,36,.87),transparent 45%)}.hero h1{font-size:clamp(3.15rem,10vw,5.2rem)}.hero-lede{max-width:500px}.hero-bottom .shell{gap:18px}.hero-bottom span:nth-child(2){display:none}.intro{padding:90px 0}.intro-grid,.about-banner .shell,.contact-grid,.detail-heading{grid-template-columns:1fr;gap:30px}.intro-right{padding:0}.section-head{display:block}.section-head p{margin-top:20px}.solutions{padding:90px 0}.solution-grid{grid-template-columns:1fr 1fr;grid-auto-rows:290px;gap:12px}.service-card.tall{grid-column:span 2;grid-row:span 1;padding:27px}.service-card.mid,.service-card.third{grid-column:span 1}.service-card.tall h3{font-size:2.8rem}.service-card{padding:20px}.service-card h3{font-size:1.9rem}.service-card p{font-size:.76rem}.method{padding:90px 0}.method-flow{grid-template-columns:1fr;gap:27px;margin-top:45px}.method-flow:before{display:none}.method-item{padding:10px 0 10px 70px}.method-number{top:8px}.brands{padding:90px 0}.brand-group{grid-template-columns:1fr;gap:16px}.about-banner{padding:80px 0}.contact{padding:85px 0}.form-card{padding:30px}.footer-main{grid-template-columns:1.5fr 1fr;gap:25px}.footer-brand-col{grid-column:1/-1}.detail-hero,.detail-hero .shell{min-height:560px}.detail-hero .shell{padding:70px 0 90px}.detail-main{padding:80px 0}.feature-split{grid-template-columns:1fr}.feature-split.reverse .feature-pic{order:0}.feature-pic{height:330px;min-height:330px}.feature-content{padding:36px}.detail-questions{padding:80px 0}}
@media(max-width:520px){.shell{width:calc(100% - 34px)}.hero,.hero .shell{min-height:690px}.hero h1{font-size:clamp(3.05rem,12.5vw,4.4rem);margin:22px 0}.hero .shell{padding-top:58px;padding-bottom:110px}.hero-lede{font-size:.99rem;line-height:1.7}.hero-actions{display:grid;gap:9px;max-width:100%}.hero-actions .btn{width:100%;justify-content:space-between}.hero-bottom{min-height:68px}.hero-bottom .shell{padding:0}.hero-bottom span{font-size:.61rem;letter-spacing:.04em}.hero-bottom a{font-size:.66rem}.section-head h2,.intro h2{font-size:clamp(2.65rem,11vw,4rem)}.solution-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:330px}.service-card.tall,.service-card.mid,.service-card.third{grid-column:span 1;grid-row:span 1}.service-card.tall h3{font-size:2.4rem}.service-card h3{font-size:2.05rem}.service-card{padding:28px!important}.service-ends{align-items:flex-start;flex-direction:column}.method-item h3{font-size:1.33rem}.brand-group .chips span{font-size:.77rem}.contact h2{font-size:3.25rem}.form-card{padding:24px}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.footer-main{grid-template-columns:1fr}.footer-brand-col{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.detail-hero h1{font-size:3.3rem}.detail-hero p{font-size:1rem}.detail-subnav .shell{min-height:65px}.detail-subnav span{font-size:.68rem}.detail-subnav a{font-size:.72rem}.detail-heading h2{font-size:3rem}.feature-content h3{font-size:2.4rem}.detail-next{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Header/footer within hero must not inherit the hero container minimum height. */
.hero .hero-bottom .shell{min-height:0!important;padding:0!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between}


/* SIMTEL V4.1 · Refuerzo visual de secciones + bordes suaves
   Se mantienen la jerarquía y los contenidos corporativos de la V4. */
:root { --radius:26px; --radius-card:28px; }
.btn, .header-contact, .mobile-panel .mobile-cta { border-radius:999px; }
.mega-panel { border-radius:24px; overflow:hidden; }
.mega-panel a { border-radius:13px; }
.hero-floating { border-radius:23px; }
.service-card, .service-card.tall { border-radius:var(--radius-card); }
.service-card:before, .service-card:after { border-radius:inherit; }
.card-circle { border-radius:50%; }
/* Introducción: editorial, ahora con fotografías en dos escalas */
.intro-grid { align-items:start; }
.intro-story { min-width:0; }
.intro-mosaic { margin-top:48px; position:relative; height:330px; max-width:585px; }
.intro-mosaic figure { margin:0; position:absolute; overflow:hidden; box-shadow:0 18px 45px rgba(5,33,49,.12); }
.intro-mosaic-main { inset:0 14% 25px 0; border-radius:30px 100px 30px 30px; }
.intro-mosaic-accent { height:43%; width:53%; right:0; bottom:0; border:7px solid #fff; border-radius:80px 25px 25px 25px; }
.intro-mosaic img { height:100%; width:100%; object-fit:cover; }
.intro-mosaic-accent img { object-position:60% center; }
.photo-label { display:inline-block; position:absolute; bottom:40px; left:15px; color:#fff; background:rgba(3,29,44,.77); border-radius:99px; padding:7px 12px; font-size:.63rem; letter-spacing:.03em; }
/* Proceso: tres tarjetas con imagen, no columnas sueltas */
.method-flow { align-items:stretch; gap:20px; }
.method-flow:before { display:none; }
.method-item { padding:0 0 27px; border:1px solid rgba(185,231,239,.18); border-radius:27px; background:#103449; overflow:hidden; transition:transform .25s, border-color .25s; }
.method-item:hover { transform:translateY(-4px); border-color:#6bd3e1; }
.method-photo { height:175px; overflow:hidden; position:relative; }
.method-photo:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,33,51,.24),transparent 60%); }
.method-photo img { width:100%;height:100%;object-fit:cover;transition:transform .45s ease; }
.method-item:hover .method-photo img { transform:scale(1.045); }
.method-item .method-number { position:relative; top:auto; left:auto; margin:-24px 0 20px 25px; z-index:1; border-radius:16px; background:#0d6379; }
.method-item h3, .method-item p { margin-left:25px; margin-right:25px; }
.method-item h3 { font-size:1.43rem; }
.method-item p { line-height:1.7; }
/* Fabricantes: filas visuales de la especialidad en lugar de listado de texto */
.brand-groups { display:grid; gap:14px; border:0; }
.brand-group { padding:14px; border:1px solid #dce8ec; border-radius:22px; grid-template-columns:164px 1fr; gap:25px; background:#f8fbfc; transition:box-shadow .2s,border-color .2s; }
.brand-group:hover { border-color:#9dcad5; box-shadow:0 11px 30px rgba(0,45,67,.06); }
.brand-visual { height:112px; border-radius:14px 45px 14px 14px; overflow:hidden; background:#dae9ee; }
.brand-visual img { width:100%;height:100%;object-fit:cover; }
.brand-details { display:grid;grid-template-columns:210px 1fr; align-items:center; gap:18px; }
.brand-group h3 { font-size:1.08rem; }
.brand-group .chips span, .feature-content .maker-list span { border-radius:100px; }
.brand-group .chips span { background:#e5f1f5; padding:10px 15px; }
.brand-note { margin-top:25px; }
.about-banner .shell { align-items:center; }
.about-copy { display:flex;flex-direction:column;gap:22px; }
.about-mini-photo { height:145px; max-width:100%; overflow:hidden; border-radius:22px 85px 22px 22px; }
.about-mini-photo img { width:100%;height:100%;object-fit:cover;object-position:center 52%; }
/* Cotización y páginas de especialidades */
.form-card { border-radius:29px; }
.form-field input, .form-field select, .form-field textarea { border-radius:12px; }
.form-field textarea { border-radius:15px; }
.contact-lines .symbol { border-radius:50%; }
.footer-logo { border-radius:13px; }
.feature-split { border-radius:26px; overflow:hidden; }
.feature-content .maker-list span { padding:9px 15px; }
.detail-questions { padding:100px 0; }
.faq-layout { display:grid; grid-template-columns:1.13fr .87fr;gap:42px;align-items:start; }
.faq-list { border-top:0; }
.faq-list details { margin-bottom:11px; padding:0 20px; border:1px solid #d5e5eb; border-radius:17px; background:#fff; }
.faq-list summary { min-height:75px; }
.faq-list p { padding-bottom:18px; margin:0; }
.faq-photo { margin:0; position:relative; min-height:280px; height:350px; border-radius:32px; overflow:hidden; background:#d4e8ef; box-shadow:0 18px 45px rgba(6,24,39,.10); }
.faq-photo img { width:100%; height:100%; object-fit:cover; }
.faq-photo figcaption { display:none; }
@media(max-width:1080px){
 .brand-details { grid-template-columns:1fr;gap:10px; }
 .brand-group { grid-template-columns:140px 1fr; }
 .intro-mosaic {height:280px;}
}
@media(max-width:780px){
 .intro-mosaic { margin-top:30px;height:285px;max-width:100%; }
 .method-flow { gap:17px; }
 .method-item {padding:0 0 23px;}
 .method-photo {height:210px;}
 .brand-group {grid-template-columns:130px 1fr;gap:16px;}
 .brand-visual {height:115px;}
 .brand-details {gap:11px;}
 .brand-group .chips {gap:6px;}
 .brand-group .chips span {padding:8px 11px;}
 .faq-layout {grid-template-columns:1fr;gap:22px;}
 .faq-photo {height:300px; min-height:300px;}
 .about-mini-photo {height:185px;}
}
@media(max-width:520px){
 .intro-mosaic {height:242px;}
 .intro-mosaic-main { border-radius:20px 70px 20px 20px; }
 .intro-mosaic-accent {border-radius:60px 20px 20px 20px;}
 .photo-label {font-size:.57rem;bottom:34px;}
 .method-photo {height:185px;}
 .brand-group {grid-template-columns:92px 1fr;padding:10px;gap:12px;border-radius:18px;align-items:start;}
 .brand-visual {height:100px;border-radius:13px 32px 13px 13px;}
 .brand-details {padding-top:5px;}
 .brand-group h3 {font-size:.96rem;}
 .brand-group .chips span {font-size:.68rem;padding:6px 10px;}
 .service-card {border-radius:22px;}
 .form-card {border-radius:24px;}
 .feature-split {border-radius:21px;}
 .faq-photo {height:245px;min-height:245px;border-radius:24px;}
}

/* V4.2: real img elements for the six business-line cards and the six internal banners.
   Avoids paths embedded in CSS custom properties that were blank in local browsers. */
.service-card:before { display:none !important; }
.service-card { position:relative; isolation:isolate; background:#072438; }
.service-card-photo { display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none; }
.service-card:hover .service-card-photo { transform:scale(1.075); }
.service-card:after { z-index:1; background:linear-gradient(180deg,rgba(3,22,36,.24) 0%,rgba(3,22,36,.08) 29%,rgba(3,22,36,.86) 100%); }
.service-card > .category,.service-card > .text { position:relative;z-index:2; }
.detail-hero:before { display:none !important; }
.detail-hero { position:relative; isolation:isolate; background:#092439; }
.detail-hero-photo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.83);pointer-events:none; }
.detail-hero:after { z-index:1; }
.detail-hero > .shell { position:relative;z-index:2; }
.detail-hero.radioenlaces .detail-hero-photo { object-position:center 39%; }
.detail-hero.servidores .detail-hero-photo { object-position:center 52%; }

/* V4.3 - Natural photographic Pexels images for fire detection and radio links. */
.service-card[href*="radioenlaces"] .service-card-photo { object-position:center 40%; }
.service-card[href*="incendios"] .service-card-photo { object-position:center 50%; }
.brand-group .brand-visual img[data-source="Pexels"] { object-position:center 35%; }
.detail-hero.incendios .detail-hero-photo {object-position:center 50%;}
.detail-hero.radioenlaces .detail-hero-photo {object-position:center 35%;}
img[data-source="Pexels"] {background-color:#0b2637;}

/* V4.4: real photographs embedded locally */
.service-card[href*="radioenlaces"] .service-card-photo { object-position: center 46%; }
.service-card[href*="incendios"] .service-card-photo { object-position: center 45%; }
.detail-hero.radioenlaces .detail-hero-photo { object-position: center 43%; }
.detail-hero.incendios .detail-hero-photo { object-position: center 48%; }