@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../recursos/Montserrat-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../recursos/Montserrat-Black.ttf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../recursos/Montserrat-Regular.ttf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../recursos/Montserrat-SemiBold.ttf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../recursos/Montserrat-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../recursos/Montserrat-Medium.ttf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url('../recursos/Montserrat-MediumItalic.ttf') format('opentype');
}

#menu1 {
    display: flex;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    z-index: 1100;
    top: 0.5rem;
    max-width: 66%;
}

/*#menu1 ul {
    display: flex;
}*/

#menu1Icon {
    display: none;
    width: 90px;
    height: 64px;
    font-size: 40px;
    color: grey;
    text-decoration: none;
}

#M1_IMG {
    height: 54%;
    width: auto;
    margin-left: 2%;
    margin-top: 1%;
}

#menu1Pago {
    display: block;
}

#menu1Pago img {
    height: 66%;
    width: auto;
    cursor: pointer;
    margin-top: 6%;
    margin-left: -14%;
}

#menu1Mobile {
    /*visibility: hidden;*/
    display: none;
}

#menu1Inicio,
#menu1Pagar,
#menu1Nosotros,
#menu1Temas,
#menu1Noticias,
#menu1Transparencia,
#menu1Conac,
#menu1Contacto {
    display: inline-block;
    transition: transform 0.3s ease;
    /* Suaviza la transformación */
}

#menu1Inicio:hover,
#menu1Pagar:hover,
#menu1Nosotros:hover,
#menu1Temas:hover,
#menu1Noticias:hover,
#menu1Transparencia:hover,
#menu1Conac:hover,
#menu1Contacto:hover {
    transform: scale(1.3);
    /* Escala el elemento al 110% de su tamaño original */
}

/* Estilos generales */
#mainMenuCustom {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

#menuItemTransparencia {
    position: relative;
    cursor: pointer;
}

.submenu {
    display: none;
}

#submenuTransparencia {
    display: none;
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

#submenuTransparencia li a {
    text-decoration: none;
    color: black;
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    /* Previene el desbordamiento del texto */
}

#submenuTransparencia li a:hover {
    color: blue;
    background-color: #f1f1f1;
}

.text-gray-300 {
    color: #d1d5db;
    margin: 0 8px;
    /* Ajustar los márgenes si es necesario */
    display: flex;
    align-items: center;
    /* Centrar verticalmente */
}

#submenuTransparencia {
    display: none;
    /* Oculto por defecto */
    top: 52px;
    margin-left: -32px;
}


.submenu-hidden {
    display: none;
}

.submenu-show {
    display: block;
}

/* Estilos generales */
#mainMenuCustom2 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

#menuItemPagar {
    position: relative;
    cursor: pointer;
}

#submenuPagar {
    display: none;
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

#nav_id {
    margin-top: 0%;
}

#submenuPagar li a {
    text-decoration: none;
    color: black;
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    /* Previene el desbordamiento del texto */
}

#submenuPagar li a:hover {
    color: blue;
    background-color: #f1f1f1;
}

.text-gray-300 {
    color: #d1d5db;
    margin: 0 8px;
    /* Ajustar los márgenes si es necesario */
    display: flex;
    align-items: center;
    /* Centrar verticalmente */
}

#submenuPagar {
    display: none;
    /* Oculto por defecto */
    top: 52px;
    margin-left: -32px;
}

#ul_m1 {
    height: 100%;
    margin-left: 0px;
}

#SM_M1 {
    height: auto;
    width: 60%;
    margin-left: 0px;
}

#close_sb {
    display: flex;
}

/* CSS específico para Mozilla Firefox */
@-moz-document url-prefix() {
    #menu1Pago img {
        height: 66%;
        width: auto;
        cursor: pointer;
        margin-top: 3%;
    }

    #menu1Pago {
        height: auto;
        width: 16%;
        cursor: pointer;
    }
}

