:root{--primary:#1e4ca1;--primary-dark:#173b7d;--secondary:#4096ee;--dark:#1e293b;--light:#f8fafc} .navbar,.navbar.custom-navbar{background:var(--primary)!important;box-shadow:0 2px 15px rgba(0,0,0,0.1)} .navbar .nav-link,.navbar.custom-navbar .nav-link{color:#fff!important;font-weight:500;padding:.5rem 1rem!important;transition:.3s all ease} .navbar .nav-link:hover,.navbar.custom-navbar .nav-link:hover{color:#e2e8f0!important;transform:translateY(-2px)} .navbar .dropdown-menu,.navbar.custom-navbar .dropdown-menu{background:var(--primary);border:none;box-shadow:0 4px 6px rgba(0,0,0,0.1)} .navbar .dropdown-item,.navbar.custom-navbar .dropdown-item{color:#fff;transition:.3s all ease} .navbar .dropdown-item:hover,.navbar.custom-navbar .dropdown-item:hover{background:var(--primary-dark);color:#fff!important} .navbar-toggler,.navbar.custom-navbar .navbar-toggler{border-color:rgba(255,255,255,.5)!important} .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")} .hero-section{background:var(--primary);padding:6rem 0;position:relative;overflow:hidden} .hero-content{position:relative;z-index:1} .hero-heading{font-size:3.5rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:1.5rem} .hero-subheading{font-size:1.5rem;color:rgba(255,255,255,0.9);margin-bottom:2rem} .hero-cta{font-size:1.2rem;padding:1rem 2.5rem;border-radius:50px;transition:.3s all ease} .hero-graphic{position:relative;padding:2rem} .hero-image{max-width:100%;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.2)} .hero-shape{position:absolute;background:var(--secondary);width:600px;height:600px;border-radius:50%;top:-50%;right:-20%;opacity:.1} .hero-slider{background:linear-gradient(135deg,#1e4ca1,#2153a9)!important;padding:4rem 0;min-height:60vh;display:flex;align-items:center} .slider-image-container{position:relative;max-width:800px;margin:0 auto;padding:1rem} .slider-image{width:100%;height:auto;max-height:500px;object-fit:contain} .slider-content{color:#fff;padding:2rem;text-shadow:1px 1px 3px rgba(0,0,0,0.2)} .glide__arrow{border:none;background:transparent;padding:0;position:absolute;top:50%;transform:translateY(-50%)} .glide__arrow--left{left:20px} .glide__arrow--right{right:20px} .glide__bullets{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px} .glide__bullet{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;transition:.3s all ease;margin:0 5px} .hero-slider .glide__bullet--active,.clientes-slider .glide__bullet--active{background:#fff;border-color:#fff} .clientes-slider .glide__bullet--active{background:var(--primary);border-color:var(--primary)} .glide__arrows img{filter:brightness(0) invert(1);width:50px;transition:.3s transform ease} .glide__arrows img:hover{transform:scale(1.1)} .cliente-card,.producto-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:1.5rem;transition:.3s all ease} .cliente-card:hover,.producto-card:hover{transform:translateY(-5px)} .producto-card{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px rgba(0,0,0,0.1)} .producto-card:hover{box-shadow:0 8px 15px rgba(30,76,161,0.2)} .whatsapp-float{position:fixed;bottom:30px;right:30px;background-color:var(--primary);color:#fff!important;border-radius:50px;padding:15px 25px;box-shadow:0 5px 15px rgba(30,76,161,0.3);z-index:1000;display:flex;align-items:center;gap:10px;text-decoration:none!important;transition:.3s all ease;border:2px solid #fff} .whatsapp-icon{font-size:32px} .whatsapp-icon-small{font-size:18px} .whatsapp-text{font-family:'Inter',sans-serif;font-weight:600;font-size:16px} .whatsapp-float:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 20px rgba(30,76,161,0.4)} @media(max-width:992px){.hero-heading{font-size:2.5rem}.hero-subheading{font-size:1.2rem}.hero-graphic{margin-top:3rem}} @media(max-width:768px){.hero-slider{min-height:auto;padding:2rem 0}.slider-image{max-height:300px}.slider-content{text-align:center;padding:1rem}.glide__arrows img{width:40px}.whatsapp-float{bottom:20px;right:20px;padding:12px 20px}.whatsapp-icon{font-size:28px}.whatsapp-text{display:none}} .btn-primary{background:var(--primary);border:none;padding:.5rem 1.5rem;transition:.3s all ease} .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)} #detalle-servicio-abierto .row{--bs-gutter-y:0!important} #paquete-detalle{--local-primary:#1e4ca1;--local-primary-dark:#173b7d;--local-secondary:#4096ee} #paquete-detalle .sticky-top{top:20px} #paquete-detalle .service-item{display:flex;gap:1rem;margin-bottom:1.5rem} #paquete-detalle .service-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--local-primary);color:#fff;border-radius:50%} #paquete-detalle .costos-anuales{background:#f8f9fa;border-radius:10px;padding:1.5rem} #paquete-detalle .costos-lista{list-style:none;padding:0} #paquete-detalle .costos-lista li{padding:.5rem 0;border-bottom:1px solid #dee2e6} #paquete-detalle .costos-lista li:last-child{border-bottom:none} #paquete-detalle .precio-destacado{font-size:2.5rem;color:var(--local-primary)} @media(max-width:992px){#paquete-detalle .sticky-top{position:static!important}} #hero-precios.hero-section{padding:3rem 0;min-height:50vh} #hero-precios .hero-heading{font-size:2.4rem;line-height:1.3} #hero-precios .hero-subheading{font-size:1.2rem;margin-bottom:1.2rem} #hero-precios .hero-image{max-height:280px;width:auto} @media(max-width:992px){#hero-precios.hero-section{min-height:auto;padding:2.5rem 0}#hero-precios .hero-heading{font-size:2rem}#hero-precios .hero-image{max-height:220px}} @media(max-width:576px){#hero-precios .hero-heading{font-size:1.75rem}#hero-precios .hero-subheading{font-size:1.1rem}} .cta-price-container{gap:.5rem} @media(max-width:768px){.cta-price-container{align-items:center!important}.cta-price-container span:last-child{align-self:center!important}}
html, body {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
@keyframes glow {
  0% {
    box-shadow: 0 0 5px #3f92ee80, 0 0 10px #3f92ee40;
  }
  50% {
    box-shadow: 0 0 15px #3f92eeaa, 0 0 30px #3f92ee66;
  }
  100% {
    box-shadow: 0 0 5px #3f92ee80, 0 0 10px #3f92ee40;
  }
}

.whatsapp-float {
  animation: glow 2s infinite ease-in-out;
}
.paquetes-diseño a {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.paquetes-diseño a:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  text-decoration: none;
}
.paquetes-diseño h5 {
  font-size: 1.1rem;
  color: #002c6c;
}
.paquetes-diseño p {
  color: #555;
  font-size: 1rem;
}
.btn-brillante {
    position: relative;
    overflow: hidden;
    color: #fff !important;
    background: #4093ef !important;
    border: none;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(64, 147, 239, 0.5);
    transition: background 0.3s ease;
}

.btn-brillante:hover {
    background: #2f7ad1 !important;
}

.btn-brillante::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0) 60%
    );
    transform: skewX(-20deg);
    animation: brillo 2s infinite;
}

