@font-face {
    font-family: "Oswald";
    src: url('../Vendors/fonts/Oswald-VariableFont_wght.ttf');
    font-weight: 100 900;
}

@font-face {
    font-family: "Work Sans";
    src: url('../Vendors/fonts/WorkSans-Italic-VariableFont_wght.ttf');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: "Work Sans";
    src: url('../Vendors/fonts/WorkSans-VariableFont_wght.ttf');
    font-weight: 100 900;
}

* { 
  box-sizing: border-box; 
}

/* Usuario NO Logueado*/

.persona_logueada {
    list-style: none;
}

.nav-link-user {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    cursor: pointer;
}

    .nav-link-user i {
        font-size: 25px; /* Ajusta el tamaño si lo necesitas */
        color: #FE000E;
    }

.dropdown-menu-userlogin {
    display: none; 
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 100%;
    left: 0; 
    transform: translateX(-30px);
    border: 2px solid #e3e3e3;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 10px !important;
}

    .dropdown-menu-userlogin.show {
        display: block;
    }

.dropdown-item-userlogin {
    padding: 8px 16px;
    font-size: 14px;
    color: #202124;
    cursor: pointer;
}

    .dropdown-item-userlogin:hover {
        background-color: #e9ecef;
    }

    .dropdown-item-userlogin:focus,
    .dropdown-item-userlogin:active {
        background-color: transparent;
        color: inherit;
    }

/* Usuario Logueado */

.dropdown-menu-userlogin.show {
    display: block !important;
    position: absolute;
    top: 100%;
    text-align: center;
    border: 2px solid rgb(207, 207, 207);
    border-radius: 10px;
    left: 0 !important;
    right: auto;
}

    .dropdown-menu-userlogin.show li a {
        height: 25px;
        font-family: "Oswald" !important;
        font-weight: bold !important;
        font-size: 14px;
        color: #202124 !important;
        cursor: pointer;
    }

.dropdown-item-userlogin:hover {
    background-color: white !important;
}

.dropdown-item-userlogin:focus,
.dropdown-item-userlogin:active {
    background-color: transparent !important; /* Elimina el fondo azul */
    color: inherit !important; /* Mantiene el color original del texto */
}

/* Tipografía */

h1{
  font-family: "Oswald";
  font-weight: bold !important;
  font-size: 32px !important;
  color: #202124;
}

h2{
  font-family: "Oswald";
  font-weight: bold;
  font-size: 24px !important;
  color: #202124;
}

h3{
  font-family: "Oswald";
  font-weight: bold;
  font-size: 20px !important;
  text-align: center;
  padding-top: 1rem;
  color: #E31F2E;
}

h4{
  font-family: "Oswald";
  font-weight: bold;
  font-size: 20px;
}

h5{
  font-family: "Work Sans", sans-serif;
  font-weight: 600 !important;
  font-size: 16px !important;
}

p{
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  color: #202124;
}

/**** Sección Header ****/

header{
  height: 83px;
  -webkit-box-shadow: 0px 10px 54px -38px rgba(227,31,46,1);
  -moz-box-shadow: 0px 10px 54px -38px rgba(227,31,46,1);
  box-shadow: 0px 10px 54px -38px rgba(227,31,46,1);
  position: sticky; /* Hace que el menú quede fijo (solo cuando se hace scroll) */
  top: 0;          
  left: 0;         
  width: 100%;     
  z-index: 1000;   /* Asegura que quede por encima de otros elementos */
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 

}

nav.navbar {
  height: 100%;  /* Asegúrate de que la altura del navbar ocupe todo el header */
  display: flex;
  justify-content: space-between;
  align-items: center;  /* Alinea todo verticalmente */
}

.navbar-nav .nav-item .nav-link {
  line-height: 1.5;  /* Ajusta el line-height para el texto del menú */
  padding: 0.5rem;  /* Añadir padding para mejor espacio alrededor del texto */
  font-family: Oswald !important;
  font-weight: bold !important;
  font-size: 20px !important;
}

.user-icon {
    display: flex;
    align-items: center; /* Centra el ícono de usuario verticalmente */
    justify-content: center;
    padding: 1rem; /* Añadir padding para mejor espacio alrededor del ícono */
    fill: #E31F2E !important;
}

.persona_logueada p {
    font-size: 16px !important;
    margin-top: 1rem;
}

.icon_logout svg {
    transform: translateX(60px);
    margin-top: -5px;
}

.nav-link{
  color: black !important;
}

.navbar-nav .nav-link {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-right: 15px;
}

.navbar-brand img {
  max-width: 235px;
  max-height: 48px;
}

.custom-close {
  position: absolute;
}

.btn-close:focus {
  --bs-btn-close-focus-shadow: none;
  box-shadow: none; /* Asegura que tampoco haya sombra */
}

/* Offcanvas Hamburguesa */

.offcanvas-start {
  width: 50% ;
}

.offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.navbar-toggler {
  border: none !important; /* Para quitar el borde del botón hamburguesa */
  background: transparent !important;
}

.accordion-button {
  padding-inline: 0px !important;
  padding-block: 0px !important;
}

.accordion-body .d-flex{
  gap: 35px;
}

.accordion-button:not(.collapsed) {
  color: black;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.accordion-header{
  border-top: none !important;
}

.accordion-header button a{
  color: #000000 !important;
  font-size: 16px !important;
  border-top: none !important;
}

.day,
.info p {
  color: #686D76;
}

.accordion-button:focus {
  z-index: 3;
  border-color: none !important;
  outline: 0;
  box-shadow: none !important;
}


.offcanvas-body a{
  color: #E31F2E !important;
  font-size: 23px !important;
  font-family: "Oswald", sans-serif;
  padding-block: 15px !important;
}

.social-icons-canvas{
  margin-bottom: 20px;
}

.social-icons-canvas button{
  background-color: #ffffff;
  border-radius: 50%; 
  padding-inline: 10px; 
  padding-block: 10px; 
  border: 2px solid #E31F2E; 
  background-color: white;
}

.offcanvas-body .nav-link {
  border-bottom: 1px solid rgb(233, 235, 238) !important;
}

#icon_facebook_hamburguesa{
    width:25px;
}