/* CSS específico para Safari */
@supports (-webkit-touch-callout: none) {
    #menu1Pago img {
        height: 66%;
        width: auto;
        cursor: pointer;
        margin-top: 3%;
    }

    #menu1Pago {
        height: auto;
        width: 16%;
        cursor: pointer;
    }
}

/* Teléfonos móviles pequeños */
@media (max-width: 320px) {

    #menu1 {
        align-items: center;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 90%;
    }

    #menu1Icon {
        display: block;
        width: 58px;
        height: 50px;
        font-size: 28px;
        color: grey;
        text-decoration: none;
    }

    #ul_m1 {
        display: none;
    }

    #menu1Mobile {
        display: none;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }


    #menu1Pago img {
        display: none;
    }

    #M1_IMG {
        height: 42px;
        width: auto;
        margin-left: 6%;
        margin-top: 1%;
    }

    #menu1Icon {
        width: 58px;
        height: 50px;
        font-size: 28px;
        color: grey;
        text-decoration: none;
    }

}

/*Teléfonos móviles medianos*/
@media (min-width: 321px) and (max-width: 375px) {

    #menu1 {
        align-items: center;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 90%;
    }

    #menu1Icon {
        display: block;
        width: 58px;
        height: 50px;
        font-size: 28px;
        color: grey;
        text-decoration: none;
    }

    #ul_m1 {
        display: none;
    }

    #menu1Mobile {
        display: none;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }


    #menu1Pago img {
        display: none;
    }

    #M1_IMG {
        height: 42px;
        width: auto;
        margin-left: 6%;
        margin-top: 1%;
    }

    #menu1Icon {
        width: 58px;
        height: 50px;
        font-size: 28px;
        color: grey;
        text-decoration: none;
    }

    #nav_id {
        margin-top: 0%;
    }

}

/*Teléfonos móviles grnandes*/
@media (min-width: 376px) and (max-width: 425px) {

    #menu1 {
        align-items: center;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 80%;
    }

    #menu1Icon {
        display: block;
        width: 58px;
        height: 50px;
        font-size: 28px;
        color: grey;
        text-decoration: none;
    }

    #ul_m1 {
        display: none;
    }

    #menu1Mobile {
        display: none;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }

    #menu1Pago img {
        display: none;
    }

    #M1_IMG {
        height: 30px;
        width: auto;
        margin-left: 6%;
        margin-top: 1%;
    }

    #menu1Icon {
        width: 58px;
        height: 50px;
        font-size: 28px;
        color: grey;
        text-decoration: none;
    }

}

/* Tabletas en modo retrato */
@media (min-width: 426px) and (max-width: 768px) {

    #menu1 {
        align-items: center;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 80%;
    }

    #menu1Icon {
        display: block;
        margin-right: 0%;
        width: 90px;
        height: 62px;
        font-size: 34px;
        color: grey;
        text-decoration: none;
    }

    #ul_m1 {
        display: none;
    }

    #menu1Mobile {
        display: none;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }

    #menu1Pago img {
        display: none;
    }

    #M1_IMG {
        height: 40px;
        width: auto;
        margin-left: 6%;
        margin-top: 1%;
    }

}

/* Tabletas en modo paisaje */
@media (min-width: 769px) and (max-width: 1024px) {

    #menu1 {
        align-items: center;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 80%;
    }

    #menu1Icon {
        display: block;
    }

    #ul_m1 {
        display: none;
    }

    #menu1Mobile {
        display: none;
    }

    #menu1Pago img {
        display: none;
    }

    #M1_IMG {
        height: 60%;
        width: auto;
        margin-left: 6%;
        margin-top: 1%;
    }

    #menu1Icon {
        margin-right: 0%;
        width: 90px;
        height: 40px;
        font-size: 30px;
        color: grey;
        text-decoration: none;
    }

    /*#nav_id {
        margin-top: -60%;
    }*/

}

