@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --color--gold: #B39459;
}
html {
    scroll-behavior: smooth;
    background: linear-gradient(358deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
}
body{
    font-family: "Montserrat", sans-serif;
}

/* sm (teléfonos) */
@media (max-width :  576px) {
    /* tus estilos para pantallas >= 576px */
    /* arcos ini*/
    .bannerPrin .arcLeft{
        /* transform: translate(-50%, -40%); */
        height: 10rem;
        width: 10rem;
    
    }
    .bannerPrin .arcRight{
        /* outline: 1px solid blue; */
        height: 10rem;
        width: 10rem;
    }
}


#princ{
    background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
    overflow: hidden;
}

p{
    /* outline: 1px solid #DC0101; */
    color:white;
}

nav.fixed-top{
    background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
    border-bottom: 4px solid  var(--color--gold);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 5%;
    padding-right: 5%;
}
nav .lefHeader {
    /* outline: 1px solid #DC0101; */
    width: 15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
nav .lefHeader #headLogoCoca{
    width: 6rem;
}
nav .lefHeader #headLogoDivina{
    width: 6rem;

}
nav .rightHeader a{
    padding: .5rem 4rem;
    background: #DC0101;
    border-radius: 40px;
    color: white;
    border: 2px solid #DC0101;
    transition: .6s;
    font-size: 1.2rem;
}
nav .rightHeader a:hover{
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
    text-decoration: none;
}

/* page TYC ini  */
.thankyou#termCond{
    background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
}

.thankyou#termCond .bannerPrin{
    height: calc(100vh - 4rem);
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
}
.thankyou#termCond .contTermCond{
    width: 100%;
    align-items: center;
    margin-top: 0rem;
    padding-top: 8rem;
    overflow: scroll;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 10%;
    padding-right: 10%;
}


.thankyou#termCond .contTermCond h2.textGold{
    color: var(--color--gold);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-align: center;
    margin-bottom: 2rem;
    width: 70%;
}
.thankyou#termCond .contTermCond p.textNormal{
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: .5rem; 
    margin-top: 1rem; 
    align-self: flex-start;
}
.thankyou#termCond .contTermCond p.textStrong{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    align-self: flex-start;
}
.thankyou#termCond .contTermCond .textsub{
    text-decoration: underline;
    align-self: flex-start;
}
.thankyou#termCond .contTermCond .textsub{
    text-decoration: underline;
}
.thankyou#termCond .contTermCond span.textStrong{
    font-weight: 700;
}


.thankyou#termCond .contTermCond ol li{
    list-style-type: decimal;
    color:white;
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}









.thankyou#termCond .contTermCond .contBtnThankyou{
    height: 3rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
}


.thankyou#termCond .contTermCond a span {
    font-size: 1.2rem;
}
.thankyou#termCond .contTermCond a svg {
    margin-right: .5rem;

}
.thankyou#termCond .contTermCond a {
    padding: .5rem 4rem;
    background: #DC0101;
    border-radius: 40px;
    color: white;
    border: 2px solid #DC0101;
    transition: .6s;
    font-size: 1.2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.thankyou#termCond .contTermCond a:hover {
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
    text-decoration: none;
}
.thankyou#termCond .contTermCond a:hover svg path {
    stroke: #DC0101; /* Cambia a rojo al hacer hover */
}



/* page TYC fin */

/* page thankyou ini  */

.thankyou#princ .bannerPrin{
    height: 50rem;
}

.thankyou#princ .contThankyou{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0rem;
}
.thankyou#princ .contThankyou .logoDivina{
    position: absolute;
    top: 40%;
    left: -15%;
    transform: translate(-50%, -40%);
    height: 5rem;
    width: 10rem;
    z-index: 2;
    background-image: url(/static/img/logo_Divina_Comida.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.thankyou#princ .contThankyou .logoCoca {
    position: absolute;
    top: 40%;
    left: 125%;
    transform: translate(-50%, -40%);
    height: 5rem;
    width: 10rem;
    z-index: 2;
    background-image: url(/static/img/logo_CocaCola.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.thankyou#princ .contThankyou h2.textGold{
    color: var(--color--gold);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-align: center;
    margin-bottom: 2rem;
}
.thankyou#princ .contThankyou p.textNormal{
    font-size: 1.5rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .5rem; 
    width: 75%;
}
.thankyou#princ .contThankyou p.textStrong{
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: white;
}
.thankyou#princ .contThankyou .contImgThankyou{
    background: url(/static/img/imgThk.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 25rem;
    max-height: 36rem;
    width: 100%;
}

/* page thankyou fin  */