#icon_instagram_hamburguesa {
    width: 25px;
}

#icon_youtube_hamburguesa {
    width: 25px;
}

/**** Sección Modal Login ****/
.modal {
    margin-top: 7rem;
}

.modal-header {
    height: 50px;
    border-color: #E31F2E;
}

.modal-body{
  padding-top: 30px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.modal-body img {
  height: 45px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.title-login-iniciaSesion{
    font-size: 20px !important;
    font-family: Oswald !important;
    color: #202124 !important;
    font-weight: bold;
    padding-top: 30px;
}

.modal-body h3 {
    font-size: 24px;
    text-align: center;
    color: #202124;
    padding-top: 30px;
}

.modal-body form{
  font-family: "Oswald";
  font-weight: bold;
  font-size: 18px;
  color: #E31F2E;
  margin-top: 45px;
  text-align: start;
}

.modal-body p{
  font-family: "Work-sans", sans-serif;
  font-size: 14px;
  color: #202124;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.modal-body input{
  font-family: "Work-Sans", sans-serif;
  font-size: 12px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
}

.input_email_login{
    width: 466px !important;
}

.input_password_login {
    width: 466px !important;
}

input, select, textarea{
    max-width: 466px !important;
}

.botones_login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.botones_login .btn-olvidasteContraseña{
  font-family: "Work-sans", sans-serif;
  font-size: 13px !important;
  margin-top: 20px;
  text-decoration: underline !important;
  background-color: #fff;
  color: #202124;
  border: none;
  cursor: pointer !important;
}

.botones_login .btn-ingresar{
  width: 250px;
  height: 50px;
  background-color: #E31F2E !important;
  box-shadow: 0 6px 0px rgba(0, 0, 0, 0.2) !important;
  font-size: 20px;
  color: #fff;
  margin-top: 20px;
  border-radius: 30px;
  border: none;
}

.botones_login .btn-crearCuenta{
  font-family: "Work-sans", sans-serif;
  font-size: 16px !important;
  text-decoration: underline;
  background-color: #fff;
  color: #E31F2E;
  margin-top: 30px;
  border: none;
}

.modal-footer{
  border-color: #E31F2E;
}

.politics {
    color: #E31F2E !important;
}

.conditions {
    color: #E31F2E !important;
}

/* Modal Recuperar Cuenta*/
.modal-title-account-recovery {
    flex-grow: 1; /* Hace que el título ocupe el espacio disponible */
    font-family: Oswald !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 18px !important;
}

.modal-header-account-recovery .close {
    position: absolute;
    right: 15px; /* Ajusta la posición en la esquina derecha */
    border: none !important;
    background-color: transparent;
}

.modal-body-account-recovery{
    margin-top: 0 !important;
}

.form-title-account-recovery {
    font-family: "Work-sans", sans-serif !important;
    font-size: 14px !important;
    color: #202124 !important;
    margin-bottom: 36px !important;
}

.btn-account-recovery {
    width: 250px;
    height: 50px;
    background-color: #E31F2E !important;
    font-size: 17px;
    font-family: Oswald !important;
    font-weight: bold !important;
    color: #fff !important;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: none;
}

/* Modal Cerrar Sesion*/
.modal-header-cerrar-sesion, .modal-footer-cerrar-sesion {
    height: 50px;
}

.modal-body-cerrar-sesion .aviso_cerrar_sesion {
    font-family: "Oswald" !important;
    font-weight: bold !important;
    font-size: 20px !important;
    text-align: center;
    color: #202124;
    padding-top: 30px;
}

.botones_cerrar_sesion {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px !important;
}

.btn-cerrar_sesion {
    width: 140px;
    height: 50px;
    background-color: #c5b2b3;
    font-size: 17px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: none;
}

.btn-cancelar {
    width: 140px;
    height: 50px;
    background-color: #E31F2E;
    font-size: 17px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: none;
}


/**** Sección Pedí Aquí ****/

.seccion_pediAqui {
  display: flex;
  flex-direction: row;  /* Disposición en fila en pantallas grandes */
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  background-color: #fff;
}

    .seccion_pediAqui .titulo_pediAqui {
        display: flex;
        flex-direction: column;
        text-align: center;
        font-size: 32px !important;
    }

.title-mejorPolloFrito {
    font-family: Oswald;
    font-weight: bold !important;
    font-size: 32px !important;
}

.title-preferisOrdernarHoy {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    color: #202124;
    margin-top: 1px;
}

#button_pediAqui {
    width: 256px;
    height: 77px;
    text-align: center;
    border-radius: 22px;
    /*margin-top: -1.5rem;*/
    margin-left: 2rem;
    padding-top: 1px;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    background-color: #E31F2E;
    border: none;
    box-shadow: 0 6px 0px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease; /* Suaviza el zoom */
}

#button_pediAqui-zoom {
  background-color: #E31F2E;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.5s ease; /* Suaviza el zoom */
}

    #button_pediAqui:hover {
        transform: scale(1.1); /* Aumenta el tamaño del botón */
    }

#button_pediAqui img {
  width: 50px;
  margin-right: 1.5rem;
}

.button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/**** Sección Modal Entrega ****/

/* Background - Modal Condición Entrega*/

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important; /* Ajusta la opacidad */
}

    .modal-backdrop.show {
        opacity: 0.7 !important;
    }

/* Content - Modal Condición Entrega */

.content_modal_entrega {
    height: 400px !important;
    background-color: transparent !important;
    border: 5px solid #fff !important;
    border-radius: 20px;
    border: 2px solid #ff0000; /*Color del borde neón*/
    border-radius: 14px; /*Bordes redondeados*/
    background-color: transparent !important; /*Asegura transparencia*/
    animation: flicker 1.5s infinite alternate; /*Aplica la animación de parpadeo*/
}

@keyframes flicker { /* Efecto Luz Led */
    0% {
        box-shadow: 0 0 5px #ff0000, 0 0 10px #ff3333, 0 0 20px #ff6666;
    }

    50% {
        box-shadow: 0 0 15px #ff0000, 0 0 30px #ff3333, 0 0 45px #ff6666;
    }

    100% {
        box-shadow: 0 0 5px #ff0000, 0 0 10px #ff3333, 0 0 20px #ff6666;
    }
}

