/* ====== ESTILO GENERAL =================================== */
    html,body{margin:0;padding:0}
    body{
      padding-bottom:70px;       /* espacio para WhatsApp button */
      color:#5a5a5a;
      font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    
    .navbar-custom {
      background-color: #002c47; /* el color que quieres */
      border-color: #ecf0f1 ;     /* opcional, para el borde */
    }
    
    .navbar-custom .navbar-nav > li > a,
    .navbar-custom .navbar-brand {
      color: #ffffff; /* color de texto */
    }
    
    .navbar-custom .navbar-nav > li > a:hover,
    .navbar-custom .navbar-brand:hover {
      color: #cccccc; /* color al pasar el mouse */
    }
    
    /* para el dropdown */
    .navbar-custom .dropdown-menu {
      background-color: #ffffff;
    }
    
    .navbar-custom .dropdown-menu > li > a {
      color: #fff;
    }
    
    .navbar-custom .dropdown-menu > li > a:hover {
      background-color: #014b70;  
      color: #000000;          /* texto negro */
     background-color: #f0f0f0; /* fondo claro opcional para que el negro resalte */
    }
        .navbar-brand span {
      font-size: 24px;
    }

     .navbar-brand {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 5px 15px;
    }

    .navbar-logo {
      height: 90px;  /* Cambiado de 70px a 90px */
      width: auto;
      display: block;
    }   
      .navbar-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }
      .navbar-logo {
        height: 40px;
        margin-right: 10px;
      }


       .btn-login {
      background:#ff6600;
      color:#fff !important;
      font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size:14px;
      font-weight:600;
      text-transform:uppercase;
      width:110px;
      height:110px;
      line-height:1.15;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      border:2px solid #ff6600;
      border-radius:0;
      margin-top:8px;
      margin-right:10px;
      text-decoration:none;
      transition:all .25s ease;
      box-shadow:0 2px 6px rgba(0,0,0,.25);
    }
    
    .btn-login:hover {
      background:#e65c00;
      border-color:#e65c00;
    }
    
    .btn-login:active,
    .btn-login:focus {
      background:#000;
      color:#ff6600 !important;
      border-color:#ff6600;
      outline:none;
      box-shadow:0 2px 6px rgba(0,0,0,.35);
    }



    
    /* Compensar altura barra fija */
    body {
      padding-top: 10px;
    }
    
    /* ====== DROPDOWNS DE SEGUNDO NIVEL ======================= */
    #sub-dropdown-menu{
      display:none;
      position:absolute;
      margin-left:20px;
    }
    #sub-dropdown:hover #sub-dropdown-menu{display:block}
    #sub-dropdown-menu a,
    .dropdown-menu a{
      color:#000!important;
      font-size:16px!important;
    }
    
    /* ====== CARRUSEL ========================================= */
    .carousel{
      height:500px;
      margin-bottom:60px;
    }
    .carousel .item{
      height:500px;
      background:#777;
    }
    .carousel-inner>.item>img{
      position:absolute;top:0;left:0;
      min-width:100%;height:500px;
    }
    .carousel-caption{z-index:10}
        /* Ajuste del logo en navbar-brand */
    .navbar-brand {
      display: flex;
      align-items: center;
      gap: 10px; /* espacio entre logo y texto */
      padding: 5px 15px;
    }
    
    .navbar-logo {
      height: 35px;  /* altura recomendada para el logo */
      width: auto;   /* ancho automático para mantener proporción */
      display: block;
    }
     .logo {
      width: 100px;
      margin: 0 auto 20px;
    }
    
        .logo {
      width: 180px;
      height: auto;
      margin: 0 auto 25px;
      display: block;
    }


    
    /* ====== TARJETAS DE INFORMACIÓN ========================== */
    .card-container-sat{
      display:flex;flex-wrap:wrap;
      justify-content:center;
      gap:30px;
      padding:40px 15px;
      background:#e9f7fd;
    }
    .card-sat{
      width:280px;border-radius:12px;
      overflow:hidden;text-align:center;
      box-shadow:0 6px 15px rgba(0,0,0,.12);
      transition:transform .3s ease,box-shadow .3s ease;
    }
    .card-sat:hover{
      transform:translateY(-10px);
      box-shadow:0 12px 24px rgba(0,0,0,.2);
    }
    .card-sat__icon{
      padding:55px 0;display:flex;
      align-items:center;justify-content:center;
    }
    .card-sat__icon img{width:100px;height:100px}
    .card-sat__body{
      background:#fff;padding:30px 25px 40px;
    }
    .card-sat__body h3{
      font-size:18px;font-weight:700;
      margin-bottom:15px;color:#002c47;
    }
    .card-sat__body p{
      font-size:14px;line-height:1.45;color:#333;
    }
    /* Colores de tarjeta */
    .card-blue   {background:linear-gradient(#1b1f3a 0%,#4055b4 100%)}
    .card-yellow {background:#f6cf3b}
    .card-cyan   {background:#05a4de}
    .card-red    {background:#ef685b}
    
 
    
    footer {
      background: #002c47; /* igual al navbar-custom */
      color: #ffffff; /* texto claro para buen contraste */
      padding: 40px 20px 20px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.6;
      position: relative;
      overflow: hidden; /* para la onda si la agregas */
    }
    
    footer .contenedor-footer {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      max-width: 1200px;
      margin: auto;
      gap: 40px;
    }
    
    footer .content-foo {
      flex: 1 1 200px;
      min-width: 180px;
    }
    
    footer .content-foo h4 {
      color: #ffffff; /* cambio de titulo del footer */
      border-bottom: 2px solid #ffffff;
      padding-bottom: 8px;
      margin-bottom: 15px;
      font-weight: bold;
    }
    
    footer .content-foo p {
      color: #ffffff;
      margin: 5px 0;
    }
    
    footer hr {
      border-color: #444; /* un gris oscuro para no destacar mucho */
      margin: 30px 0 15px;
    }
    
    footer p.text-center {
      color: #aaa;
      font-size: 13px;
      margin: 0 0 10px;
    }


    /* ====== BOTÓN WHATSAPP =================================== */
   .btn-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 63px;
    bottom:25px;
    right:25px;
    background:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}
.btn-wsp:hover{
    background: #20ba5a;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
	}
}