#princ{
    padding-top: 5rem;
}
#princ  .container-fluid{
    position: relative;
}
#princ  .container-fluid .pimientaBottomFinish{
    /* outline: 1px solid green; */
    width: 8rem;
    height: 10rem;
    position: absolute;
    bottom: 10%;
    right: 2%;
    background: url(/static/img/pimientaBottomFinish.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#princ  .container-fluid .pimientaTopFinish{
    /* outline: 1px solid white; */
    width: 5rem;
    position: absolute;
    height: 7rem;
    left: 8%;
    top: 25%;
    background: url(/static/img/pimientaTopFinish.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#princ  .container-fluid .albahaceLeftFinish{
    /* outline: 1px solid red; */
    position: absolute;
    background: url(/static/img/albahacaLeftFinish.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10%;
    width: 18rem;
    height: 18rem;
    left: -5%;
}
#princ  .container-fluid .albahaceFinish{
    /* outline: 1px solid blue; */
    width: 8rem;
    height: 10rem;
    position: absolute;
    bottom: 55%;
    right: 5%;
    background: url(/static/img/albahacaFinish.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.container#contThnk{
    display: flex;
    justify-content: center;
    /* outline: 1px solid blue; */
    background: url(/static/img/trofeo.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
    height: 65rem;
}
.bannerPrin{
    width: 60%;
    /* outline: 1px solid #DC0101; */
    /* position: relative; */
    margin-top: 5rem;
    height: 13rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.bannerPrin h2#prin{
    color: var(--color--gold);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    /* position: absolute; */
    /* top: 7%;
    left: 50%;
    transform: translate(-50%, 0%); */
    z-index: 5;
    text-align: center;
    width: 80%;
}

.bannerPrin h2.prinWhite{
    font-size: 2rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .5rem;
    color: white;
    margin-top: 1.5rem;
}
.bannerPrin h2.prinWhite#mtop{
    margin-top: 0;
}
.auxCont {
    position: absolute;
    top: -5rem;
    left: 0;
    right: 0;
    height: 5rem;
    /* bottom: 0; */
    overflow-y: auto;
    /* outline: 2px solid #DC0101; */
    background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
    z-index: 2;
}

.bannerPrin .contLogoKenia{
    /* outline: 1px solid blue; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -27%);
    height: 75rem;
    width: 75rem;
    background-image: url(/static/img/keniaLogo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/* arcos ini*/
#princ .container-fluid{
    position: relative;
}
#princ .container-fluid .arcLeft{
    /* outline: 1px solid blue; */
    position: absolute;
    top: 0%;
    left: 0%;
    /* transform: translate(-50%, -40%); */
    height: 25rem;
    width: 25rem;
    background-image: url(/static/img/arco_Izq.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}
#princ .container-fluid .arcRight{
    /* outline: 1px solid blue; */
    position: absolute;
    top: 0%;
    right: 0%;
    /* transform: translate(-50%, -40%); */
    height: 25rem;
    width: 25rem;
    background-image: url(/static/img/arco_Der.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}


/* arcos fin*/




/* top issues ini */

.bannerPrin .contSpoon{
    width: 30rem;
    height: 30rem;
    position: absolute;
    top: -20%;
    left: 0%;
    transform: rotate(8deg);
    background-image: url(/static/img/spoon.png);
    background-position: bottom center;
    background-size: cover;
}
.bannerPrin .contGlass{
    width: 35rem;
    height: 35rem;
    /* outline: 1px solid #DC0101; */
    position: absolute;
    top: -24%;
    right: 4%;
    transform: rotate(-8deg);
    background-image: url(/static/img/glass.png);
    background-position: center;
    background-size: cover;
}
/* top issues fin */


/* ini Logos */
.bannerPrin .logoDivina{
    /* outline: 1px solid blue; */
    position: absolute;
    top: 40%;
    left: 15%;
    transform: translate(-50%, -40%);
    height: 5rem;
    width: 10rem;
    z-index: 2;
    background-image: url(/static/img/logo_Divina_Comida.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.bannerPrin .logoCoca{
    /* outline: 1px solid blue; */
    position: absolute;
    top: 40%;
    left: 85%;
    transform: translate(-50%, -40%);
    height: 5rem;
    width: 10rem;
    z-index: 2;
    background-image: url(/static/img/logo_CocaCola.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


/* fin Logos */


.bannerPrin .contFork{
    width: 20rem;
    height: 60rem;
    position: absolute;
    top: 40%;
    left: -3%;
    transform: rotate(0deg);
    background-image: url(/static/img/fork.png);
    background-position: center;
    background-size: cover;
}
.bannerPrin .contKnife{
    width: 35rem;
    height: 65rem;
    position: absolute;
    top: 46%;
    right: -15%;
    transform: rotate(0deg);
    background-image: url(/static/img/knife.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}




#contForm{
    position: relative;
    padding-top: 10rem;
    margin-bottom: 5rem;
}
#contForm .contInfoAll{
    padding-top: 3rem;
}
#contForm .tomate{
    position: absolute;
    height: 15rem;
    width:  13rem;
    /* outline: 1px solid #DC0101; */
    bottom: -10%;
    left: -4%;
    background: url(/static/img/tomate_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#contForm .pimienta01{
    position: absolute;
    height: 6rem;
    width:  5rem;
    /* outline: 1px solid green; */
    top: 27%;
    left: 5%;
    background: url(/static/img/pimienta_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#contForm .romero{
    position: absolute;
    height: 22rem;
    width: 9rem;
    /* outline: 1px solid yellowgreen; */
    bottom: 0;
    top: 45%;
    transform: rotate(10deg);
    background: url(/static/img/romero.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}




#contForm .albaca{
    position: absolute;
    height: 11rem;
    width:  10rem;
    top: 50%;
    left: 50%;
    /* outline: 1px solid #DC0101; */
    transform: translate(-60%, -40%);
    background: url(/static/img/albahaca.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    
}
#contForm .pimienta02{
    position: absolute;
    height: 9rem;
    width: 6rem;
    bottom: -7%;
    left: 47%;
    transform: translate(-60%, -40%);
    background: url(/static/img/pimienta_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.error {
    color: #DC0101;
    display: none; /* Ocultar por defecto */
}
.ui-datepicker .disabled-date a {
    background-color: #f2dede !important;  /* Fondo rojo claro */
    color: #a94442 !important;  /* Texto rojo oscuro */
    cursor: not-allowed !important;  /* Cambiar el cursor a "no permitido" */
    opacity: 0.6 !important;  /* Opacidad para un efecto visual más claro */
    width: 3rem;
}

.ui-datepicker .disabled-date a:hover {
    background-color: #f2dede !important;  /* Mantener el mismo fondo al pasar el mouse */
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons{
    font-size: 2rem;
}
.gj-datepicker-bootstrap [role=right-icon] button .gj-icon{
    left: -.5rem;
}

.contInfoAll .firstInfo{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 2rem;
}
.contInfoAll h2.textWhite{
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: white;
}

.contInfoAll h2.textGold{
    color: var(--color--gold);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}
.contInfoAll .contTextNum{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: .5rem;
    margin-bottom: 1rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}
.contInfoAll .contTextNum p{
    font-size: 1.5rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .5rem;
} 
.contInfoAll .contTextNum span.numb{
    color: var(--color--gold);
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 700;
}
.contInfoAll .contTextNum p.textBold#finalText{
    margin-top: 1.5rem;
    font-weight: 700;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}


.contForm{
    background: white;
    border-radius: 42px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.form-group {
    margin-bottom: 1.5rem;
}

.contForm select {
    appearance: none; /* Oculta el estilo p#DC0101eterminado del select */
    -webkit-appearance: none; /* Soporte para navegadores basados en WebKit */
    -moz-appearance: none; /* Soporte para Firefox */
    
    background-color: #E4E4E4; /* Color de fondo gris */
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'><path fill='black' d='M7 10l5 5 5-5z'/></svg>");
    /* Imagen de la flecha en SVG */
    
    background-repeat: no-repeat; /* Para que la flecha no se repita */
    background-position: right 10px center; /* Posiciona la flecha un poco hacia la izquierda */
    background-size: 1.5rem; /* Tamaño de la flecha */
    padding-left: 1rem;
    height: 3.3rem;
    font-size: 1.2rem;
}
select::-ms-expand {
    display: none; /* Oculta la flecha p#DC0101eterminada en Internet Explorer */
}
.form-control{
    padding: 5px;
    border-radius: 56px;
    background-color: #E4E4E4;
    border: none;
}

.contForm .barInfo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
    width: 80%;
}
.contForm .barInfo .normal{
    width: 18%;
    height: .3rem;
    border-radius: 20px;
    background: #E4E4E4;
}
.contForm .barInfo .normal.step{
    width: 18%;
    height: .3rem;
    border-radius: 20px;
    background: #DC0101;
}


.contForm .firstForm {
    margin-top: 2rem;
}
.contForm .firstForm #formCont{
    min-height: 45rem; 
} 
.contForm .firstForm .contLoad#loading{
    min-height: 45rem; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.contForm .firstForm .errorCont#errorCont{
    min-height: 45rem; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.contForm .firstForm .errorCont#errorCont .errorMessage {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contForm .firstForm .errorCont#errorCont .errorMessage .contImgPlateBroke{
    width: 15rem;
    height: 15rem;
    background: url(/static/img/brokenPlate.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contForm .firstForm .errorCont#errorCont .errorMessage h3 {
    text-align: center;
    color: black;
    font-weight: 500;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.contForm .firstForm .errorCont#errorCont .errorMessage p.textBlack{
    color: black;
    font-weight: 500;
    font-size: 1.2rem;
    text-align: center;
}
.contForm .firstForm .errorCont#errorCont .errorMessage ul {
    list-style-type: none;
}
.contForm .firstForm .errorCont#errorCont .errorMessage ul li{
    color: black;
    font-weight: 500;
    font-size: 1.2rem;
    text-align: center;
}
.contForm .firstForm .errorCont#errorCont .errorMessage p.textBlack.bolder{
    font-weight: 700;
}
.contForm .firstForm .contLoad#loading .rotar {
    display: inline-block; 
    animation: rotar 3s linear infinite;
}

.contForm  #formCont{
    min-height: 45rem; 
} 
.contForm  .contLoad#loading{
    min-height: 45rem; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.contForm .contLoad#loading .rotar {
    display: inline-block; 
    animation: rotar 3s linear infinite; 
}


@keyframes rotar {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.contForm .firstForm h2.titleForm{
    text-align: center;
    color: black;
    font-size: 2rem;
    font-weight: 700; 
    margin-bottom: 2rem;
}
.contForm .contQuestions .contImgQUestion{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.contForm .contQuestions .contImgQUestion img{
    height: 100%;
}
.contForm .contQuestions h2.titleQuestion{
    text-align: center;
    color: black;
    font-size: 1.5rem;
    font-weight: 700; 
    margin-bottom: 0rem;
    line-height: 1;
}
.contForm .contQuestions p.textAux{
    text-align: center;
    color: black;
    font-size: 1.1rem;
    font-weight: 400; 
    margin-bottom: 2rem;
}
.contForm .contQuestions .divQuestionAndOptions{
}
.contForm .contQuestions .divQuestionAndOptions h3.textQuestion{
    text-align: center;
    color: black;
    font-size: 1.2rem;
    font-weight: 700; 
    margin-bottom: 1rem;
}
.contForm .contQuestions .divQuestionAndOptions .contOptions {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contForm .contQuestions .divQuestionAndOptions .contOptions .button-input {
    display: none; /* Ocultar el input radio */
}

.contForm .contQuestions .divQuestionAndOptions .contOptions .button {
    padding: .5rem 1rem;
    background: #E4E4E4;
    border-radius: 40px;
    color: black;
    border: 2px solid #E4E4E4;
    transition: background-color 0.3s;
    width: 80%;
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
    font-size: 1.2rem;
}

.contForm .contQuestions .divQuestionAndOptions .contOptions .button-input:checked + .button {
    padding: .5rem 1rem;
    background: #AFAFAF;
    border-radius: 40px;
    color: black;
    font-weight: 600;
    border: 2px solid #E4E4E4;
    text-decoration: none;
}
.contForm .contQuestions .divQuestionAndOptions .contOptions #contError {
    height: 1.8rem;
}
.contForm .contQuestions .divQuestionAndOptions .contOptions #contError #selected-option{
    color: #DC0101;
    font-size: 1rem;
    line-height: 1;
    margin: 0;
}

.contForm .contQuestions .divQuestionAndOptions .contOptions .contNext{
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.contForm .contQuestions .divQuestionAndOptions .contOptions .contNext button{
    padding: .5rem 3rem;
    background: #DC0101;
    border-radius: 40px;
    color: white;
    border: 2px solid #DC0101;
    transition: .6s;
    font-size: 1.2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.contForm .contQuestions .divQuestionAndOptions .contOptions .contNext button:hover{
    padding: .5rem 3rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
    text-decoration: none;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto #DC0101;
}





#groupPhone{
    flex-direction: column;    
}
#groupPhone .input-group-prepend span{
    border-bottom-left-radius: 56px;
    border-top-left-radius: 56px;
    border: transparent;
    background: #e4e4e4;
    font-size: 1.2rem;
}
#groupPhone #validationCustomPhone{
    border-bottom-right-radius: 56px;
    border-top-right-radius: 56px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: transparent;
    height: 3.3rem;
    font-size: 1.2rem;
}

.contForm .firstForm .form-group label{
    color: black;
    font-weight: 500; 
    font-size: 1.2rem;
}
#groupPhone label{
    color: black;
    font-weight: 500; 
    font-size: 1.2rem;
}
.contForm .firstForm .form-group input.form-control{
    background: #E4E4E4;
    border-radius: 56px;
    border: none;
    color: black;
    padding-left: 1rem;
    height: 3.3rem;
    font-size: 1.2rem;
}
.contForm .firstForm .form-group input.form-control:focus{
    box-shadow: 0 0 0 .2rem rgb(0 0 0 / 32%);
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #bdc1c5;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(0 0 0 / 32%);
}
.form-control:focus {
    color: #495057;
    background-color: #e4e4e4;
    border-color: #bdc1c5;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(0 0 0 / 32%);
}
#datepicker{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#datepicker + span{
    border-top-right-radius: 56px;
    border-bottom-right-radius: 56px;
    background: #e4e4e4;
    border: none;
}
.input-group>.input-group-append>.btn{
    border-top-right-radius: 56px;
    border-bottom-right-radius: 56px;
    border: transparent;
}