/* Header - Modal Condición Entrega */

.header_modal_entrega {
    background-image: linear-gradient(90.1deg,hsl(355, 84%, 50%) 0.1%, rgba(0, 0, 0, 1) 95%);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.modal-title-ordernarHoy {
    width: 100%;
    text-align: center;
    font-family: "Oswald";
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.btn_close_modal_entrega {
    filter: invert(100%) sepia(100%) saturate(0%) brightness(200%) !important; /* Asegura un blanco puro */
    width: 12px !important; /* Ajusta el tamaño del icono */
    height: 12px !important;
    opacity: 1 !important; /* Asegura que el icono sea visible */
}

/* Body - Modal Condición Entrega */

.body_modal_entrega {
    display: flex;
    height: 280px;
    font-size: 20px;
}

    .body_modal_entrega a {
        font-family: "Oswald";
        font-weight: bold;
        font-size: 18px !important;
        color: #202124 !important;
        text-decoration: none;
    }

    .body_modal_entrega a:hover{
        color: #202124;
    }

/* Botones Delivery - Para Llevar */
.btn_delivery, .btn_parallevar {
    height: 100px;
    width: 200px;
    margin: 25px;
    background-color: #ffffff;
    border: 3px solid #fff;
    border-radius: 10px;
}

/* Footer - Modal Condición Entrega */

.footer_modal_entrega {
    height: 63px !important;
    justify-content: center;
    background-image: linear-gradient(90.1deg, rgba(0, 0, 0, 1) 0.1%, hsl(355, 84%, 50%) 95%);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

/**** Modal - My modal ****/

.modal-header-myModal {
    display: flex;
    justify-content: space-between; /* Espacio entre el título y el botón de cierre */
    align-items: center; 
    position: relative; 
    word-wrap: break-word; /* Permite que las palabras largas se dividan */
    height: 70px;
}

    .modal-header-myModal .close {
        position: absolute;
        right: 15px; 
        border: none !important;
        background-color: transparent;
    }

.modal-titlemyModal {
    font-family: 'Oswald', sans-serif;
    color: black;
    text-align: center; 
    font-size: 18px !important; 
    max-width: 100%; 
    white-space: normal; /* Permite que el texto se divida en varias líneas */
    word-wrap: break-word; /* Asegura que las palabras largas se dividan */
    overflow-wrap: break-word; /* Para permitir que las palabras se dividan si son demasiado largas */
    hyphens: auto; /* Si el texto es muy largo se puede dividir con guiones */
    width: 425px;
}

.btn_accept_mymodal {
    font-weight: bold !important;
    color: white !important;
    background-color: #E31F2E !important;
    border-radius: 15px;
    border: none;
}

/**** Sección Boton Flotante  ****/
.btn_carrito_detalle {
    position: fixed;
    justify-content: start;
    overflow: hidden;
    bottom: 380px;
    right: 10px;
    width: auto;
    z-index: 1000;
    outline: none;
    cursor: pointer;
    border: none;
    overflow: hidden;
    padding-inline: 0;
    padding-block: 0;
    border-radius: 20px;
    background-color: black;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.estructura_btn_carrito_detalle,
.hover_btn_carrito_detalle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    border-radius: 20px;
    padding: 1em 3em;
    font-family: "Oswald";
    font-weight: bold;
    font-size: 18px;
    border-radius: 20px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.estructura_btn_carrito_detalle {
    background-image: linear-gradient(90.1deg, rgba(0, 0, 0, 1) 0.1%, hsl(355, 84%, 50%) 95%);
    border-radius: 20px;
    gap: 20px;
    padding: 15px;
}

    .estructura_btn_carrito_detalle #lugar_entrega {
        font-size: 15px;
    }

.hover_btn_carrito_detalle {
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    position: absolute;
    inset: 2px;
    font-size: 20px;
    border-radius: 20px;
    border: none;
    gap: 5px;
    padding-inline: 0;
    padding-block: 0;
    background: linear-gradient(63deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    transform: translate(0%, 100%);
}

    .hover_btn_carrito_detalle p {
        color: white;
        font-family: "Oswald";
    }

    .hover_btn_carrito_detalle #monto_carrito {
        color: #E31F2E;
        font-family: "Oswald";
        font-size: 22px;
        text-decoration: underline;
    }

.estructura_btn_carrito_detalle #tipo_entrega, #lugar_entrega {
    color: #fff;
    font-size: 18px;
}

.estructura_btn_carrito_detalle #cantidad_productos {
    background-color: white;
    font-family: "Oswald";
    color: #202124;
    font-size: 20px;
    width: 30px;
    border-radius: 23px;
}

.btn_carrito_detalle:hover .estructura_btn_carrito_detalle {
    transform: translate(0%, -100%);
}

.btn_carrito_detalle:hover .hover_btn_carrito_detalle {
    transform: translate(0%, 0%);
}

/**** Sección Banner Principal ****/

.carrousel_banners{
  overflow: hidden;
}

.desktop-carousel {
  display: block;
}

.mobile-carousel {
  display: none;
}

/**** Sección Ofertas por tiempo Limitado ****/

#titulo_ofertas h2 {
  text-align: center;
  margin-top: 40px;
}

#titulo_ofertas img {
  width: 42px;  
  margin-left: 0.2rem;
}

