@font-face {
    font-family: 'Delivery';
    font-display: swap;
    src: url('../fonts/Delivery_W_Rg.eot?#iefix');
    src: url('../fonts/Delivery_W_Rg.eot?#iefix') format('eot'), url('../fonts/Delivery_W_Rg.woff2') format('woff2'), url('../fonts/Delivery_W_Rg.woff') format('woff'), url('../fonts/Delivery_Rg.ttf') format('truetype'), url('../fonts/Delivery_W_Rg.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-style: italic;
    font-display: swap;
    src: url('../fonts/Delivery_W_It.eot?#iefix');
    src: url('../fonts/Delivery_W_It.eot?#iefix') format('eot'), url('../fonts/Delivery_W_It.woff2') format('woff2'), url('../fonts/Delivery_W_It.woff') format('woff'), url('../fonts/Delivery_It.ttf') format('truetype'), url('../fonts/Delivery_W_It.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/Delivery_W_Lt.eot?#iefix');
    src: url('../fonts/Delivery_W_Lt.eot?#iefix') format('eot'), url('../fonts/Delivery_W_Lt.woff2') format('woff2'), url('../fonts/Delivery_W_Lt.woff') format('woff'), url('../fonts/Delivery_Lt.ttf') format('truetype'), url('../fonts/Delivery_W_Lt.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    src: url('../fonts/Delivery_W_LtIt.eot?#iefix');
    src: url('../fonts/Delivery_W_LtIt.eot?#iefix') format('eot'), url('../fonts/Delivery_W_LtIt.woff2') format('woff2'), url('../fonts/Delivery_W_LtIt.woff') format('woff'), url('../fonts/Delivery_LtIt.ttf') format('truetype'), url('../fonts/Delivery_W_LtIt.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-weight: bold;
    font-display: swap;
    src: url('../fonts/Delivery_W_Bd.eot?#iefix');
    src: url('../fonts/Delivery_W_Bd.eot?#iefix') format('eot'), url('../fonts/Delivery_W_Bd.woff2') format('woff2'), url('../fonts/Delivery_W_Bd.woff') format('woff'), url('../fonts/Delivery_Bd.ttf') format('truetype'), url('../fonts/Delivery_W_Bd.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('../fonts/Delivery_W_BdIt.eot?#iefix');
    src: url('../fonts/Delivery_W_BdIt.eot?#iefix') format('eot'), url('../fonts/Delivery_W_BdIt.woff2') format('woff2'), url('../fonts/Delivery_W_BdIt.woff') format('woff'), url('../fonts/Delivery_BdIt.ttf') format('truetype'), url('../fonts/Delivery_W_BdIt.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Delivery_W_CdLt.eot?#iefix');
    src: url('../fonts/Delivery_W_CdLt.eot?#iefix') format('eot'), url('../fonts/Delivery_W_CdLt.woff2') format('woff2'), url('../fonts/Delivery_W_CdLt.woff') format('woff'), url('../fonts/Delivery_CdLt.ttf') format('truetype'), url('../fonts/Delivery_W_CdLt.svg') format('svg');
}

@font-face {
    font-family: 'Delivery';
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Delivery_W_CdBlk.eot?#iefix');
    src: url('../fonts/Delivery_W_CdBlk.eot?#iefix') format('eot'), url('../fonts/Delivery_W_CdBlk.woff2') format('woff2'), url('../fonts/Delivery_W_CdBlk.woff') format('woff'), url('../fonts/Delivery_CdBlk.ttf') format('truetype'), url('../fonts/Delivery_W_CdBlk.svg') format('svg');
}


body {
    font-size: 16px;
    font-family: "Delivery";
    background: #eff3f5;
    margin-top:70px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.body-content--sin-banner {
    padding-top: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100% !important;
}

.btn {
    color: #000;
    background: #fff;
    font-weight: bold;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 20px;
    /* La magia de la sombra */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
    /* Para que al pasar el mouse se sienta interactivo */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    text-align:left;
}
.btn:hover,
.btn:focus,
.btn:active{
    background:#fff;
    color: #d40511;
}
.txtLogo{
    font-style:italic;
    font-family:Delivery;
    color:#d40511;
    font-weight:700;
    position:relative;
    top:7px;
    padding-left:15px;
    font-size:15px;
    display:block;

}
.menuNavegacion{
    background:#fff;
    height:48px;
}
.menuNavegacion a {
    color: #191919;
    font-size: 14px;
    font-weight:400;
    position:relative;
    top:14px;
}
.menuNavegacion a:hover {
    color: #d40511;
    text-decoration:underline;
}
.flagsArea {
    padding-left: 10px;
    padding-right: 20px;
    justify-content:end;
    align-items:center;
}
.iconMenu{
    width:50px;
}
.btnTop{
    border-bottom: 2px solid #d40511;
    padding-bottom:6px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
a .btnTop span{
    color: #d40511;
    text-decoration:underline;
    font-size:16px;
    position:relative;
    top:14px;
}
a .btnTop span i{
    font-size: 20px;
    font-weight:bold;
}
.txtBtn{
    text-align:left;
    display:block;
    padding-top:20px;
    font-size:18px;
    justify-content:space-between;
}
.navbar{
    background: none;
    border-color: #fff;
}
a {
    color: #d40511;
    text-decoration: none;
}
a:hover{
    color:#333;
}
a.linkPopup {
    font-size: 14px;
    color: #333 !important;
    text-decoration: none;
}
a.linkPopup:hover {
    text-decoration: none;
    color: #000 !important;
    cursor: pointer;
}
.campana{
    background: #ffcc00;
    width: 25px;
}
.cutText {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
    font-size: 25px;
}
.cutText a{
    color:#d40511;
}
.email {
    background: #d40511;
    width: 30px;
    padding: 4px;
    border-radius: 5px;
}
.row {
    --bs-gutter-x:0;
}
.logoHeader {
    width: 140px !important;
    /*position: absolute;*/
    top: 20px;
}
.logoFooter {
    position: relative;
    top: 12px;
    left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width:140px;
}
.field-validation-valid, .validation-summary-valid {
    display: none;
}
.field-validation-error, .validation-summary-errors {
    color: red;
}
.input-validation-error{
    border-color: red;
}

.validation-summary-errors ul li{
    display: none;
}
.contentBody{
    background:#fff;
    padding:20px 22px;
    border-radius:10px;
}
.banner {
    background: #FFCC00;
}
.tituloCabecera {
    position: absolute;
    align-self: center;
    text-align: left !important;
    font-size: 50px !important;
    font-weight: bold !important;
    line-height: normal;
    margin-bottom:0;
}
.navbar-header {
    display: flex;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    float: none;
    background: #FFCC00;
}
.navbar-header p {
    max-width: 100%;
}
.navbar-header p img{
    width: 100%
}
.flag img{
    max-width: 34px;
}
.favorite img {
    max-width: 30px;
    display: flex !important;
    position:relative;
    margin-left:10px;
}
.parrafoSaludo{
    font-size:22px;
    padding-bottom:30px;
    padding-top:30px;
}
.parrafoSaludo strong{
    font-size:36px;
}
.digitos {
    background-image: url(noSeguimiento.png);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    min-height: 430px;
    margin-top:30px;
}
.digitosTrack {
    background-size: cover;
}
.digitos a.linkPopup{
    position:relative;
    font-size:40px;
    top: 40px;
    left:40px;
    color:#d40511 !important;
    font-weight:bold;
}
.bloqueBotones{
    margin-top:150px;
    padding-left:40px;
}
.bloqueBotones .btn {
    background: #d40511;
    border:none;
    padding:12px 24px;
    width: 150px;
}
.bloqueBotones .txtBtn{
    padding-top:0;
    background: #d40511;
    color: #fff;
    font-size:16px;
    text-align:center
}
.txtIrInfo{
    font-size:20px;
    padding-left:10px;
}
.bannerValoracion {
    background-image: url(valoracion.png);
    background-position: center;
    background-size: cover;
    min-height: 430px;
    text-align:center;
}
.bannerValoracion .txtOpinion{
    font-size:34px;
}
.bannerValoracion .btn {
    background: #d40511;
    border: none;
    padding: 12px 24px;
    width: 250px;
}
.bannerValoracion .txtBtn {
    padding-top: 0;
    background: #d40511;
    color: #fff;
    font-size: 16px;
    text-align: center
}
.bannerValoracion .bloqueTxtValoracion {
    margin-top: 260px;
}
.imgReturn img{
    width:100px;
    padding-bottom:20px;
}
.imgReturn strong{
    padding-bottom: 10px;
}
.titleEmail{
    font-size:32px;
    font-weight:bold;
    color:#d40511;
}
.btnSubmit{
    background: #d40511;
    color:#fff;
    padding:12px;
    text-align:center;
}
.footer {
    background: #eff3f5;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
}
.footer ul {
    padding-top: 20px
}
.footer a{
    color:#666;
    font-size:14px;
}
.footer a:hover {
    color: #333;
}
.logofoot{
    width:140px;
    padding-bottom:20px;
}
.footer ul{
    margin-top:20px;
}
.footer-text {
    color: #666;
    font-size: 14px;
    padding: 10px;
}
.footerCopy{
    margin-top:40px;
}
.ot-sdk-show-settings {
    color: #666 !important;
    font-size: 14px !important;
    padding: 0px !important;
    border: none !important;
    background-color: rgba(0,0,0,0) !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: rgba(0,0,0,0) !important;
    color: #333 !important;
}
.infoSpanB{
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 4px 10px;
    margin-left: 5px;
    background: #d40511;
    color: #fff;
}
.infoSpanL{
    border-radius: 50%;
    padding: 4px 14px;
    margin-left: 5px;
    background: #d40511;
    color: #fff;
    font-size: 20px;
}
.blueLink{
    text-decoration: none;
    font-weight: bold;
    margin-left: 5px;
    color: blue;
    cursor:pointer;
}
h1 {
    text-align: left;
    color: #333;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
}
h1 span {
    font-weight: bold;
    color: #d40511;
}
.OpcionesCuenta {
    display: none;
}
.btnEnviar {
    padding-right: 0;
    text-align: right;;
}
.btnEnviar button, .btnEnviar button:hover  {
    border: 1px solid #d40511;
}
.lblInfo {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 10px;
    display: block;
}
.lblInfoCabecera {
    text-align: left;
    display: block;
}
.lblLegal {
    margin-bottom: 10px;
    text-align: left;
    font-size: 10px;
}
.divRecaptcha {
    margin-top: 10px;
}
.lnkBlue {
    color: blue;
    text-decoration: none
}
.lblCAItitle {
    margin-bottom: 20px;
    text-align: left;
    display: block;
}
.dropdown-item:active {
    background-color: #e9ecef;
    color: #333;
}
#iconoModalMensajes {
    font-size: 48px;
}
.botonModalMensajes {
    padding: 0.375rem 0.75rem !important;
}
.reCaptchaValidator .field-validation-error {
    text-align: left !important;
    display: block;
}
.cutText a{
    font-size: 18px;
}
.cutText{ 
    padding-top: 5px;
    padding-bottom: 5px;
}

.cutText a img{
    width: 20px;
}
.BWButton {
    background: #fff;
    color: #000;
}
@media (min-width: 1200px) {
    .divRecaptcha {
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .divRecaptcha .reCaptchaValidator {
        flex: 0 0 auto;
        width: auto;
    }
    .divRecaptcha .btnEnviar {
        flex: 1 1 0;
        width: auto;
    }
}
.divCodigoPostal {
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
}
.icono {
    width: 30px;
}
.icono25 {
    width: 25px;
}

.select-placeholder {
    color: #6c757d; /* gris bootstrap */
}
.titleReturn{
    font-weight:bold;
    height:30px;
}
/* Elimina el efecto de "foco" (resplandor azul) en todos los estados */
.accordion-button:focus,
.accordion-button:active,
.accordion-button:hover,
.accordion-button:not(.collapsed):focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.125); /* O el color de borde que prefieras */
}

/* Opcional: Si quieres eliminar también el fondo azul suave que pone
   Bootstrap al hacer clic (active state) */
.accordion-button:active {
    background-color: transparent !important;
}
.accordion-button{
    color: #333 !important;
    font-weight:bold;
}
.accordion-button::after{
    color: #333 !important;
}
.accordion-button:not(.collapsed)::after {
    /* Cambiamos %230c63e4 por %23000000 (Negro) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
@media screen and (max-width:1400px) {
    .logoHeader {
        top: 22px;
    }
    .digitos {
        min-height: 400px;
    }

}
@media screen and (max-width:1200px) {
    .logoHeader {
        top: 18px;
    }
    .tituloCabecera {
        font-size: 43px !important;
    }
    .digitos{
        min-height:340px;
    }
}
@media screen and (max-width:992px) {
    .logoHeader {
        top: 20px !important;
    }
    .tituloCabecera {
        font-size: 38px !important;
    }
    .digitos a.linkPopup{
        font-size:32px
    }
    .digitos {
        min-height: 300px;
    }
}

@media screen and (max-width:768px) {

    .tituloCabecera {
        font-size: 28px !important;
    }

    .parrafoSaludo {
        font-size: 20px;
    }

    .parrafoSaludo strong {
        font-size: 30px;
    }
    .txtBtn{
        padding-top:6px;
    }
    .digitos {
        min-height: 230px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .digitos a.linkPopup{
        font-size:28px;
        left:25px;
        top:0px;
    }
    .bloqueBotones{
        padding-left:0;
        margin-top:164px;
    }
    .bloqueBotones .btn{
        width:140px;
    }
    .bannerValoracion {        
        min-height: 200px;
    }
    .bannerValoracion .bloqueTxtValoracion {
        margin-top: 85px;
    }
    .bannerValoracion .txtOpinion{
        font-size:24px;
    }
    .cutText{
        font-size:20px;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    .titVista{
        font-size:26px;
        padding-left:4px;
    }

    .iconMenu {
        width: 36px;
        height:36px;
    }

}

@media screen and (max-width:575px) {
    .logoFooter {
        width: 140px;
    }
    .bannerValoracion .bloqueTxtValoracion {
        margin-top: 75px;
    }
    .logoHeader {
        width: 140px !important;
    }
    .tituloCabecera{
        font-size: 25px !important;
    }
    .digitos a.linkPopup {
        font-size: 25px
    }
}

@media screen and (max-width:440px) {
    .logoFooter {
        width: 140px;
    }
    .bannerValoracion .bloqueTxtValoracion {
        margin-top: 65px;
    }
    .bannerValoracion .txtOpinion {
        font-size: 22px;
    }
    .logoHeader {
        width: 140px !important;
    }
    .tituloCabecera{
        font-size: 20px !important;
    }
    .navbar-header{
        border-bottom:none;
    }
    .digitos a.linkPopup {
        font-size: 22px
    }

}

.gtm-noscript-iframe {
    display: none;
    visibility: hidden;
}