
:root{--navy:#061c36;--navy2:#0d3156;--blue:#087ce5;--ink:#11243c;--muted:#60718a;--line:#dce6f2;--bg:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:white}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{background:var(--navy);color:white;position:sticky;top:0;z-index:5;box-shadow:0 3px 14px #00172b33}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.logo{font-size:22px;font-weight:900;letter-spacing:.03em}.logo span{display:block;font-size:10px;letter-spacing:.15em;font-weight:600;color:#b4d9ff}.links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;font-weight:650}.links a:hover{color:#80c8ff}.hero{background:linear-gradient(90deg,#061b35 0%,#082b50e8 48%,#092b4a8a 100%),url('imagenes/laboratorio.jpg') center 45%/cover;color:white;padding:108px 0 110px}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.09;max-width:790px;margin:15px 0 20px;letter-spacing:-.04em}.hero p{max-width:640px;color:#dce9f7;font-size:19px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#88caff;font-size:12px;font-weight:800}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;background:var(--blue);border:1px solid var(--blue);padding:13px 19px;border-radius:10px;color:white;font-weight:750;text-align:center;transition:.2s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.outline{background:transparent;border-color:#9ab6d4}.btn.light{background:white;color:var(--navy);border-color:white}.section{padding:75px 0}.alt{background:var(--bg)}h2{font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}.lead{font-size:17px;color:var(--muted);margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card,.plan{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 6px 20px #092f5910}.card h3,.plan h3{margin:8px 0;font-size:19px}.card p,.plan p{color:var(--muted);margin:0}.icon{font-size:29px}.feature-image{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:30px}.feature-image img,.photo-grid img{width:100%;display:block;object-fit:cover;border-radius:17px}.feature-image img{height:310px}.mock{border:1px solid #c9d8e9;border-radius:15px;background:white;overflow:hidden;box-shadow:0 15px 40px #10345b24}.mock-head{background:var(--navy2);color:white;padding:12px 16px;font-weight:800;font-size:13px}.mock-body{padding:20px}.mock-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.mock-tabs span{background:#e8f2ff;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.mock-row{display:flex;justify-content:space-between;border-bottom:1px solid #e4ecf5;padding:11px 0;font-size:13px}.mock-row small{color:#0876cf}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{text-align:center}.plan strong{display:block;font-size:34px;color:var(--navy);margin:10px}.plan .btn{margin-top:20px}.banner{background:linear-gradient(90deg,#04172edb,#0b3054de),url('imagenes/microsoldadura.jpg') center/cover;color:white;padding:60px 0}.banner p{max-width:760px;color:#e0efff}.cta{background:var(--navy);color:white}.cta .lead{color:#d2e4f6}.footer{background:#041326;color:#d8e7f6;padding:44px 0}.footer a{text-decoration:underline;text-underline-offset:3px}.small{font-size:13px;color:var(--muted)}.brands{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.brand{border:1px solid #cddcec;border-radius:100px;background:#fff;padding:9px 18px;font-size:16px;font-weight:800;color:#183452}.brand.iphone{color:#101e33}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.photo-tile{position:relative}.photo-tile img{height:230px}.photo-tile strong{position:absolute;bottom:12px;left:12px;background:#061d36df;color:white;padding:7px 12px;border-radius:8px;font-size:13px}.shipping{background:#eaf4ff;border:1px solid #bfd9f6;border-radius:17px;padding:26px;margin-top:25px}.shipping h3{margin:0 0 8px}.shipping p{margin:0}.note{background:#fff7e9;border:1px solid #f4d9a5;border-radius:10px;padding:14px;font-size:13px;color:#70502d}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:center}.mini-grid img{width:100%;border-radius:15px}.link-underline{color:#0875d1;text-decoration:underline}.placeholder{padding:26px;border:2px dashed #b8cce2;border-radius:14px;background:#f8fbff;color:#486079}.techhero{padding:95px 0;background:linear-gradient(90deg,#051c35 0%,#0a3157e0 60%,#0a315783 100%),url('imagenes/microsoldadura.jpg') center/cover;color:white}.techhero h1{font-size:clamp(38px,5vw,58px);line-height:1.1;max-width:750px}.techhero p{max-width:660px;font-size:18px;color:#dce9f7}@media(max-width:850px){.nav{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:15px}.links{gap:10px 17px}.cards,.plans{grid-template-columns:repeat(2,1fr)}.feature-image,.mini-grid{grid-template-columns:1fr}.hero{padding:80px 0}}@media(max-width:550px){.cards,.plans,.photo-grid{grid-template-columns:1fr}.section{padding:52px 0}.hero{padding:65px 0}.hero p{font-size:16px}.photo-tile img{height:210px}.feature-image img{height:240px}.wrap{padding:0 17px}}

/* Galería de pantallas reales - V3 */
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.screen-card{background:white;border:1px solid #dce5f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(19,53,89,.08)}.screen-card a{display:block;background:#e8eff9}.screen-card img{width:100%;height:180px;object-fit:cover;object-position:top;display:block;transition:transform .2s}.screen-card a:hover img{transform:scale(1.025)}.screen-copy{padding:16px 18px}.screen-copy h3{margin:0 0 7px;font-size:1.08rem;color:#173e70}.screen-copy p{margin:0;font-size:.92rem;line-height:1.5;color:#54647a}@media(max-width:850px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.screen-grid{grid-template-columns:1fr}.screen-card img{height:205px}}

/* V4: contactos y flecha volver arriba */
html{scroll-padding-top:95px}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:100;width:51px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#087ce5;color:#fff;font-size:30px;font-weight:800;box-shadow:0 5px 18px #001d4070;border:2px solid #fff;transition:transform .2s,background .2s}.back-to-top:hover,.back-to-top:focus-visible{background:#064d96;transform:translateY(-3px)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.contact-actions .btn.light{background:white;color:#061c36;border-color:white}.contact-small{font-size:14px;color:#d2e4f6}@media(max-width:550px){.back-to-top{right:14px;bottom:14px;width:46px;height:46px}}