.card_producto {
    display: flex;
    justify-content: center;
    text-align: center;
}

    .card_producto .card {
        width: 310px;
        height: 382px;
        border: 4px solid #E31F2E;
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .card_producto .card-img-top {
        max-width: 302px;
        min-width: 302px;
        max-height: 213.27px;
        min-height: 213.27px;
        display: flex;
        padding-top: 20px;
        border-color: black;
        object-fit: contain;
    }

.card-body{
  height: 2px;
  border-bottom-left-radius: 6.1px;
  border-bottom-right-radius: 6.1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

    .card-body .nombre_producto {
        font-family: "Oswald";
        font-weight: bold;
        font-size: 20px;
        white-space: nowrap; /* No permite que el texto se divida en varias líneas */
        overflow: hidden; /* Oculta el texto que sobrepasa el ancho del contenedor */
        text-overflow: ellipsis; /* Agrega "..." cuando el texto es demasiado largo */
        width: 100%;
        display: block;
    }

.card-body hr{
  margin-top: 1px;
  color: #E31F2E;
  height: 2px;
}

.card-body .precio_producto{
  font-family: "Work Sans", sans-serif;
}

#btn_carrito {
    width: 140px;
    height: 60.43px;
    margin-top: 30px;
    border-radius: 25px;
    background-color: #E31F2E;
    border-color: #E31F2E;
    cursor: pointer;
    transition: transform 0.3s ease; /* Suaviza el zoom */
}

#btn_carrito-zoom {
  background-color: #28a745;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.3s ease; /* Suaviza el zoom */
}

#btn_carrito:hover {
  transform: scale(1.1); /* Aumenta el tamaño del botón */
}

#btn_carrito img{
  width: 35px;
  height: 35px;
  padding-top: 3px;
}

/**** Sección Categorias ****/

#titulo_categorias h2 {
  text-align: center;
  margin-top: 80px;
}

#subtitulo_categorias h3{
  text-align: center;
  padding-top: 1rem;
}

#titulo_categorias img {
  width: 42px;  
  margin-left: 0.2rem;
}

.carousel_categorias {
  background: transparent;
  margin-top: 80px;
  transition: transform 5s ease-in-out; /* Velocidad de transición más suave */
}

.flickity-page-dots{ /*Quita la enumeracion del carrousel*/
  display: none;
}

.flickity-prev-next-button.next{
  background-color: #fff;
}

.card_categoria { 
  width: 12%;
  height: 255px;
  margin-right: 30px;
  border-radius: 8px;
  counter-increment: card_categoria; /* card_categoria = carousel-cell */
  transition: transform 2s ease, background-color 0.3s ease; /* Transición para hover u otros efectos */
}

.imagen_categoria {
  width: auto;
  height: 255px;
  border-radius: 8px;
  transition: transform 2s ease; /* Suaviza la animación para la imagen */
}

.card_categoria.is-selected { /* card_categoria = carousel-cell */
  transform: scale(1.1); /* Resalta el elemento seleccionado */
}

/**** Sección Descargar App ****/

.seccion_descargarApp{
  margin-top: 130px;
  margin-bottom: 60px;
}

.titulo_descargarApp h2{
  text-align: center;
  color: #E31F2E;
}

.subtitulo_descargarApp h2{
  text-align: center;
}

.subtitulo_descargarApp img{
  width: 25px;
  margin-left: 1rem;
}

.beneficios_app img{
  max-width: 100%; 
  height: auto;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

/**** Sección Footer ****/

footer {
  background-color: rgba(32, 33, 36, 1);
  color: #ffffff;
}

.logokfc_footer img{
  max-width: 70px;
}

.col-nosotros, .col-normativas, .col-ubicacion{
  padding: 0px;
}

.fw-bold{
  padding-bottom: 15px;
}

.title-nosotros {
    font-size: 16px !important;
    font-family: 'Work Sans', sans-serif !important;
    color: #fff;
    text-align: left;
    cursor: default;
}

.title-normativas {
    font-size: 16px !important;
    font-family: 'Work Sans', sans-serif !important;
    color: #fff;
    text-align: left;
    cursor: default;
}

.title-kfc-cercano {
    font-size: 16px !important;
    font-family: 'Work Sans', sans-serif !important;
    color: #fff;
    text-align: left;
    cursor: default;
}


footer ul li a { /* Enlaces */
    text-decoration: none;
    color: #ffffff !important;
    font-weight: initial !important;
}

    footer ul li a:hover { 
        color: #ffffff !important; /* Cambia este color al que prefieras */
        text-decoration: none !important;
    }


.list-unstyled li {
  margin-bottom: 15px !important;
  font-size: 0.875rem;
  font-family: "Work Sans", sans-serif;
  line-height: 1.0625rem;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  color: rgba(245, 245, 245, 1);
  padding-left: initial !important;
}

.accordion-item { /* Acordeón */
  border-radius: 5px;
  border-color: #E31F2E;
  margin-bottom: 10px;
}

#item-accordion{
  border-bottom: none !important;
  font-family: "Oswald";
  font-weight:bold;
  color: #202124;

}

.accordion-button {
  color: #ffffff;
  text-align: left;
  padding: 1rem 1.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  width: 100%; /* Asegurar que el botón ocupa todo el ancho */
  
}

.accordion-button:not(.collapsed) {
  color: rgb(255, 255, 255);
  background-color: rgba(32, 33, 36, 1);
}

.accordion-button .accordion-icon { /* Iconos de flechas para el acordeón */
  width: 16px;
  height: 16px;
  position: absolute;
  right: 1rem;
  transform: translateY(-50%); /* Centra el icono verticalmente */
  color: #fff !important;
  
}

.accordion-button.collapsed .icon-caret-down {/* Cambio de iconos dependiendo del estado del acordeón */
  display: inline-block;
}

.accordion-button:not(.collapsed) .icon-caret-up {
  display: inline-block;
}

.accordion-button.collapsed .icon-caret-up {
  display: none;
}

.accordion-button:not(.collapsed) .icon-caret-down {
  display: none;
}