.contBTN {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;

}
.contBTN button{
    border-radius: 20px;
    padding: .5rem 4rem;
    background: #DC0101;
    border-radius: 40px;
    border: 2px solid #DC0101;
    transition: .6s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 38, 38, 0.5);
}

.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 38, 38, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #DC0101;
    border-color: #DC0101;
}
.contBTN button:hover{
    border-radius: 20px;
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
}

.contBTN button span{
    color: white;
    font-size: 1rem;
    margin-right: .3rem;
    font-size: 1.2rem;
}
.contBTN button:hover span{
    color: #DC0101;
    font-size: 1.2rem;
}
.contNext button:hover{
    border-radius: 20px;
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
}

.contNext button span{
    color: white;
    font-size: 1rem;
    margin-right: .3rem;
    font-size: 1.2rem;
}
.contNext button:hover span{
    color: #DC0101;
    font-size: 1.2rem;
}


/* ini File */


.contUploaded{
    width: 100%;
}

#upload-form{
    margin-top: 2rem;
}
#upload-form .form-control-file, .form-control-range{
    background: #e4e4e4;
}
#upload-form .messegeInfo{
    height: 2rem;
}



#upload-form .contBTN button{
    border-radius: 20px;
    padding: .5rem 4rem;
    background: #DC0101;
    border-radius: 40px;
    border: 2px solid #DC0101;
    transition: .6s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

