.hero-servicio{color:#fff;text-align:center;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:50vh;display:flex}@media (min-width:1200px){.hero-servicio{min-height:75vh}}@media (max-width:768px){.hero-servicio{background-attachment:scroll}}
.hero-servicio{color:#fff;align-items:center;min-height:70vh;display:flex}.hero-servicio-bg{background-position:50%;background-size:cover;transition:transform 12s ease-out;position:absolute;inset:0;transform:scale(1.08)}.hero-servicio:hover .hero-servicio-bg{transform:scale(1.14)}.hero-servicio-overlay{background:radial-gradient(circle at 0 0,#3b82f673,#0000 55%),radial-gradient(circle at 100% 100%,#ec489966,#0000 55%),linear-gradient(135deg,#0f172ae6,#0f172a99);position:absolute;inset:0}.hero-servicio-container{z-index:1;padding-top:5rem;padding-bottom:5rem;position:relative}.hero-servicio-text{animation:.8s ease-out both hero-fade-up}.hero-title{letter-spacing:.02em;font-size:clamp(2.3rem,4vw,3.2rem);font-weight:700}.hero-subtitle{color:#e2e8f0e6;max-width:38rem}.hero-pill{color:#e2e8f0e6;background:#0f172ad9;border:1px solid #94a3b880;border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.hero-pill-dot{background:linear-gradient(135deg,#38bdf8,#a855f7,#ec4899);border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 12px #60a5fae6}.hero-btn-primary{border-radius:999px;padding-inline:1.8rem;box-shadow:0 18px 40px #0f172a99}.hero-btn-secondary{border-width:1px;border-radius:999px}.hero-meta{color:#d1d5dbe6}.hero-meta-title{font-weight:600}.hero-meta-text{color:#9ca3aff2;font-size:.9rem}.glass-card{-webkit-backdrop-filter:blur(18px);background:#0f172abf;border:1px solid #94a3b866;border-radius:1.6rem;padding:1.75rem 1.9rem;animation:.9s ease-out .1s both hero-fade-up;box-shadow:0 22px 55px #0f172ad9}.hero-list{margin:0 0 1rem;padding:0;font-size:.95rem;list-style:none}.hero-list li+li{margin-top:.35rem}.hero-card-note{color:#94a3b8f2;font-size:.85rem}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-scroll-wheel{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(9px)}}@media (max-width:767.98px){.hero-servicio{text-align:left}.hero-servicio-container{padding-top:4rem;padding-bottom:4rem}.hero-title{font-size:2rem}.hero-subtitle{max-width:100%;font-size:1rem}}
