.carousel-item a {width:100%;height:inherit;top:150px;}
.carousel-item a img {width:100%;height:inherit;}

.carousel-inner {height:400px;}

/* ----------------- CHATBOT IFRAME ------------------- */

#chat-iframe {border-radius:5px;border-width:0px;}
#chat-container {
    position: fixed;
    right: 10px;
    width: 450px;
    bottom: 0px;
    border: 1px solid #e3e3e3;
    z-index: 999;
    background:#fafafa;
    border-radius:0px;-webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#chat-container-iframe-container {
    padding:0px 10px 10px 10px;
}
#user-register #edit-apellidom-wrapper, 
#user-register #edit-nacimiento-wrapper, 
#user-register #edit-celular-wrapper, 
#user-register #edit-comuna-wrapper
    {display:none;}

#user-register {padding-bottom:120px;}
#user-register input {max-width:400px;}
#user-register fieldset {margin-top:40px;}



#chat-container-header {
    background:#4e0f78;position:relative;color:#fff;font-weight: bold;padding:5px;height:50px;-webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    
}

#chat-container-title {position:absolute;padding:12px;cursor:pointer;top:0px;width:100%;}
#chat-container-close {position:absolute;right:12px;top: 12px;cursor:pointer;}
#chat-container-close i {font-size:22px;}


@media (max-width: 767px) {
    #chat-container {
        right: 0px;
        bottom:0px;
        width: 100%;
        padding: 0;
    }
    #chat-container-iframe-container {
        height:40%;
    }

    
    .form-control {font-size:1rem;}
}     
/* ----------------- CHATBOT IFRAME ------------------- */

.page-header {background:none;padding-top:50px;}
.dropdown-item {opacity:8;}
.menu-item {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 10px;
    color: white;
    text-decoration: none;
}
.container {max-width:1580px;}
h1.title {font-size:32px;margin-top:60px;margin-bottom:40px;}

.menu-icon {
    margin-right: 10px;
}
.breadcrumb {background-color: #fce7d3;margin-top:20px;}
#menu-categorias-beneficios {padding:0px;margin:0px;box-shadow:none;}
#menu-categorias-beneficios a {font-weight:normal;font-size:11px;}

.btn-outline-custom {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 5px;
}
.btn-outline-custom i {
    margin-right: 10px;
}
.btn-salud { border-color: #99298b; color: #99298b; }
.btn-salud:hover { background-color: #99298b; color: white; }

.btn-seguros { border-color: #e30082; color: #e30082; }
.btn-seguros:hover { background-color: #e30082; color: white; }

.btn-tiempo-libre { border-color: #f09503; color: #f09503; }
.btn-tiempo-libre:hover { background-color: #f09503; color: white; }

.btn-deportes { border-color: #e95e1a; color: #e95e1a; }
.btn-deportes:hover { background-color: #e95e1a; color: white; }

.btn-servicios { border-color: #a3b674; color: #a3b674; }
.btn-servicios:hover { background-color: #a3b674; color: white; }

.btn-cuidado-personal { border-color: #006e7c; color: #006e7c; }
.btn-cuidado-personal:hover { background-color: #006e7c; color: white; }

.btn-educacion { border-color: #00a1e2; color: #00a1e2; }
.btn-educacion:hover { background-color: #00a1e2; color: white; }

.btn-gastronomia { border-color: #7d7dba; color: #7d7dba; }
.btn-gastronomia:hover { background-color: #7d7dba; color: white; }

.featurs .featurs-item {margin-bottom:10px!important;}
.topbar {background:#ff9500!important;}
.navbar-nav {margin-left:20px!important;}

#nav-secciones-ist a {color:#4d0f77;}

#filosofia .philosophy-card {border-radius:15px;}
#misionvision .misiontext {background:#e30082;color:#fff;border-radius:15px;margin:10px;font-size:14px;padding:15px;}

.highlight-section {
    background: #f8f9fa;
    padding: 60px 0;
}
.highlight-section h2 {
    margin-bottom: 40px;
}
.highlight-card {
    padding: 20px;
    border: 1px solid #e1e4e8;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
}
.highlight-card i {
    color: #007bff;
    margin-bottom: 15px;
}
.highlight-card h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
.highlight-card p {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}

.highlight-card i {
    color:#ff7c00;
}

.chat-container {
    max-width: 100%;
    margin: auto;
}
.chat-box {
    height: 400px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 10px;
}
.chat-input {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.custom-accordion .card-header {
    background-color: #fff1fa;
    color: #fff;
  }
  .custom-accordion .card-header:focus {
    box-shadow: none;
  }
  .card-body {
    padding: 1.5rem;
  }

#webchat .card {color:#000;}
#webchat .card-header {font-size:11px;color:#666;}

.navbar .nav-item .dropdown-menu a:hover {background:#fff;opacity:1!important;}
.navbar .nav-item .dropdown-menu a:hover {background:#fff;opacity:0.8!important;}

.carousel-item img {
    max-height: 500px;
    object-fit: cover;
}

.navbar {margin-bottom:0px;}
#nav-categorias, .navbar {height:70px;}



#nav-categorias {-webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;}

#nav-secciones-ist {background:#fff6ed!important;-webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-radius: 15px;}

.btn-outline-custom {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 5px;
}
.btn-outline-custom i {
    margin-right: 10px;
}
.btn-salud { border-color: #99298b; color: #99298b; }
.btn-salud:hover { background-color: #99298b; color: white; }

.btn-seguros { border-color: #e30082; color: #e30082; }
.btn-seguros:hover { background-color: #e30082; color: white; }

.btn-tiempo-libre { border-color: #f09503; color: #f09503; }
.btn-tiempo-libre:hover { background-color: #f09503; color: white; }

.btn-deportes { border-color: #e95e1a; color: #e95e1a; }
.btn-deportes:hover { background-color: #e95e1a; color: white; }

.btn-servicios { border-color: #a3b674; color: #a3b674; }
.btn-servicios:hover { background-color: #a3b674; color: white; }

.btn-cuidado-personal { border-color: #006e7c; color: #006e7c; }
.btn-cuidado-personal:hover { background-color: #006e7c; color: white; }

.btn-educacion { border-color: #00a1e2; color: #00a1e2; }
.btn-educacion:hover { background-color: #00a1e2; color: white; }

.btn-comida { border-color: #7d7dba; color: #7d7dba; }
.btn-comida:hover { background-color: #7d7dba; color: white; }

.btn-destacados { border-color: #5a6268; color: #5a6268; }
.btn-destacados:hover { background-color: #5a6268; color: white; }

#carouselId {margin-top:30px;}
#seccion-categorias .col-sm-6 {width:50%;}