/* Ordenadores portátiles pequeños */
@media (min-width: 1025px) and (max-width: 1280px) {

    #menu1 {
        align-items: center;
    }

    #menu1Icon {
        display: block;
    }

    #ul_m1 {
        display: none;
    }

    #menu1Mobile {
        display: none;
    }

    #menu1Pago img {
        display: none;
    }

    #M1_IMG {
        height: 60%;
        width: auto;
        margin-left: 6%;
        margin-top: 1%;
    }

    #menu1Icon {
        margin-right: 0%;
        width: 90px;
        height: 50px;
        font-size: 30px;
        color: grey;
        text-decoration: none;
    }

}

/* Monitores de PC de escritorio */
@media (min-width: 1281px) and (max-width: 1384px) {

    #menu1 {
        display: flex;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 90%;
    }

    #ul_m1 {
        height: 100%;
        margin-left: 0px;
    }

    #menu1Pago img {
        height: 40%;
        width: auto;
        cursor: pointer;
        margin-top: 13%;
        margin-left: -14%;
    }

    #M1_IMG {
        height: 32%;
        width: auto;
        margin-left: 2%;
        margin-top: 2%;
    }

}

@media (min-width: 1385px) and (max-width: 1460px) {

    #menu1 {
        display: flex;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 90%;
    }

    #ul_m1 {
        height: 100%;
        margin-left: -10px;
    }

    #M1_IMG {
        height: 32%;
        width: auto;
        margin-left: 2%;
        margin-top: 2%;
    }

    #menu1Pago img {
        height: 48%;
        width: auto;
        cursor: pointer;
        margin-top: 12%;
        margin-left: -14%;
    }

}

@media (min-width: 1461px) and (max-width: 1600px) {

    #menu1 {
        display: flex;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 86%;
    }

    #M1_IMG {
        height: 45%;
        width: auto;
        margin-left: 2%;
        margin-top: 1.5%;
    }

    #menu1Pago img {
        height: 60%;
        width: auto;
        cursor: pointer;
        margin-top: 6%;
        margin-left: -12%;
    }

}

/* Monitores de PC de escritorio grandes */
@media (min-width: 1601px) and (max-width: 1920px) {

    #menu1 {
        display: flex;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 86%;
    }

    /*#menu1 ul {
        display: flex;
    }*/

    #menu1Icon {
        display: none;
        width: 30px;
        height: 30px;
        font-size: 24px;
        color: grey;
        text-decoration: none;

    }

    #M1_IMG {
        height: 54%;
        width: auto;
        margin-left: 2%;
        margin-top: 1%;
    }

    #menu1Pago {
        display: block;
    }

    #menu1Pago img {
        height: 66%;
        width: auto;
        cursor: pointer;
        margin-top: 6%;
        margin-left: -8%;
    }

    #menu1Mobile {
        /*visibility: hidden;*/
        display: none;
    }

    #menu1Inicio,
    #menu1Pagar,
    #menu1Nosotros,
    #menu1Temas,
    #menu1Noticias,
    #menu1Transparencia,
    #menu1Conac,
    #menu1Contacto {
        display: inline-block;
        transition: transform 0.3s ease;
        /* Suaviza la transformación */
    }

    #menu1Inicio:hover,
    #menu1Pagar:hover,
    #menu1Nosotros:hover,
    #menu1Temas:hover,
    #menu1Noticias:hover,
    #menu1Transparencia:hover,
    #menu1Conac:hover,
    #menu1Contacto:hover {
        transform: scale(1.3);
        /* Escala el elemento al 110% de su tamaño original */
    }

    /* Estilos generales */
    #mainMenuCustom {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #menuItemTransparencia {
        position: relative;
        cursor: pointer;
    }

    #submenuTransparencia {
        display: none;
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    #submenuTransparencia li a {
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        /* Previene el desbordamiento del texto */
    }

    #submenuTransparencia li a:hover {
        color: blue;
        background-color: #f1f1f1;
    }

    .text-gray-300 {
        color: #d1d5db;
        margin: 0 8px;
        /* Ajustar los márgenes si es necesario */
        display: flex;
        align-items: center;
        /* Centrar verticalmente */
    }

    #submenuTransparencia {
        display: none;
        /* Oculto por defecto */
        top: 52px;
        margin-left: -32px;
    }


    .submenu-hidden {
        display: none;
    }

    .submenu-show {
        display: block;
    }

    /* Estilos generales */
    #mainMenuCustom2 {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #menuItemPagar {
        position: relative;
        cursor: pointer;
    }

    #submenuPagar {
        display: none;
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    #submenuPagar li a {
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        /* Previene el desbordamiento del texto */
    }

    #submenuPagar li a:hover {
        color: blue;
        background-color: #f1f1f1;
    }

    .text-gray-300 {
        color: #d1d5db;
        margin: 0 8px;
        /* Ajustar los márgenes si es necesario */
        display: flex;
        align-items: center;
        /* Centrar verticalmente */
    }

    #submenuPagar {
        display: none;
        /* Oculto por defecto */
        top: 52px;
        margin-left: -32px;
    }

    #ul_m1 {
        height: 100%;
        margin-left: 0px;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }

}