.accordion-collapse { /* Contenido alineado a la izquierda */
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.accordion-button .accordion-icon svg {
  width: 100%;
  height: 100%;
}

.accordion-button { /* Alineación del acordeón y el icono con el texto */
  padding-bottom: 1rem;
  padding-right: 2.5rem;
}

.border border-danger{
  color: #E31F2E !important;
}

.accordion-item{
  border-radius: 0px;
}

.circle-container { /* Estilos para los iconos dentro de un círculo con borde rojo */
  width: 40px !important;
  height: 40px !important;
  border: 2px solid red;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_redes {
  width: 24px;
  height: 24px;
}

.circle-container+.circle-container { /* Ajustes para los márgenes de los iconos */
  margin-left: 10px !important;   /* Espaciado entre los iconos */
}

#copyright_footer p { /* Estilos para el copyright */
  color: #fff;
  margin-top: 10px;
  padding-left: 215px !important;
}

/* Modal Restaurante NO Disponible */

.modal-title-attention {
    font-family: Oswald;
    font-size: 20px;
    font-weight: bold;
    color: #202124;
}

.modal-header-myModal .close {
    position: absolute;
    right: 15px;
    border: none !important;
    background-color: transparent;
}

.btn-accept-myModal {
    height: 40px !important;
    background-color: #E31F2E !important;
    font-family: "Oswald" !important;
    color: #fff !important;
    border: none !important;
    border-radius: 15px !important;
}

/**** Media Querys ****/
/* Header - Off Canvas Hamburguesa */
/* Media Query - Mobile Mini */
@media (max-width: 375px) {
    .navbar-toggler {
        order: 1; /* Botón hamburguesa a la izquierda */
    }

    .navbar-brand {
        order: 2; /* Logo en el centro */
    }

        .navbar-brand img {
            max-width: 125px;
            max-height: 48px;
        }

    .navbar-collapse {
        text-align: justify;
        padding-inline: 15px;
        padding-block: 20px;
    }

    .navbar-collapse { /* Asegura que el menú se despliegue hacia abajo */
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #f8f9fa;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .accordion-body .d-flex {
        gap: 25px;
    }

    .offcanvas-start {
        width: 100% !important;
    }

    .persona_logueada {
        position: relative; /* Evita que se desplace fuera del flujo normal */
        margin-top: 5px;
        text-align: right;
        display: block !important;
        position: relative;
        flex-direction: column !important; /* Acomoda los elementos en columna */
        align-items: center !important;
        order: 2 !important;
        padding: 0 !important;
        margin-right: 5px !important;
    }

    .dropdown-menu-userlogin.show {
        left: -62px !important;
        right: auto ;
    }

    .user-icon {
        display: block !important;
        position: relative;
        flex-direction: column !important; /* Acomoda los elementos en columna */
        align-items: center !important;
        order: 2;
        padding: 0 !important;
        margin-right: 5px !important;
    }

}

/* Media Query - Mobile */
@media (min-width: 360px) and (max-width: 440px) {
    .navbar-toggler {
        order: 1; /* Botón hamburguesa a la izquierda */
    }

    .navbar-brand {
        order: 2;
        margin: 0 auto; /* Mantiene el logo centrado */
    }

        .navbar-brand img {
            max-width: 180px !important;
            max-height: 48px;
        }

    .navbar-collapse {
        text-align: justify;
        padding-inline: 15px;
        padding-block: 20px;
    }

    .navbar-collapse { /* Asegurar que el menú se despliegue hacia abajo */
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #f8f9fa;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .accordion-body .d-flex {
        gap: 20px;
    }

    .offcanvas-start {
        width: 80% !important;
    }

    /* Ajuste del header en el Offcanvas */
    .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Distribuye el logo y logout */
        width: 100%;
        padding-inline: 15px;
    }

    .persona_logueada {
        position: relative; /* Evita que se desplace fuera del flujo normal */
        margin-top: 5px;
        text-align: right;
        display: block !important;
        position: relative;
        flex-direction: column !important; /* Acomoda los elementos en columna */
        align-items: center !important;
        order: 2;
        padding: 0 !important;
        margin-right: 5px !important;
    }

    .dropdown-menu-userlogin.show {
        left: -62px !important;
        right: auto;
    }

    .user-logout {
        display: block !important;
        position: relative;
        flex-direction: column !important; /* Acomoda los elementos en columna */
        align-items: center !important;
        order: 2;
        padding: 0 !important;
        margin-right: 5px !important;
        font-size: 30px;
        color: #202124;
        border: none;
        background-color: transparent;
    }

}

/* Media Query - Tablet */
@media (min-width: 768px) and (max-width: 992px) {
  .navbar-nav {
      margin-left: 20px; 
      
  }

  .navbar-collapse {
      justify-content: flex-start;
  }

  .offcanvas-start {
      width: 50% !important ;
  }

  .dropdown-menu-userlogin.show {
      left: -62px !important;
      right: auto;
   }

}

/* Media Query - Desktop */
@media (min-width: 992px) {
  .navbar-nav {
      margin-left: 20px;
  }

  .navbar-collapse {
      justify-content: flex-start;
  }

  .dropdown-menu-userlogin.show {
      left: -62px !important;
      right: auto;
  }
}


/* Modal Login*/

/* Media Query - Mobile Mini */
@media (max-width: 320px) {
  .modal {
    margin-top: 1px;  
  }
}

/* Media Query - Mobile */
@media (min-width: 340px) and (max-width: 769px){
  .modal {
    margin-top: 1px;  
  }
}

/* Media Query - Tablet */
@media (min-width: 800px) and (max-width: 884px){
  .modal {
    margin-top: 5px;  
  }
}

/* Media Query - Desktop */
@media (min-width: 1280px) and (max-width: 1920px){
  .modal {
    margin-top: 5px;  
  }
}


/* Pedí Aquí */

/* Media Query - Mobile Mini */
@media (max-width: 320px) {
    .seccion_pediAqui {
        flex-direction: column; /* Cambia a columna en pantallas pequeñas */
    }

        .seccion_pediAqui .titulo_pediAqui h1 {
            font-size: 27px !important; 
            margin-right: 3rem; 
        }

        .seccion_pediAqui .titulo_pediAqui h2 {
            font-size: 16px; 
            margin-top: 0.5px;
        }

    #button_pediAqui {
        width: 200px; /* Ajusta el tamaño del botón */
        height: 60px;
        font-size: 20px; /* Reduce el tamaño de la fuente en el botón */
        margin-top: 1rem;
        margin-left: -7px; /* Ajusta el margen superior */
    }

        #button_pediAqui img {
            width: 40px; /* Ajusta el tamaño del ícono */
            margin-right: 1rem; /* Ajusta el margen derecho del ícono */
        }
}