#upload-form .contBTN button:hover{
    color: white;
    border-radius: 20px;
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
}



/* .file-upload {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    background: #E4E4E4;
    border-radius: 20px;
    border: none;
    color: black;
    height: 3.3rem;
    font-size: 1.2rem;
} */

.file-upload input[type="file"] {
    font-size: 20px; /* Aumenta el tamaño de fuente */
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0; /* Oculta el botón original */
    cursor: pointer; /* Cambia el cursor */
    height: 100%; /* Hace que ocupe todo el espacio */
    width: 100%; /* Hace que ocupe todo el espacio */
    
}

.file-upload{
    width: 100%;
}

.drop-zone {
    border: 3px dashed #ccc;
    padding: 20px;
    text-align: center;
    color: #999;
    cursor: pointer;
    position: relative;
    background-color: #e9ecef;
    border-radius: 20px;
    height: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


.drop-zone p {
    line-height: 1;
    color: #ADADAD;
    margin: auto;
}
.custom-button {
    background-color: #DC0101;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    bottom: 7%;
    right: 5%;
    position: absolute;
    font-size: 3rem;
    color: white;
    line-height: 1;
    border: none;
    padding: 0;
} 

.custom-button:hover {
    background-color: #DC0101; /* Color al pasar el mouse */
}





.drop-zone.drag-over {
    border-color: #007bff;
    background-color: #e9ecef;
}

.custom-button {
    margin-top: 10px;
}

#file-name {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
#upload-form .contInfo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#upload-form .contInfo h2.titleQuestion{
    text-align: center;
    color: black;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0rem;
    line-height: 1;
    width: 90%;
}
#upload-form .contInfo h3.textQuestion {
    text-align: center;
    color: black;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: .5rem;
}
#upload-form .contInfo  p.textAux {
    text-align: center;
    color: black;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: .5rem;
    line-height: 1;
    width: 90%;
}


