/* Desarrollo Web: hero interior inspirado en la referencia del usuario. */
.web-page{background:#111417;color:#fff}
.web-page .header{background:rgba(255,255,255,.30)}
.web-main{padding:26px 40px 60px;background:#111417}
.web-container{max-width:1300px;margin:auto}
.web-breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.8;color:#b5bdc5;margin:0 0 21px;padding:0 2px}
.web-breadcrumb a:hover{color:#e5a900}
.web-breadcrumb span[aria-current]{color:#f0f1f3}
.web-hero{isolation:isolate;position:relative;overflow:hidden;border-radius:24px;border:0;min-height:505px;display:flex;align-items:center;background:#1b2025 url('../img/desarrollo-web/notebook-dispositivos.png') center center/cover no-repeat;padding:60px}
.web-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c10ed 0%,#080c10dc 35%,#080c10b3 55%,#080c1038 100%),linear-gradient(0deg,#080c1094,transparent 60%)}
.web-hero-copy{position:relative;max-width:650px}
.web-service-label{margin:0 0 25px;font-size:10px;font-weight:500;letter-spacing:.32em;line-height:1.8;color:#d1a944}
.web-hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(46px,5.3vw,76px);line-height:1.06;letter-spacing:-.045em;margin:0 0 26px;text-wrap:initial}
.web-hero h1 span{background:linear-gradient(100deg,#d1ac50,#2bc293 75%,#00a8ac);background-clip:text;-webkit-background-clip:text;color:transparent}
.web-intro{max-width:555px;margin:0;font-size:15px;font-weight:400;line-height:1.85;color:#e1e5e8}
.web-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(110deg,#efb82c,#e5a900);border:1px solid #e9b22b;border-radius:7px;color:#16191c;font-size:12px;font-weight:600;line-height:1.6;padding:14px 22px;margin-top:31px;transition:transform .2s ease,box-shadow .2s ease}
.web-hero-cta svg{width:25px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.web-hero-cta:hover{transform:translateY(-2px);box-shadow:0 7px 24px #e5a90030}
@media(max-width:1100px){.web-main{padding:24px 28px 48px}.web-hero{padding:48px;min-height:480px}.web-hero h1{font-size:63px}.web-hero-copy{max-width:580px}}
@media(max-width:760px){.web-main{padding:20px 20px 40px}.web-breadcrumb{font-size:9px;margin-bottom:17px}.web-hero{padding:38px 28px;min-height:510px;border-radius:18px;background-position:65% center}.web-hero::before{background:linear-gradient(90deg,#080c10e0,#080c10a8),linear-gradient(0deg,#080c1094,transparent)}.web-hero h1{font-size:52px}.web-intro{font-size:14px}.web-service-label{font-size:9px;margin-bottom:25px}}
@media(max-width:480px){.web-main{padding:18px 16px 32px}.web-hero{padding:35px 22px;min-height:510px;background-position:62% center}.web-hero h1{font-size:44px}.web-intro{font-size:13px;line-height:1.9}.web-hero-cta{font-size:11px;padding:14px 17px;gap:13px}.web-service-label{letter-spacing:.25em}}
@media(prefers-reduced-motion:reduce){.web-hero-cta{transition:none}.web-hero-cta:hover{transform:none}}