/* Televisores y proyectores HD */
@media (min-width: 1921px) and (max-width: 2560px) {

    #menu1 {
        display: flex;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 86%;
    }

    /*#menu1 ul {
        display: flex;
    }*/

    #menu1Icon {
        display: none;
        width: 30px;
        height: 30px;
        font-size: 24px;
        color: grey;
        text-decoration: none;

    }

    #M1_IMG {
        height: 54%;
        width: auto;
        margin-left: 2%;
        margin-top: 1%;
    }

    #menu1Pago {
        display: block;
    }

    #menu1Pago img {
        height: 66%;
        width: auto;
        cursor: pointer;
        margin-top: 6%;
        margin-left: -14%;
    }

    #menu1Mobile {
        /*visibility: hidden;*/
        display: none;
    }

    #menu1Inicio,
    #menu1Pagar,
    #menu1Nosotros,
    #menu1Temas,
    #menu1Noticias,
    #menu1Transparencia,
    #menu1Conac,
    #menu1Contacto {
        display: inline-block;
        transition: transform 0.3s ease;
        /* Suaviza la transformación */
    }

    #menu1Inicio:hover,
    #menu1Pagar:hover,
    #menu1Nosotros:hover,
    #menu1Temas:hover,
    #menu1Noticias:hover,
    #menu1Transparencia:hover,
    #menu1Conac:hover,
    #menu1Contacto:hover {
        transform: scale(1.3);
        /* Escala el elemento al 110% de su tamaño original */
    }

    /* Estilos generales */
    #mainMenuCustom {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #menuItemTransparencia {
        position: relative;
        cursor: pointer;
    }

    #submenuTransparencia {
        display: none;
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    #submenuTransparencia li a {
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        /* Previene el desbordamiento del texto */
    }

    #submenuTransparencia li a:hover {
        color: blue;
        background-color: #f1f1f1;
    }

    .text-gray-300 {
        color: #d1d5db;
        margin: 0 8px;
        /* Ajustar los márgenes si es necesario */
        display: flex;
        align-items: center;
        /* Centrar verticalmente */
    }

    #submenuTransparencia {
        display: none;
        /* Oculto por defecto */
        top: 52px;
        margin-left: -32px;
    }


    .submenu-hidden {
        display: none;
    }

    .submenu-show {
        display: block;
    }

    /* Estilos generales */
    #mainMenuCustom2 {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #menuItemPagar {
        position: relative;
        cursor: pointer;
    }

    #submenuPagar {
        display: none;
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }



    #submenuPagar li a {
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        /* Previene el desbordamiento del texto */
    }

    #submenuPagar li a:hover {
        color: blue;
        background-color: #f1f1f1;
    }

    .text-gray-300 {
        color: #d1d5db;
        margin: 0 8px;
        /* Ajustar los márgenes si es necesario */
        display: flex;
        align-items: center;
        /* Centrar verticalmente */
    }

    #submenuPagar {
        display: none;
        /* Oculto por defecto */
        top: 52px;
        margin-left: -32px;
    }

    #ul_m1 {
        height: 100%;
        margin-left: 0px;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }

}