#contPrinProgress {
    min-height: 45rem; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: 7%;
    padding-right: 7%;
}

#contPrinProgress .conText {
    display: flex;
    justify-content: center;
    align-items: center;
}
#contPrinProgress .conText p#auxTextProgressBar {
    color: black;
    margin-bottom: .5rem;
    line-height: 1;
}

#contPrinProgress .progress {
    border-radius: 56px;
    background-color: #A5A5A5;
    width: 100%;
    height: .7rem;
}
#contPrinProgress .progress .progress-bar{
    background-color: #DC0101;
    border-radius: 56px;
}
#contPrinProgress .textProgress {
    margin-top: .5rem;
    color: #000000;
    font-size: 1rem;
    text-align: center;
    display: block;
    line-height: 1;
}


/* fin File */







.contBTN button svg path {
    stroke: white; /* Cambia a rojo al hacer hover */
}
.contBTN button:hover svg path {
    stroke: #DC0101; /* Cambia a rojo al hacer hover */
}
.contNext button svg path {
    stroke: white; /* Cambia a rojo al hacer hover */
}
.contNext button:hover svg path {
    stroke: #DC0101; /* Cambia a rojo al hacer hover */
}


.cintillo{
    height: 16.5rem;
    background: url(/static/img/bannerCoca.png);
    background: url(/static/img/bannerCoca.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contDash{
    padding-top: 5rem;
    background: url(/static/img/dish.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4rem;
}
.contDash .container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15rem;
}

.contDash .container .contTextDash{
    width: 40%;
    /* outline: 1px solid #DC0101; */
}
.contDash .container .contTextDash .firstInfo{
    display: flex;
    /* outline: 1px solid blue; */
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 2rem;
}

.contDash .container .contTextDash .firstInfo .textWhite{
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    color: white;
}
.contDash .container .contTextDash .firstInfo .textGold{
    color: var(--color--gold);
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}
.contDash .container .contTextDash .contTextNum p.textBold{
    color: white;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
}
.contDash .container .contTextDash .contTextNum p{
    color: white;
    font-size: 1.5rem;
    text-align: center;
}
.contDash .container .contTextDash .contTextNum#btnDash {
    margin-top: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
}
.contDash .container .contTextDash .contTextNum#btnDash a{
    padding: .5rem 4rem;
    background: #DC0101;
    border-radius: 40px;
    color: white;
    border: none;
    border: 2px solid #DC0101;
    text-decoration: none;
    font-size: 1.2rem;
    transition: .6s;
}

.contDash .container .contTextDash .contTextNum#btnDash a:hover{
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #DC0101;
    text-decoration: none;
}

.footer{
    background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
    border-top: 4px solid var(--color--gold);
    padding-top: 2rem;
    padding-bottom: 3rem;
    padding-left: 5%;
    padding-right: 5%;
}
.footer #infoFooter{
    display: flex;
    justify-content: space-between;
}
.footer .contLeft {
    width: 27rem;
}
.footer .contLeft  ul{
    list-style-type: none; 
    padding: 0;
}
.footer .contLeft ul li {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.footer .contLeft ul li p {
    color: white;
    font-size: 1rem;
    line-height: 1;
    margin: 0;
}
.footer .contLeft ul li a{
    color: white;
    text-decoration: underline;
    font-weight: 800;
}
.footer .contLeft ul li a:hover{
    color: white;
    text-decoration: underline;
}
.footer .contLeft .contSocialMedias{
    width: 12rem;
    height: 5rem;
    display: flex;
    /* outline: 1px solid #DC0101; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .contLeft .contSocialMedias .contSM{
    width: 3rem;
    height: 3rem;
    /* outline: 1px solid white; */
}

.footer .contLeft .contSocialMedias .contSM#contSMFace{
    background: url(/static/img/logoFace.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer .contLeft .contSocialMedias .contSM#contSMIns{
    background: url(/static/img/logoIns.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer .contLeft .contSocialMedias .contSM#contSMYoutube{
    background: url(/static/img/logoYoutube.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}





.footer .contRight {
    /* outline: 1px solid #DC0101; */
    width: 25rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.footer .contRight #headLogoCoca{
    width: 10rem;
}
.footer .contRight #headLogoDivina{
    width: 10rem;

}
.thankyou#princ .contThankyou .contBtnThankyou a span {
    font-size: 1.2rem;
}
.thankyou#princ .contThankyou .contBtnThankyou a svg {
    margin-right: .5rem;

}
.thankyou#princ .contThankyou .contBtnThankyou a {
    padding: .5rem 4rem;
    background: #DC0101;
    border-radius: 40px;
    color: white;
    border: 2px solid #DC0101;
    transition: .6s;
    font-size: 1.2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.thankyou#princ .contThankyou .contBtnThankyou a:hover {
    padding: .5rem 4rem;
    background: white;
    border-radius: 40px;
    color: #DC0101;
    font-weight: 600;
    border: 2px solid #DC0101;
    text-decoration: none;
}
.thankyou#princ .contThankyou .contBtnThankyou a:hover svg path {
    stroke: #DC0101; /* Cambia a rojo al hacer hover */
}