/* Media Query - Mobile */
@media (min-width: 321px) and (max-width: 767px) {
    .seccion_pediAqui {
        flex-direction: column; /* Cambia a columna en pantallas pequeñas */
    }

        .seccion_pediAqui .titulo_pediAqui h1 {
            font-size: 24px; /* Reduce el tamaño del título */
            margin-right: 0; /* Elimina el margen derecho */
        }

        .seccion_pediAqui .titulo_pediAqui h2 {
            font-size: 16px; /* Aumenta un poco el tamaño del subtítulo */
            margin-top: 0.5px;
        }

    #button_pediAqui {
        width: 200px; /* Ajusta el tamaño del botón */
        height: 60px;
        font-size: 20px; /* Reduce el tamaño de la fuente en el botón */
        margin-top: 1rem;
        margin-left: -7px; /* Ajusta el margen superior */
    }

        #button_pediAqui img {
            width: 40px; /* Ajusta el tamaño del ícono */
            margin-right: 1rem; /* Ajusta el margen derecho del ícono */
        }
}

/* Media Query - Tablet (768px a 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

  .seccion_pediAqui{
    margin-bottom: 5px;
  }

  .titulo_pediAqui h1 {
    font-size: 30px; /* Reducir el tamaño del título */
  }

  .titulo_pediAqui h2 {
    margin-top: -3rem;
    font-size: 40px; /* Reducir el tamaño del subtítulo */
  }

  #button_pediAqui {
    padding: 10px 25px;
    font-size: 16px;
    width: 200px;
    margin: 0 auto;
    margin-top: -20px;
  }

  #button_pediAqui img {
    width: 50px; /* Reducir el tamaño del ícono */
    margin-right: 15px; /* Ajustar espacio del ícono */
  }
}

/* Media Query - Mobile Mini */
@media (max-width: 360px) {
    .content_modal_entrega {
        height: 350px !important;
    }

    .header_modal_entrega h1 {
        font-size: 16px !important;
    }

    .body_modal_entrega a {
        font-size: 16px !important;
    }

    .btn_delivery, .btn_parallevar {
        height: 100px;
        width: 200px;
        margin: 10px;
        background-color: #ffffff;
        border: 3px solid #fff;
        border-radius: 10px;
    }

    .footer_modal_entrega {
        height: 57px !important;
    }
}

/* Media Query - Mobile */
@media (min-width: 361px) and (max-width: 440px) {
    .body_modal_entrega a {
        color: #202124;
        font-family: "Oswald";
        font-weight: bold;
        text-decoration: none;
    }

    .btn_delivery, .btn_parallevar {
        height: 100px;
        width: 200px;
        margin: 25px;
        background-color: #ffffff;
        border: 3px solid #fff;
        border-radius: 10px;
    }
}


/* BOTON DETALLE COMPRA */

/* Media Query - Mobile Mini */
@media (max-width: 375px) {
    .btn_carrito_detalle {
        bottom: 15px;
        right: 35px;
        left: 35px;
    }
}

/* Media Query - Mobile */
@media (min-width: 376px) and (max-width: 767px) {
    .btn_carrito_detalle {
        bottom: 15px;
        right: 35px;
        left: 35px;
    }
}

/* Media Query - Tablet */
@media (min-width: 768px) and (max-width: 992px) {
    .btn_carrito_detalle {
        bottom: 515px;
        right: 20px;
    }
}

/* Media Query - Desktop*/
@media (min-width: 993px) and (max-width: 1728px) {
    .btn_carrito_detalle {
        bottom: 315px;
        right: 20px;
    }
}


/* Banner Principal */

/* Media Query - Mobile */
@media (max-width: 767px) {
  .desktop-carousel {
    display: none; /* Ocultar carrousel de escritorio */
  }

  .mobile-carousel {
    display: block; /* Mostrar carrousel de móviles */
    margin-top: 25px;
  }
}

/* Media Query - Desktop */
@media (min-width: 1025px) {
  .desktop-carousel {
    display: block; /* Mostrar carrousel de escritorio */
    margin-top: 25px;
    width: 100%;  /* Asegura que el carrousel ocupe el 100% del contenedor */
    padding: 0;   /* Elimina cualquier padding extra */
  }

  .mobile-carousel {
    display: none; /* Ocultar carrousel de móviles */  
  }

  /* Asegura que el contenedor interno del carrousel ocupe el 100% del contenedor */
  .carousel-inner {
    width: 100%;
    padding: 0;   /* Elimina cualquier padding extra */
    margin: 0;    /* Elimina cualquier margen extra */
    overflow: hidden; /* Evita que el contenido se desborde */
  }

  /* Asegura que las imágenes se ajusten al contenedor y no se desborden */
  .carousel-item img {
    width: 100%;  /* Las imágenes ocupan el 100% del ancho del contenedor */
    height: auto; /* Mantiene la proporción de las imágenes */
    object-fit: cover; /* Asegura que las imágenes cubran el área sin deformarse */
    display: block; /* Elimina el posible espacio debajo de la imagen */
  }
}


/* Ofertas por tiempo limitado */

/* Media Query Cards Productos - Mobile mini */
@media (max-width: 320px) {
  .card_producto{
    display: flex;
    flex-wrap: wrap;
  }

  .card_producto .card{
    width: 400px !important;
    height: 250px !important;  
    margin-bottom: 25px !important;
  }

  .card_producto .card img{
    width: 100%;
    height: 127px;
    overflow: hidden;
  }

    .card_producto .card-img-top {
        max-width: 128px !important;
        min-width: 128px !important;
        max-height: 127px !important;
        min-height: 127px !important;
        display: flex;
        padding-top: 20px;
        border-color: black;
        object-fit: contain;
    }

  .card .card-body .nombre_producto{
    font-size: 13px !important;
  }

  .card .card-body .precio_producto{
    font-family: "Work Sans", sans-serif;
  }

      .card .card-body #btn_carrito{
        width: 110px !important;
        height: 50px !important;
        margin-left: -4px !important;
        margin-top: 0 !important;
      }

      .card .card-body #btn_carrito img{
        width: 30px;
      }

  .col-sm-6 {
    width: 50% !important; /* Esto hará que las tarjetas ocupen el 50% del ancho del contenedor */
    margin-bottom: 2px !important;
  }
}