/* Televisores y proyectores 4K */
@media (min-width: 2561px) {

    #menu1 {
        display: flex;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        z-index: 1100;
        top: 0.5rem;
        max-width: 86%;
    }

    /*#menu1 ul {
        display: flex;
    }*/

    #menu1Icon {
        display: none;
        width: 30px;
        height: 30px;
        font-size: 24px;
        color: grey;
        text-decoration: none;

    }

    #M1_IMG {
        height: 54%;
        width: auto;
        margin-left: 2%;
        margin-top: 1%;
    }

    #menu1Pago {
        display: block;
    }

    #menu1Pago img {
        height: 66%;
        width: auto;
        cursor: pointer;
        margin-top: 6%;
        margin-left: -14%;
    }

    #menu1Mobile {
        /*visibility: hidden;*/
        display: none;
    }

    #menu1Inicio,
    #menu1Pagar,
    #menu1Nosotros,
    #menu1Temas,
    #menu1Noticias,
    #menu1Transparencia,
    #menu1Conac,
    #menu1Contacto {
        display: inline-block;
        transition: transform 0.3s ease;
        /* Suaviza la transformación */
    }

    #menu1Inicio:hover,
    #menu1Pagar:hover,
    #menu1Nosotros:hover,
    #menu1Temas:hover,
    #menu1Noticias:hover,
    #menu1Transparencia:hover,
    #menu1Conac:hover,
    #menu1Contacto:hover {
        transform: scale(1.3);
        /* Escala el elemento al 110% de su tamaño original */
    }

    /* Estilos generales */
    #mainMenuCustom {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #menuItemTransparencia {
        position: relative;
        cursor: pointer;
    }

    #submenuTransparencia {
        display: none;
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    #submenuTransparencia li a {
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        /* Previene el desbordamiento del texto */
    }

    #submenuTransparencia li a:hover {
        color: blue;
        background-color: #f1f1f1;
    }

    .text-gray-300 {
        color: #d1d5db;
        margin: 0 8px;
        /* Ajustar los márgenes si es necesario */
        display: flex;
        align-items: center;
        /* Centrar verticalmente */
    }

    #submenuTransparencia {
        display: none;
        /* Oculto por defecto */
        top: 52px;
        margin-left: -32px;
    }


    .submenu-hidden {
        display: none;
    }

    .submenu-show {
        display: block;
    }

    /* Estilos generales */
    #mainMenuCustom2 {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
    }

    #menuItemPagar {
        position: relative;
        cursor: pointer;
    }

    #submenuPagar {
        display: none;
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }



    #submenuPagar li a {
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        /* Previene el desbordamiento del texto */
    }

    #submenuPagar li a:hover {
        color: blue;
        background-color: #f1f1f1;
    }

    .text-gray-300 {
        color: #d1d5db;
        margin: 0 8px;
        /* Ajustar los márgenes si es necesario */
        display: flex;
        align-items: center;
        /* Centrar verticalmente */
    }

    #submenuPagar {
        display: none;
        /* Oculto por defecto */
        top: 52px;
        margin-left: -32px;
    }

    #ul_m1 {
        height: 100%;
        margin-left: 0px;
    }

    #SM_M1 {
        height: auto;
        width: 60%;
        margin-left: 0px;
    }

    #close_sb {
        display: flex;
    }

}

/*MEDIA QUERRY SAFARI*/
@media screen and (min-width: 0px) and (-webkit-min-device-pixel-ratio: 0) {

    @media (min-width: 1385px) and (max-width: 1460px) {
        #menu1 {
            display: flex;
            border-top-left-radius: 40px;
            border-bottom-right-radius: 40px;
            z-index: 1100;
            top: 0.5rem;
            max-width: 84%;
        }

        #menu1Pago img {
            height: 48%;
            width: auto;
            cursor: pointer;
            margin-top: 8%;
            margin-left: -2%;
        }

        #ul_m1 {
            height: 100%;
            margin-left: 0px;
        }
    }

}