/* ===============================
   MENÚ DE NAVEGACIÓN
   =============================== */
   .navbar-dark .navbar-nav .nav-link, 
   .navbar-nav .nav-item .nav-link {
       color: #FFFFFF;
       font-size: 16px;
       font-family: 'Open Sans', sans-serif;
       font-weight: 600;
   }
   
   .navbar-nav .nav-item .nav-link:hover {
       color: #06bcee;
   }
   
   /* Estilos para el menú desplegable */
   .navbar-nav .nav-item .dropdown-menu {
       background-color: #242526;
       color: white;
       border-radius: .25rem;
       margin-top: .2rem;
       padding: .25rem .5rem;
       font-size: .875rem;
   }
   
   .navbar-nav .nav-item .dropdown-item {
       color: white;
   }
   
   .navbar-nav .nav-item .dropdown-item:hover {
       background-color: #028ac8;
       color: white;
   }
   
   .bg-dark, .bg-primary {
       background-color: #20232a !important;
   }
   
   /* ===============================
      BOTONES FIJOS (WhatsApp, Llamadas)
      =============================== */
   .whatsapp-button, .btn-whatsapp, .btn-discado {
       position: fixed;
       color: white;
       border-radius: 50px;
       box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
       text-decoration: none;
       z-index: 999;
       display: flex;
       align-items: center;
       justify-content: center;
   }
   
   .whatsapp-button {
       bottom: 20px;
       right: 20px;
       background-color: #25D366;
       padding: 15px 20px;
       font-size: 16px;
   }
   
   .btn-whatsapp, .btn-discado {
       width: 50px;
       height: 50px;
       right: 30px;
       bottom: 120px;
   }
   
   .btn-whatsapp {
       bottom: 180px;
   }
   
   /* ===============================
      SECCIÓN BUSCAR DOMINIO
      =============================== */
   #buscar-dominio {
       background-image: url('https://www.programacionwebchile.cl/prog2.png');
       background-size: cover;
       background-position: center;
       color: white;
       text-align: center;
       padding: 50px 0;
   }
   
   #buscar-dominio .lead {
       font-size: 20px;
       max-width: 600px;
       margin: 0 auto 20px;
   }
   
   /* ===============================
      ESTILOS GENERALES
      =============================== */
      body {
        font-family: 'Open Sans', sans-serif;
        font-size: 1rem;
        font-weight: 400;
        color: #4a4a4a;
        background-color: white !important;
    }
    
    h3 {
        margin-bottom: 20px;
        color: #4a4a4a;
    }
    
    /* ======= NAVBAR ======= */
    .navbar-dark .navbar-nav .nav-link,
    .navbar-nav .nav-item .nav-link {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 600;
    }
    
    .navbar-nav .nav-item .nav-link:hover {
        color: #06bcee;
    }
    
    .navbar-nav .nav-item .dropdown-menu {
        background-color: #242526 !important;
        color: white !important;
        border-radius: .25rem;
        margin-top: .2rem;
        padding: .25rem .5rem;
        font-size: .875rem;
    }
    
    .navbar-nav .nav-item .dropdown-item {
        color: white !important;
    }
    
    .navbar-nav .nav-item .dropdown-item:hover {
        background-color: #028ac8;
    }
    
    /* ======= BOTONES FLOTANTES (WhatsApp y Discado) ======= */
    .whatsapp-button, .btn-whatsapp, .btn-discado {
        position: fixed;
        right: 30px;
        border-radius: 50%;
        color: #fff;
        z-index: 999;
    }
    
    .whatsapp-button {
        bottom: 20px;
        background-color: #25D366;
        padding: 15px 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        font-size: 16px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }
    
    .whatsapp-button i {
        font-size: 24px;
        margin-right: 10px;
    }
    
    .btn-whatsapp {
        bottom: 180px;
        width: 50px;
        height: 50px;
    }
    
    .btn-discado {
        bottom: 120px;
        width: 50px;
        height: 50px;
    }
    
    /* ======= CAROUSEL ======= */
    .carousel-img {
        height: 10px;
        object-fit: contain;
    }
    
    .carousel-caption {
        position: absolute;
        right: 40%;
        bottom: 3rem;
        left: 9%;
        padding: 1.25rem;
        color: #fff;
        text-align: left;
    }
    
    /* ======= CONTENEDORES ======= */
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1120px !important;
    }
    
    .bg-dark { background-color: #20232a !important; }
    .bg-primary { background-color: #20232a !important; }
    .bg-info { background-color: #0056a4 !important; }
    
    /* ======= ESTILOS PARA ACORDEÓN ======= */
    .accordion-button {
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        color: #444444;
        font-weight: 700;
    }
    
    .accordion-button:not(.collapsed) {
        color: #000 !important;
        background-color: #e9ecef;
    }
    
    /* ======= CARDS ======= */
    .card {
        border: 1px solid #F9F9F9 !important;
        background-color: #FFFFFF !important;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,.07), 0 4px 6px -2px rgba(0,0,0,.05);
    }
    
    .list-group-item {
        color: #212529;
        background-color: #FFFFFF !important;
    }
    
    /* ======= ESTILOS RESPONSIVOS ======= */