/* Media Query Titulo Ofertas - Mobile */
@media (min-width: 321px) and (max-width: 360px) {
    .card_producto {
        display: flex;
        flex-wrap: wrap;
    }

        .card_producto .card {
            width: 400px !important;
            height: 250px !important;
            margin-bottom: 25px !important;
        }

            .card_producto .card img {
                width: 100%;
                height: 127px;
                overflow: hidden;
            }

        .card_producto .card-img-top {
            max-width: 148px !important;
            min-width: 148px !important;
            max-height: 127px !important;
            min-height: 127px !important;
            display: flex;
            padding-top: 20px;
            border-color: black;
            object-fit: contain;
        }

    .card .card-body .nombre_producto {
        font-size: 15px !important;
    }

    .card .card-body .precio_producto {
        font-family: "Work Sans", sans-serif;
    }

    .card .card-body #btn_carrito {
        width: 110px !important;
        height: 50px !important;
        margin-top: 0px;
    }

        .card .card-body #btn_carrito img {
            width: 30px;
        }

    .col-sm-6 {
        width: 50% !important; /* Esto hará que las tarjetas ocupen el 50% del ancho del contenedor */
        margin-bottom: 2px !important;
    }
}

@media (width: 375px) {
    .card_producto {
        display: flex;
        flex-wrap: wrap;
    }

        .card_producto .card {
            width: 400px !important;
            height: 250px !important;
            margin-bottom: 25px !important;
        }

            .card_producto .card img {
                width: 100%;
                height: 127px;
                overflow: hidden;
            }

        .card_producto .card-img-top {
            max-width: 155.7px !important;
            min-width: 155.7px !important;
            max-height: 127px !important;
            min-height: 127px !important;
            display: flex;
            padding-top: 20px;
            border-color: black;
            object-fit: contain;
        }

    .card .card-body .nombre_producto {
        font-size: 15px !important;
    }

    .card .card-body .precio_producto {
        font-family: "Work Sans", sans-serif;
    }

    .card .card-body #btn_carrito {
        width: 110px !important;
        height: 50px !important;
        margin-top: 0px;
    }

        .card .card-body #btn_carrito img {
            width: 30px;
        }

    .col-sm-6 {
        width: 50% !important; /* Esto hará que las tarjetas ocupen el 50% del ancho del contenedor */
        margin-bottom: 2px !important;
    }
}

@media (min-width: 390px) and (max-width: 399px) {
    .card_producto {
        display: flex;
        flex-wrap: wrap;
    }

        .card_producto .card {
            width: 400px !important;
            height: 250px !important;
            margin-bottom: 25px !important;
        }

            .card_producto .card img {
                width: 100%;
                height: 127px;
                overflow: hidden;
            }

        .card_producto .card-img-top {
            max-width: 163px !important;
            min-width: 163px !important;
            max-height: 127px !important;
            min-height: 127px !important;
            display: flex;
            padding-top: 20px;
            border-color: black;
            object-fit: contain;
        }

    .card .card-body .nombre_producto {
        font-size: 15px !important;
    }

    .card .card-body .precio_producto {
        font-family: "Work Sans", sans-serif;
    }

    .card .card-body #btn_carrito {
        width: 110px !important;
        height: 50px !important;
        margin-top: 0px;
    }

        .card .card-body #btn_carrito img {
            width: 30px;
        }

    .col-sm-6 {
        width: 50% !important; /* Esto hará que las tarjetas ocupen el 50% del ancho del contenedor */
        margin-bottom: 2px !important;
    }
}

@media (min-width: 400px) and (max-width: 440px) {
    #titulo_ofertas img {
    margin-top: 5px;  /* Aumentamos el margen superior a 1rem */
    width: 32px;  /* Reducir tamaño de la imagen en pantallas pequeñas */
  }

  #titulo_ofertas h4 {
    font-size: 20px; /* Ajuste de tamaño de fuente en pantallas pequeñas */
  }

  .seccion_ofertas #titulo_ofertas .hr-left,
  .seccion_ofertas #titulo_ofertas .hr-right {
    display: none;  /* Ocultar las líneas para pantallas pequeñas */
  }

  .seccion_ofertas #titulo_ofertas .hr-mobile {
    display: block;  /* Mostrar solo la línea móvil */
  }

    .card_producto .card {
        width: 300px;
        height: 260px;
        margin-top: 0px !important;
        margin-bottom: 25px !important;
    }

    .card_producto .card-img-top {
        max-width: 182px !important;
        min-width: 182px !important;
        max-height: 127px !important;
        min-height: 127px !important;
        display: flex;
        padding-top: 20px;
        border-color: black;
        object-fit: contain;
    }

    .card .card-body .nombre_producto {
        font-size: 15px !important;
    }

    .card .card-body #btn_carrito {
        width: 110px !important;
        height: 50px !important;
        margin-top: 0px;
    }

        .card .card-body #btn_carrito img {
            width: 30px;
        }

  .col-sm-6 {
     width: 50% !important; /* Esto hará que las tarjetas ocupen el 50% del ancho del contenedor */
     margin-bottom: 25px !important;
  }
}

/* Media Query Titulo Ofertas - Tablet */
@media (min-width: 768px) and (max-width: 884px) {
  #titulo_ofertas h4 {
    font-size: 20px; /* Ajuste de tamaño para pantallas medianas */
  }

  #titulo_ofertas img {
    width: 38px;  /* Ajuste del tamaño de la imagen */
  }

  .seccion_ofertas #titulo_ofertas .hr-left,
  .seccion_ofertas #titulo_ofertas .hr-right {
    margin-top: 2rem;
    width: 100%;
    max-width: 35rem;
  }

  .seccion_ofertas #titulo_ofertas .hr-mobile {
    display: none;  /* Ocultar la línea móvil para pantallas medianas */
  }

    .card_producto {
        flex: 0 0 33.3333% !important; /* 3 columnas */
        max-width: 33.3333% !important;
        margin-bottom: 20px !important;
        display: flex !important;
        justify-content: space-between !important; /* Espaciado entre tarjetas */
        flex-wrap: wrap !important;
    }

        .card_producto .card {
            width: 300px;
            height: 260px;
            margin-top: 0px !important;
            margin-bottom: 25px !important;
        }

    .card .card-body {
        padding: 20px;
    }

        .card .card-body .nombre_producto {
            font-size: 15px !important;
        }

    .card_producto .card-img-top {
        max-width: 207.98px !important;
        min-width: 207.98px !important;
        max-height: 127px !important;
        min-height: 127px !important;
        display: flex;
        padding-top: 20px;
        border-color: black;
        object-fit: contain;
    }

    .card .card-body #btn_carrito {
        width: 110px !important;
        height: 50px !important;
        margin-top: 0px;
    }

}