#checkBoxCont .form-check-input {
    width: 1.5em;            /* Ancho del checkbox */
    height: 1.5em;           /* Alto del checkbox */
    background-color: #007bff; /* Color de fondo cuando no está seleccionado */
    border-radius: 0.25em;   /* Bordes redondeados */
    border: 2px solid #007bff; /* Color del borde */
}

/* Cambiar el color de fondo al estar seleccionado */
#checkBoxCont .form-check-input:checked {
    background-color: #28a745; /* Color de fondo cuando está seleccionado */
    border-color: #28a745;     /* Color del borde al estar seleccionado */
}
#checkBoxCont .form-check-input+label {
    margin-left: 1rem;
    font-size: .8rem;
}
#checkBoxCont .form-check-input+label a {
    font-size: .8rem;
    color:  var(--color--gold);
    text-decoration: underline;
}
#checkBoxCont .form-check-input+label a:hover {
    font-size: .8rem;
    color:  var(--color--gold);
    text-decoration: underline;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Eliminar flechas en Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media (max-width: 1940px) {
    .cintillo {
        height: 20rem;
        background: url(/static/img/bannerCoca.png);
        background: url(/static/img/bannerCoca.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


/* Para pantallas <= 1199px (laptops y más pequeñas) */
@media (max-width: 1220px) {
    /* * {
        outline: 5px solid #DC0101;
    } */
}

  /* Para pantallas <= 991px (tabletas y más pequeñas) */
@media (max-width: 992px) {
    /* * {
        outline: 5px solid blue;
    } */
}

  /* Para pantallas <= 767px (teléfonos grandes y más pequeñas) */
@media (max-width: 768px) {
    /* * {
        outline: 5px solid pink;
    } */
}

  /* Para pantallas <= 575px (teléfonos pequeños) */
@media (max-width: 575px) {
    /* * {
        outline: 5px solid rebeccapurple;
    } */
    nav.fixed-top{
        background: linear-gradient(190.81deg, #504245 14.95%, #282332 45.82%, #16121C 99.36%);
        border-bottom: 4px solid  var(--color--gold);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 5%;
        padding-right: 5%;
    }
    nav .lefHeader{
        width: 10rem;  
    }
    nav .lefHeader #headLogoCoca{
        width: 4rem;
    }
    nav .lefHeader #headLogoDivina {
        width: 4rem;
    }
    nav .rightHeader a{
        padding: .5rem 2rem; 
    }
    nav .rightHeader a:hover {
        padding: .5rem 2rem;
    }
    .auxCont{
        position: absolute;
        top: -5rem;
        left: 0;
        right: 0;
        height: 5rem;
        overflow-y: auto;
        background: #504245;
        z-index: 2;
    }
    .bannerPrin{
        margin-top: 5rem; 
    }
    .bannerPrin h2#prin{
        color: var(--color--gold);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
        z-index: 5;
        width: 100%;
        text-align: center;
    }
    .container#contThnk{
        display: flex;
        justify-content: center;
        /* outline: 1px solid blue; */
        /* background: url(/static/img/plateFinishMobile.png); */
        background: url(/static/img/trofeo.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;
        height: 35rem;
        padding-left: 0;
        padding-right: 0;
    }
    #princ .container-fluid .albahaceFinish {
        /* outline: 1px solid blue; */
        width: 3rem;
        height: 3rem;
        position: absolute;
        bottom: 66%;
        right: -1%;
        background: url(/static/img/albahacaFinish.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #princ .container-fluid .pimientaTopFinish {
        /* outline: 1px solid white; */
        width: 2.5rem;
        position: absolute;
        height: 2.5rem;
        left: 2%;
        top: 20%;
        background: url(/static/img/pimientaTopFinish.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #princ .container-fluid .albahaceLeftFinish {
        /* outline: 1px solid red; */
        position: absolute;
        background: url(/static/img/albahacaLeftFinish.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0%;
        width: 8rem;
        height: 8rem;
        left: -13%;
    }
    #princ .container-fluid .pimientaBottomFinish {
        /* outline: 1px solid green; */
        width: 3rem;
        height: 3rem;
        position: absolute;
        bottom: 0%;
        right: -2%;
        background: url(/static/img/pimientaBottomFinish.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .bannerPrin h2.prinWhite {
        font-size: .9rem;
        text-align: center;
        line-height: 1;
        margin-bottom: .5rem;
        color: white;
        margin-top: 1.5rem;
    }
    #princ .container-fluid {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    #princ .container-fluid .arcLeft{
        height: 10rem;
        width: 10rem
    }
    #princ .container-fluid .arcRight{
        height: 10rem;
        width: 10rem;
    }
    .bannerPrin .contGlass{
        width: 15rem;
        height: 15rem;
        top: 15%;
        right: -22%;
        transform: rotate(-8deg);
        z-index: 2;
    }
    .bannerPrin .contSpoon {
        width: 13rem;
        height: 18rem;
        position: absolute;
        top: 0%;
        left: -25%;
        z-index: 2;
        transform: rotate(0deg);

    }
    .bannerPrin .logoCoca {
        position: absolute;
        top: 14%;
        left: 74%;
        transform: translate(-50%, -40%);
        height: 2rem;
        width: 6rem;
    }
    .bannerPrin .logoDivina {
        position: absolute;
        top: 14%;
        left: 24%;
        transform: translate(-50%, -40%);
        height: 2rem;
        width: 6rem;
        z-index: 2;
    }   

    .bannerPrin .contKnife {
        width: 16rem;
        height: 20rem;
        position: absolute;
        top: 46%;
        right: -32%;
        transform: rotate(-3deg);
        z-index: 2;
    }
    .bannerPrin .contFork {
        width: 10rem;
        height: 20rem;
        /* outline: 1px solid #DC0101; */
        position: absolute;
        top: 45%;
        left: -17%;
        transform: rotate(-4deg);
        z-index: 2;
    }
    .bannerPrin .contLogoKenia{
        background: url(/static/img/heroSliderMainMobile.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
        height: 46rem;
        width: 95%;
    }
    .contInfoAll{
        margin-top: 4rem;
    }
    .contForm .firstForm h2.titleForm {
        text-align: center;
        color: black;
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 2rem;
    }
    
    .contInfoAll h2.textWhite {
        font-size: 1.5rem;
        text-align: center;
        font-weight: 700;
        width: 80%;
    }
    .contInfoAll h2.textGold {
        color: var(--color--gold);
        font-size: 1.5rem;
        font-weight: 600;
    }
    .contInfoAll .contTextNum p {
        font-size: 1.2rem;
        text-align: center;
        line-height: 1;
        margin-bottom: .5rem;
    }
    .contInfoAll .contTextNum span.numb {
        color: var(--color--gold);
        font-size: 3.5rem;
        font-weight: 700;
        line-height: 1;
    }
    .cintillo {
        height: 5rem;
        background: url(/static/img/bannerCoca.png);
        background: url(/static/img/bannerCoca.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #contForm {
        position: relative;
        padding-top: 0rem;
        margin-bottom: 0rem;
        top: -5rem;
    }

    .contForm {
        background: white;
        border-radius: 42px;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        position: relative;
        z-index: 2;
    }

    #contForm .contInfoAll {
        padding-top: 0rem;
    }
    #contForm .romero {
        position: absolute;
        position: absolute;
        height: 10rem;
        width: 3rem;
        bottom: 0px;
        top: 87%;
        transform: rotate(5deg);
        left: -2%;
        background: url(/static/img/romero.png) center center / cover no-repeat;
    }
    #contForm .tomate {
        position: absolute;
        height: 9rem;
        width: 6rem;
        bottom: 22%;
        left: -8%;
        background: url(/static/img/tomate_1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    #contForm .albaca02 {
        position: absolute;
        height: 7rem;
        width: 7rem;
        bottom: 17%;
        left: 75%;
        background: url(/static/img/albaca02.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    #contForm .pimienta01 {
        position: absolute;
        height: 3rem;
        width: 2rem;
        top: 87%;
        right: 5%;
        left: 85%;
        background: url(/static/img/pimienta_1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }  
    #contForm .albaca {
        position: absolute;
        height: 3rem;
        width: 3rem;
        top: 98%;
        left: 97%;
        /* outline: 1px solid #DC0101; */
        transform: translate(-60%, -40%);
        background: url(/static/img/albahaca.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
    }   
    
    #contForm .pimienta02 {
        position: absolute;
        height: 4rem;
        width: 3rem;
        bottom: 37%;
        left: 8%;
        transform: translate(-60%, -40%);
        background: url(/static/img/pimienta_2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
    }
    #contForm .romero02 {
        position: absolute;
        height: 8rem;
        width: 5rem;
        bottom: 33%;
        left: 97%;
        transform: translate(-60%, -40%);
        background: url(/static/img/romero02.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
    }

    .contForm .contQuestions .contImgQUestion{
        height: 8rem;
    }
    .contForm .contQuestions h2.titleQuestion{
        font-size: 1.3rem;
    }
    .contForm .contQuestions p.textAux {
        text-align: center;
        color: black;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 2rem;
    }
    .contForm .contQuestions .divQuestionAndOptions h3.textQuestion {
        text-align: center;
        color: black;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .contForm .contQuestions .divQuestionAndOptions .contOptions .button {
        padding: .5rem 1rem;
        background: #E4E4E4;
        border-radius: 40px;
        color: black;
        border: 2px solid #E4E4E4;
        transition: background-color 0.3s;
        width: 95%;
        text-align: center;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .contForm .contQuestions .divQuestionAndOptions .contOptions .button-input:checked + .button {
        padding: .5rem 1rem;
    }
    #groupPhone {
        flex-direction: column;
        margin-bottom: 1.5rem;
    }
        

    .contDash .container .contTextDash {
        width: 85%;
    }
    .contDash .container .contTextDash .firstInfo .textGold{
        font-size: 1.5rem;
    }
    .contDash .container .contTextDash .firstInfo .textWhite{
        font-size: 1.5rem;
    }
    .contDash .container .contTextDash .firstInfo{
        font-size: 1.5rem;
    }
    .contDash .container .contTextDash .contTextNum p{
        font-size: 1.2rem;
    }
    .contDash .container .contTextDash .contTextNum p.textBold{
        font-size: 1.2rem;
    }
    .footer{
        padding-top: 1rem;
    }
    .footer .contLeft ul li a {
        color: white;
        text-decoration: underline;
        font-size: .6rem;
    }
    .footer .contLeft ul li p{
        font-size: .6rem;
    }
    .footer .contLeft ul li a:hover {
        color: white;
        text-decoration: underline;
        font-size: .6rem;
        text-decoration: none;
    }
    .footer .contLeft ul li{
        margin-top: 0rem;
        margin-bottom: 0rem;
        line-height: 1.2;
    }
    .footer .contLeft .contSocialMedias {
        width: 10rem;
    }
    .footer .contLeft .contSocialMedias .contSM {
        width: 2.5rem;
        height: 2.5rem;
    }
    .footer .contRight {
        /* outline: 1px solid #DC0101; */
        width: 10rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 1rem;
    }
    .footer .contRight #headLogoCoca{
        width: 4rem;
    }
    .footer .contRight #headLogoDivina{
        width: 4rem;
    }
    /* .footer .contRight{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    */
    
    .footer #infoFooter .contLeft ul li p.pWidthMobile{
        width: 85%;
        line-height: 1.2;
    } 





    /* page thankyou ini  */

    
    .thankyou#princ .bannerPrin{
        height: 45rem;
    }

    .thankyou#princ .contThankyou{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 3rem;
        width: 90%;
    }
    .thankyou#princ .contThankyou .logoDivina{
        position: absolute;
        top: 30%;
        left: 15%;
        transform: translate(-50%, -40%);
        height: 2rem;
        width: 6rem;
        z-index: 2;
        background-image: url(/static/img/logo_Divina_Comida.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .thankyou#princ .contThankyou .logoCoca {
        position: absolute;
        top: 30%;
        left: 85%;
        transform: translate(-50%, -40%);
        height: 2rem;
        width: 6rem;
        z-index: 2;
        background-image: url(/static/img/logo_CocaCola.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .thankyou#princ .contThankyou h2.textGold{
        color: var(--color--gold);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        margin: 0;
        text-align: center;
        margin-bottom: 2rem;
    }
    .thankyou#princ .contThankyou p.textNormal{
        font-size: 1.2rem;
        text-align: center;
        line-height: 1;
        margin-bottom: .5rem; 
        width: 80%;
    }
    .thankyou#princ .contThankyou p.textStrong{
        font-size: 1.2rem;
        text-align: center;
        font-weight: 700;
        line-height: 1;
        color: white;
    }
    .thankyou#princ .contThankyou .contImgThankyou{
        background: url(/static/img/imgThk.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 20rem;
        width: 100%;
    }
    .thankyou#princ .contThankyou .contBtnThankyou{
        height: 3rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5rem;
    }

    .thankyou#princ .contThankyou .contBtnThankyou a {
        padding: .5rem 3rem;
        background: #DC0101;
        border-radius: 40px;
        color: white;
        border: 2px solid #DC0101;
        transition: .6s;
        font-size: 1.2rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .thankyou#princ .contThankyou .contBtnThankyou a span {
        font-size: 1.2rem;
    }
    .thankyou#princ .contThankyou .contBtnThankyou a svg {
        margin-left: .3rem;

    }
    .thankyou#princ .contThankyou .contBtnThankyou a:hover {
        padding: .5rem 3rem;
        background: white;
        border-radius: 40px;
        color: #DC0101;
        font-weight: 600;
        border: 2px solid #DC0101;
        text-decoration: none;
    }
    .thankyou#termCond .contTermCond{
        width: 100%;
        padding-top: 4rem;
        display: block;
        padding-left: 7%;
        padding-right: 7%;
    }
    .thankyou#termCond .contTermCond h2.textGold {
        color: var(--color--gold);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        margin: 0;
        text-align: center;
        margin-bottom: 2rem;
        width: 100%;
    }
    .thankyou#termCond .contTermCond p.textStrong {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1;
        color: white;
        align-self: flex-start;
    }

    .thankyou#termCond .contTermCond p.textNormal {
        font-size: 1.2rem;
        line-height: 1;
        margin-bottom: .5rem;
        align-self: flex-start;
    }
    .thankyou#termCond .contTermCond blockquote {
        font-size: 1.2rem;
        line-height: 1;

    }
    
    .thankyou#termCond .contTermCond ul li {
        list-style-type: decimal;
        color: white;
        font-size: 1.2rem;
        line-height: 1;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    
    }
    /* page thankyou fin  */
}