:root{--navy:#06101f;--blue:#1268d7;--red:#dc263b;--light:#f4f7fb;--text:#142033;--green:#1ebd70;--gold:#f9c842}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}body.modal-open{overflow:hidden}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:30;background:#06101ff2;border-bottom:1px solid #ffffff1d}.top{min-height:76px;display:flex;align-items:center;gap:26px}.logo{width:245px;height:66px;overflow:hidden;display:flex;align-items:center}.logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.18)}nav{margin-left:auto;display:flex;gap:22px}nav a,.mobile-section-nav a{color:#fff;text-decoration:none;font-weight:800}.top-actions{display:flex;gap:10px}.call,.wa,.maps,.reviews,.maintenance-cta,.dark-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:12px 18px;font-weight:900;color:#fff;cursor:pointer}.call{background:var(--blue)}.wa{background:var(--green)!important;color:#fff!important}.green{background:var(--green)!important}.dark-action{background:#172638}a.call[href^="tel:"],a.dark-action[href^="tel:"]{background:#fff!important;color:#111!important;border:1px solid #d7dce2!important}.mobile-section-nav{display:none;background:#0c203a;padding:11px;gap:15px;overflow:auto}.hero{position:relative;min-height:700px;color:#fff;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06101ff0 0%,#06101fc9 50%,#06101f35 100%)}.hero-inner{position:relative;min-height:700px;display:flex;align-items:center;padding:62px 0}.copy{max-width:820px}.eyebrow,.tag{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#2184ff}.copy h1{font-size:clamp(48px,7vw,84px);line-height:.96;margin:16px 0}.copy h1 span{display:block;background:linear-gradient(90deg,#268aff,#fff,#ff3a4f);color:transparent;background-clip:text}.lead{font-size:19px;line-height:1.65;color:#5c6879}.small-lead{font-size:15px}.hero .lead{color:#e4ebf5}.request{margin-top:30px;padding:24px;background:#06101fdc;border:1px solid #ffffff28;border-radius:26px;backdrop-filter:blur(10px)}.request-title{display:flex;gap:14px;align-items:center}.request-title>b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--blue)}.request-title h2{margin:0;font-size:28px}.request-title p{margin:4px 0;color:#c7d1df}.request-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.request-grid{grid-template-columns:repeat(2,1fr)}.request-grid button{border:1px solid #ffffff3c;border-radius:16px;padding:18px;color:#fff;text-align:left;cursor:pointer;transition:.2s}.request-grid button:hover{transform:translateY(-3px)}.request-grid i{font-style:normal;font-size:25px;display:block}.request-grid strong,.request-grid small{display:block;margin-top:8px}.blue-card{background:linear-gradient(145deg,#1477ee,#09264b)}.red-card{background:linear-gradient(145deg,#e22d43,#4a0a14)}.dark-card{background:linear-gradient(145deg,#25364b,#101923)}.benefits{display:flex;gap:25px;flex-wrap:wrap;margin-top:20px}.content-section,.services,.icon-services,.step-by-step{padding:82px 0}.split-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.content-section h2,.services h2,.icon-services h2,.step-by-step h2{font-size:clamp(34px,5vw,55px);line-height:1.05;margin:12px 0}.info-grid,.benefit-grid,.regulation-grid,.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-grid article,.benefit-grid article,.regulation-grid article{background:var(--light);border:1px solid #dfe7f0;border-radius:18px;padding:22px}.mini-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e3f0ff;color:#0862c9;font-size:23px}.mini-icon.red{background:#ffe7ea;color:#c61c31}.who-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.icon-services{background:#f3f6fa}.red-tag{color:var(--red)}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:28px}.icon-grid article{background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:20px;transition:.2s}.icon-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 28px #06101f16}.icon-grid span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#eaf4ff,#ffe9ec);font-size:26px}.icon-grid h3{font-size:17px}.icon-grid p{font-size:14px;line-height:1.5;color:#657187}.process-section{background:var(--navy);color:#fff}.light-tag{color:#7eb7ff}.process-grid{grid-template-columns:repeat(4,1fr);margin-top:30px}.process-grid article{border:1px solid #ffffff22;border-radius:18px;padding:22px;background:#ffffff0b}.process-grid span{font-size:34px;color:#4291ff;font-weight:900}.maintenance-section{background:#f4f7fb}.maintenance-cta{background:var(--red);margin-top:16px}.regulation-grid{grid-template-columns:repeat(3,1fr);margin-top:25px}.legal-note{background:#fff1f2;border-left:4px solid var(--red);padding:16px;border-radius:10px}.step-by-step{background:#eef3f8}.narrow{max-width:850px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.flow-card{border-radius:25px;padding:28px;color:#fff;box-shadow:0 20px 45px #06101f22}.blue-flow{background:linear-gradient(145deg,#126bd8,#071b34)}.red-flow{background:linear-gradient(145deg,#df2d43,#4c0913)}.flow-head{display:flex;gap:15px;align-items:center}.flow-head>span{font-size:37px}.flow-head h3{font-size:29px;margin:0}.flow-head p{margin:5px 0;color:#ffffffca}.flow-card ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;counter-reset:steps}.flow-card li{position:relative;min-height:104px;padding:16px 14px 14px 54px;background:#ffffff12;border:1px solid #ffffff25;border-radius:15px;counter-increment:steps}.flow-card li:before{content:counter(steps);position:absolute;left:14px;top:15px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#15304f;font-weight:900}.flow-card b,.flow-card small{display:block}.flow-card small{margin-top:7px;line-height:1.4;color:#ffffffc9}.flow-card>button{width:100%;border:0;border-radius:12px;background:#fff;color:#14263d;padding:14px;font-weight:900;cursor:pointer}.services{background:#f3f6fa}.service-card{position:relative;min-height:260px;border:0;border-radius:22px;padding:26px;text-align:left;color:#fff;overflow:hidden;cursor:pointer}.service-front,.service-detail{display:flex;flex-direction:column;gap:12px}.service-detail{position:absolute;inset:0;padding:26px;background:#071324f5;opacity:0;transform:translateY(12px);transition:.25s}.service-card:hover .service-detail,.service-card[aria-expanded=true] .service-detail{opacity:1;transform:none}.blue-service{background:linear-gradient(145deg,#176fda,#09264b)}.red-service{background:linear-gradient(145deg,#df2e41,#4d0913)}.dark-service{background:linear-gradient(145deg,#263b53,#101820)}.service-icon{font-size:40px}.service-card strong{font-size:25px}.service-card small{font-size:16px;line-height:1.5}.service-card em{margin-top:auto}.service-detail mark{padding:10px;border-radius:10px;background:#f8c944;color:#182033}.mobile-help{text-align:center;color:#677386}.contact{padding:80px 0;background:#f1f4f8}.contact-card{display:grid;grid-template-columns:1fr 1.2fr;background:#071a32;border-radius:28px;overflow:hidden;color:#fff;box-shadow:0 20px 50px #06101f33}.contact-info{padding:44px}.contact-info h2{font-size:52px;margin:14px 0 28px}.contact-list{display:grid;gap:18px}.contact-list a{color:white;text-decoration:none;display:flex;gap:12px}.contact-buttons{display:flex;gap:12px;margin-top:26px}.maps{background:var(--blue)}.reviews{margin-top:14px;background:var(--gold);color:#151c27;gap:10px}.google-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:white;color:#4285f4;font-size:20px}.contact iframe{min-height:510px;width:100%;border:0}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(6px)}.hidden{display:none!important}.dialog{width:min(1000px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:25px;box-shadow:0 24px 80px #0006}.dialog-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:22px 28px;background:#0e66cc;color:#fff}.dialog-head p{margin:0;font-weight:900}.dialog-head h2{margin:5px 0 0}.dialog-head button{border:0;background:#fff2;color:#fff;border-radius:50%;width:42px;height:42px;font-size:27px;cursor:pointer}form{padding:28px}.step{display:none}.step.active{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid label,.maintenance-fields label,.attachment-grid label{display:flex;flex-direction:column;gap:8px;font-weight:800}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cfd8e5;border-radius:11px;padding:12px 13px;font:inherit;background:#f9fbfd}input:focus,select:focus,textarea:focus{outline:3px solid #1873df2c;border-color:#1873df}.invalid{border-color:#d9273d!important;background:#fff6f7!important;outline:3px solid #d9273d1d!important}.field-error{display:none;color:#b51629;font-size:13px;line-height:1.4}.field-error.show{display:block}.fake-note,.demo{background:#fff7df;border-radius:10px;padding:12px;color:#5d4b16}.inline{display:flex;gap:8px}.block{margin:22px 0}.field-title{font-weight:900}.choice-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice-list button{border:1px solid #d5dfeb;background:#fff;border-radius:11px;padding:12px;text-align:left;font-weight:800;cursor:pointer}.choice-list button.selected{border-color:var(--blue);background:#eaf3ff;color:#0753ae}.attachments{margin-top:6px}.attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.file-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.file-preview span{background:#eaf3ff;border-radius:8px;padding:7px 10px;font-size:12px}.risk{padding:14px;border-radius:10px;background:#fff0f1;border:1px solid #e76270;color:#8d1522}.form-actions{display:flex;justify-content:space-between;padding:20px 28px;border-top:1px solid #e2e8f0}.form-actions button,.success button{border:0;border-radius:11px;padding:13px 20px;font-weight:900;cursor:pointer}.secondary{background:#edf1f5}.primary{background:var(--blue);color:#fff}.submit{background:var(--red);color:#fff}.form-actions button:disabled{opacity:.4}.privacy{display:flex;gap:10px;margin-top:18px;padding:14px;border:1px solid #dbe2ea;border-radius:10px}.privacy input{width:auto}.success{text-align:center;padding:55px}.success>div{margin:auto;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#dff7e8;color:#11884a;font-size:36px}.success button{background:var(--blue);color:#fff}.maintenance-fields{display:grid;gap:6px}pre{white-space:pre-wrap;background:#f5f7fa;border:1px solid #dbe2eb;border-radius:14px;padding:18px;line-height:1.6}@media(max-width:1050px){.icon-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){nav,.top-actions{display:none}.mobile-section-nav{display:flex}.top{min-height:68px}.logo{width:200px}.split-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.request-grid,.service-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr}.hero,.hero-inner{min-height:760px}.regulation-grid{grid-template-columns:1fr}.flow-grid{grid-template-columns:1fr}}@media(max-width:680px){.wrap{width:min(100% - 22px,1180px)}.content-section,.services,.contact,.icon-services,.step-by-step{padding:58px 0}.copy h1{font-size:49px}.request{padding:17px}.form-grid,.attachment-grid,.choice-list,.info-grid,.benefit-grid,.process-grid,.flow-card ol,.icon-grid{grid-template-columns:1fr}.dialog{border-radius:18px}.dialog-head,form,.form-actions{padding:18px}.contact-info{padding:28px}.contact-info h2{font-size:40px}.contact-buttons{flex-direction:column}.contact iframe{min-height:360px}}

.client-gate{margin:0 0 20px;padding:18px;border:2px solid #1268d7;border-radius:14px;background:#eef6ff}.client-gate label{display:flex;flex-direction:column;gap:9px;font-weight:900}.non-client-notice{margin:0 0 22px;padding:22px;border:1px solid #ef9aa5;border-left:5px solid var(--red);border-radius:14px;background:#fff4f5;color:#62121c}.non-client-notice h3{margin:0 0 8px;color:#a91629}.non-client-notice p{line-height:1.55}.non-client-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.non-client-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:10px;background:#172638;color:#fff;text-decoration:none;font-weight:900}.non-client-actions a:first-child{background:var(--red)}@media(max-width:680px){.non-client-actions{flex-direction:column}.non-client-actions a{width:100%}}



/* Colores y optimizacion movil */
[data-type="Reparación o avería"],.blue-flow,.blue-service{background:linear-gradient(145deg,#e22d43,#8f1324)!important;color:#fff!important;border-color:#e22d43!important}
[data-type="Mantenimiento"],.red-flow,.red-service,.maintenance-cta{background:linear-gradient(145deg,#1477ee,#09264b)!important;color:#fff!important;border-color:#1477ee!important}
a.call[href^="tel:"],a.dark-action[href^="tel:"]{background:#fff!important;color:#111!important;border:1px solid #d7dce2!important}
html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}button,a,input,select,textarea{touch-action:manipulation}

/* Formularios optimizados */
.dialog{overscroll-behavior:contain}.dialog-head{align-items:center}
form{padding-bottom:12px}.form-grid label,.maintenance-fields label,.attachment-grid label{min-width:0}
input,select,textarea{min-height:48px;font-size:16px;line-height:1.35}
textarea{resize:vertical}.choice-list button{min-height:48px}.attachment-grid input[type=file]{padding:10px;background:#fff}
.form-actions{position:sticky;bottom:0;z-index:6;background:#fff;box-shadow:0 -8px 22px #06101f12}
.form-actions button,.success button{min-height:48px}.privacy{align-items:flex-start}.privacy input{min-width:22px;min-height:22px;margin-top:1px}
.field-error.show{margin-top:2px}.invalid{scroll-margin-top:120px}

@media(max-width:768px){
 .wrap{width:min(100% - 22px,1180px)}
 .top{min-height:64px}.logo{width:185px;height:58px}
 .mobile-section-nav{display:flex;gap:18px;padding:12px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
 .mobile-section-nav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;scroll-snap-align:start}
 .hero,.hero-inner{min-height:auto}.hero-inner{padding:52px 0 40px}.copy h1{font-size:clamp(38px,12vw,54px)}
 .request{padding:17px;border-radius:20px}.request-grid{grid-template-columns:1fr}.request-grid button{min-height:104px}
 .who-actions{display:grid;grid-template-columns:1fr}.who-actions button,.who-actions a,.maintenance-cta{width:100%;min-height:52px}
 .service-grid,.flow-grid,.contact-card,.split-layout,.info-grid,.benefit-grid,.regulation-grid,.process-grid,.icon-grid{grid-template-columns:1fr!important}
 .contact-buttons{display:grid;grid-template-columns:1fr}
 .modal{padding:0;align-items:stretch}.dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}
 .dialog-head{padding:14px 16px;flex:0 0 auto}.dialog-head h2{font-size:21px}.dialog-head button{width:46px;height:46px}
 #form{padding:16px;overflow:auto;flex:1 1 auto}.step{padding-bottom:8px}
 .form-grid,.attachment-grid{grid-template-columns:1fr;gap:15px}.full{grid-column:auto}
 .client-gate{padding:15px}.choice-list{grid-template-columns:1fr 1fr;gap:9px}.choice-list button{text-align:center;padding:12px 8px}
 input,select,textarea{width:100%;min-height:50px;padding:13px;font-size:16px!important;border-radius:12px}
 textarea{min-height:112px}.attachment-grid label{padding:12px;border:1px solid #dbe3ed;border-radius:12px;background:#f7f9fc}
 .form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px}.form-actions button{width:100%;padding:13px 10px}
 .form-actions .submit{grid-column:1/-1}.success{padding:42px 20px;overflow:auto}
 pre{font-size:13px;padding:14px;max-height:48vh;overflow:auto}.non-client-actions{display:grid;grid-template-columns:1fr}
 .non-client-actions a{width:100%;min-height:48px}.privacy{font-size:14px;line-height:1.45}.fake-note,.demo,.risk{font-size:14px}
}
@media(max-width:420px){
 .choice-list{grid-template-columns:1fr}.form-actions{grid-template-columns:1fr}.form-actions .submit{grid-column:auto}
 .copy h1{font-size:38px}.contact-info{padding:24px}.contact-info h2{font-size:36px}
}

.submit:disabled{opacity:.65;cursor:wait}