@media (width: 1114px) {
    .card_producto .card-img-top {
        max-width: 287.98px !important;
        min-width: 287.98px !important;
        max-height: 204.3px !important;
        min-height: 204.3px !important;
        display: flex;
        padding-top: 20px;
        border-color: black;
        object-fit: contain;
    }
}


/* Categorias */

/* Media Query - Mobile Mini*/
@media (max-width: 359px) {
    .card_categoria {
    width: 45%;
    height: 200px;
    border-radius: 8px;
    margin-left: 2px;
    margin-right: 50px;
    counter-increment: card_categoria; 
    transition: transform 0.2s ease; /* Asegura suavidad en pantallas pequeñas */
  }

  .imagen_categoria{
    width: auto;
    border-radius: 8px;
    height: 200px;
    transition: transform 0.2s ease; /* Consistencia de transición en dispositivos móviles */
  }
}

/* Media Query - Mobile*/
@media (min-width: 360px) and (max-width: 767px) {
    .card_categoria {
      width: 45%;
      height: 200px;
      border-radius: 8px;
      margin-right: 60px;
      counter-increment: card_categoria; 
      transition: transform 0.2s ease; /* Asegura suavidad en pantallas pequeñas */
    }

    .imagen_categoria{
      width: auto;
      height: 200px;
      border-radius: 8px;
      transition: transform 0.2s ease; /* Consistencia de transición en dispositivos móviles */
    }
}

/* Media Query - Tablet Mini*/

@media (min-width: 441px) and (max-width: 768px) {
  .card_categoria {
      width: 27%;
      height: 225px;
      border-radius: 8px;
      margin-right: 30px !important;
      counter-increment: card_categoria; 
      transition: transform 0.2s ease; /* Asegura suavidad en pantallas pequeñas */
  }

  .imagen_categoria {
    width: auto;
    height: 225px;
    border-radius: 8px;
    transition: transform 0.2s ease; /* Consistencia de transición en dispositivos móviles */
  }
}

/* Media Query - Tablet*/
@media (min-width: 768px) and (max-width: 900px) {
  .card_categoria {
      width: 27%;
      height: 225px;
      border-radius: 8px;
      margin-right: 30px !important;
      counter-increment: card_categoria; 
      transition: transform 0.2s ease; /* Asegura suavidad en pantallas pequeñas */
  }

  .imagen_categoria {
    width: auto;
    height: 225px;
    border-radius: 8px;
    transition: transform 0.2s ease; /* Consistencia de transición en dispositivos móviles */
  }
}

/* Media Query - Desktop*/
@media (min-width: 900px) and (max-width: 1728px) {
  .card_categoria {
      width: 15%;
      height: 225px;
      border-radius: 8px;
      margin-right: 45px;
      counter-increment: card_categoria; 
      transition: transform 0.2s ease; /* Asegura suavidad en pantallas pequeñas */
  }

  .imagen_categoria {
    width: auto;
    height: 225px;
    border-radius: 8px;
    transition: transform 0.2s ease; /* Consistencia de transición en dispositivos móviles */
  }
}


/* Descargar App */

/* Media Query - Mobile */
@media (max-width: 991px) {
  .titulo_descargarApp h2{
    font-size: 20px;
  }

  .subtitulo_descargarApp h2{
    font-size: 17px;
  }

  .subtitulo_descargarApp img{
    width: 25px;
  }

  .beneficios_app{
    margin-top: 50px;
  }
}

/* Footer */

/* En móviles: las redes sociales se muestran sobre el copyright */
@media (max-width: 768px) {
  #borde_redessociales {
    margin-bottom: 15px;
    /* Espacio entre las redes y el copyright */
  }

}

/* Media Query - Mobile */
@media (max-width: 767px) {
  footer .row .col-md-3:first-child {
      text-align: center;
      margin-bottom: 20px;
  }

  footer .row .col-md-3:not(:first-child) {
      display: none;
  }

  .accordion-item {
      margin-bottom: 15px;
  }

    .accordion-button {
        font-family: "Work Sans", sans-serif;
        font-weight: bold;
        font-size: 1rem !important;
        margin: 15px 0px;
        text-align: left !important;
        padding-left: 1rem !important;
        padding-right: 2.5rem !important;
        /* Espaciado para el icono */
    }

  .accordion-collapse {
      text-align: left;
  }

  #copyright_footer p{
    padding-left: 0px !important;
  }
}

/* Media Query - Tablets */
@media (min-width: 768px) and (max-width: 991px) {

  footer .row .col-md-3:first-child {
    text-align: center;
    margin-bottom: 20px;
  }

  footer .row .col-md-3:not(:first-child) {
      display: flex;
  }

  .fw-bold{
    font-size: 15px !important;
  }

  #copyright_footer p{
    font-size: 11px !important;
    margin-top: 3rem;
    margin-left: -5rem;
  }

  #borde_redessociales {
    width: 30px;
    margin-left: 28rem;
    margin-top: -10rem;
    margin-bottom: 2rem;
    /* Espacio entre las redes y el copyright */
  }

  #borde_redessociales .img_redes {
    width: 100px;
  }

}

/* Media Query - Desktop */
@media (max-width: 1280px) {

  #borde_redessociales .img_redes {
    width: 100px;
  }

}

.primary-btn {
    height: 40px !important;
    background-color: #E31F2E !important;
    font-family: 'Oswald' !important;
    color: #fff !important;
    border-radius: 15px !important;
    border: none !important;
}