@keyframes brillo {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
/* Fijar altura mínima en slider */
.slider-content { 
  min-height: 380px; 
}

/* Reservar espacio para imágenes fluidas */
.img-fluid { 
  aspect-ratio: attr(width) / attr(height); 
}

/* Evitar que ::after mueva botones */
a.btn::after { 
  position: absolute; 
}
.img-hero {
  aspect-ratio: 800 / 601;
}
.slider-image {
  aspect-ratio: 350 / 430;
  display: block;
}
.glide__slide:first-child {
  opacity: 1;
  position: relative;
}
.tw-pack{
background:#fff;
border:1px solid #e5e7eb;
border-radius:10px;
box-shadow:0 10px 20px rgba(0,0,0,.08);
transition:.25s;
overflow:hidden;
height:100%;
text-align:center;
}

.tw-pack:hover{
transform:translateY(-6px);
box-shadow:0 16px 30px rgba(0,0,0,.12);
}

.tw-pack-head{
background:#1e4ca1;
color:#fff;
font-weight:700;
padding:14px;
font-size:16px;
}

.tw-pack-body{
padding:25px;
}

.tw-pack-features{
font-size:14px;
font-weight:600;
color:#1e4ca1;
line-height:1.6;
margin-bottom:15px;
}

.tw-pack-price{
display:inline-block;
background:#f4f8ff;
border-left:4px solid #1e4ca1;
padding:8px 14px;
border-radius:6px;
font-size:16px;
font-weight:700;
color:#1e4ca1;
}
.tw-icon{
font-size:80px;
color:#1e4ca1;
margin-bottom:12px;
animation:twFloat 3s ease-in-out infinite;
}

@keyframes twFloat{
0%{transform:translateY(0);}
50%{transform:translateY(-8px);}
100%{transform:translateY(0);}
}
.tw-btn-ver{
display:inline-block;
background:#1e4ca1;
color:#fff;
font-size:14px;
font-weight:600;
padding:8px 18px;
border-radius:6px;
text-decoration:none;
transition:.2s;
}

.tw-btn-ver:hover{
background:#163b80;
color:#fff;
}