.amarilloFriko{
    color: #F9D22D;
    font-family: montserrat, sans-serif;
    font-weight: 900;
}

.subtituloPimpolloHero{
    background-color: #F9D22D;
    color:#001789; 
    font-weight: 900;
    padding: 6px 10px;
        text-align: center;
    max-width: 450px;
    font-size: 1.6rem;
}

.col-texto-hero{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.textoInformacion-frase{
    color:#E41D18;
    max-width: 300px;
    font-size:20px;
    margin-top:20px;
    
}

.informacionFraseStrong{
    font-weight: 900;
    text-transform: uppercase;

}

.text-small{
    font-size: 1.4rem!important;
}

.texto-big{
    font-size: 3rem!important;
    line-height: 46px !important;
}

#heroPimpollo{

    background-image: url(../webp/hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    z-index:2;
    position:relative;
    padding: 50px 0px 20px;

}

.containerCustom-Pimpollo{
    max-width: 1100px;
    display:flex;
    flex-direction:column;
      align-items: center;
    justify-content: center;
}

.tituloPimpollo{
    color:white;
    font-weight:900;
    text-align:center;
    margin-top:60px;
        line-height: 30px;
}

.textoHero{
    color:white;
    font-weight:400;
    font-family: montserrat, sans-serif;
    text-align: center;
    max-width: 500px;
        margin-top: 16px;
    line-height: 20px;
}

.productosHero{
    max-width:80%;
    margin-bottom:30px;
    
    }

.row-hero{
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}


rojoFriko{
    color:#E41D18;
}

.textoInformacion{
    font-weight:400;
    color:#0C2A97;
}


.container-custom{
    max-width:400px;
    margin-top:100px;
}

.sectionTitulo{
        display: flex;
    flex-direction: column;
    /* align-content: center; */
    justify-content: center;
    align-items: center;
}

.tituloRecetas{
     font-weight:900;
    text-align:center;
    margin-top:60px;
        line-height: 40px;
        color:#0C2A97;
}

.subtituloPimpolloHero2{
    background-color: #F9D22D;
    color:#001789; 
    font-weight: 900;
    padding: 6px 10px;
        text-align: center;
    max-width: 500px;
}

.textoRecetas{
    color:#0C2A97;
    font-weight:400;
    text-align:center;
    max-width:800px;
    margin-top:20px;
}

.caja{
    max-width:80%;
    border-radius:20px
}

.recetas{
    background: rgb(198,33,24);
background: linear-gradient(180deg, rgba(198,33,24,0) 50%, rgba(198,33,24,1) 100%);
 background-image: url(../png/section2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height:300px;
}

.gallery-item img {
    min-height: auto;
    object-fit: cover;
}

.gallery-item .gallery-content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.5s;
    cursor: pointer;
    align-items: center;
}

.RECETAS {
    background: linear-gradient(180deg, rgba(198,33,24,0) 0%, rgba(198,33,24,1) 100%);
    display:flex;
    flex-direction:column;
}

.BLOG {
    background: linear-gradient(180deg, rgba(3,26,111,0) 0%, rgba(3,26,111,1) 100%);
    display:flex;
    flex-direction:column;
}

.tituloCaja{
    font-weight:900;
    color:white;
    margin-bottom:10px
}






.gallery-item:hover .gallery-content .gallery-info,
 .gallery-item:hover .gallery-plus-icon {
   opacity: 1;
   margin: 0;
}

.gallery-item img {
    transition: 0.5s;
}

.gallery-item:hover img {
    transform: scale(1.2);
    
}

.galleryCTA{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
}

.text-row-gallery{
    font-size: 0.9rem;
}

.text-btn-galerry{

    font-size: 0.8rem;
}

.container-custom{
    max-width:1000px;
}

.btn-customPC{
    background-color:#FFD100;
    color: #001689;
    font-size:1rem;
    font-size:800;
    border:none;
    font-weight: 800;
    text-transform: uppercase;

}

.btn-customPC:hover{
    background-color:#001689;
    color:#FFD100 ;
    font-size:1rem;
    font-size:800;
    border:none;

}

.containerProducto{
   background: linear-gradient(90deg, rgba(4,146,185,1) 0%, rgba(2,96,141,1) 100%);
   max-width:1100px;
   border-radius:20px;
   padding 40px;
     margin-bottom:80px;
       margin-top:100px;

}

.textoProducto{
    color:white;
    font-weight:400;
    text-align:left;
}

.imagenProducto{
    max-width:120%;
    margin-top:-60px;
}
.textoProductos{
    color:white;
        text-align: end;
    padding: 0px 50px;
}

.columnaProductos{
  
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:end;
  
}

body {
    color: #808080;
    font-family: 'montserrat', sans-serif;
    overflow-x: hidden;
}

.imagenPimpollo{
    max-width:100%;
}

.rojoFriko{
    color:#E41D18;
    font-weight:900;
}

.tituloInformacion{
    color:#0C2A97;
    font-weight:900;
    font-family: 'montserrat', sans-serif;
    line-height: 46px;

}

#informacionPimpollo2{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

.container-custom {
    margin-left: 30%;
}


.imagenColumnaInformacion{
    background-image: url(../png/section2.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    height: 500px;
    
   

}

 /** SECTION SUSCRIPCION **/

#section_formulario {
    background: linear-gradient(90deg, rgba(0,23,79,1) 0%, rgba(0,23,137,1) 47%);
    margin-top: -3px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}

.personaje_footer{
    width: 60vw;
    margin-left: -22vw;
}

.row_formulario{
    background-color: white;
    border-radius: 10px;
    padding: 30px;
   
}

.col-formulario{
    display: flex;
    justify-content: center;
    height: 50%;
    padding-top: 5%;
}

#titulo_formulario,
#subtitulo_formulario,
#texto_formulario {
    text-align: center;
    color: #001789 !important;
}

#titulo_formulario{
    font-size: 24px;
    font-weight: 900;
    line-height: normal!important;
    margin: 2px!important;
    text-transform: none !important;
}

#subtitulo_formulario{
    font-size: 18px;
    font-weight: 600;
    line-height: normal!important;
    margin: 2px!important;
    text-transform: none !important;
}

#texto_formulario{
    font-size: 14px;
    line-height: normal!important;
    margin: 2px!important;
    text-transform: none !important;
}

#tagline{
    margin:110px 0px;
}

.imagenProducto2{
    max-width:100%;
    margin-top:-60px;
}

.col-tagline{
    display:flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;
}

.containerProducto2{
    background-color:#001689;
    border-radius:20px;
}

.tituloTagline{
    color:white;
    font-size: 1.4rem;
    text-align: center;
    max-width:70%;
    font-weight:400;
}

.negrita{
    font-weight:800;
    text-decoration:underline;
}

.negritaAmarrillo{
    color:#F7C90A;
    font-weight:800;
}

@media only screen and (max-width: 600px) 
{





/** END SECTION slide video **/


/***************************************************/



/** START SECTION INFORMACIÓN **/



/** END SECTION INFORMACIÓN **/

/***************************************************/



/** SECTION BLOG **/


/** END SECTION BLOG **/
    



.col-formulario{
   padding-bottom: 60px;
   padding-top: 0px;
}

.personaje_footer{
    width: 120vw;
    margin-left: -30vw;
}
   
}



body,


label{
    margin-bottom: 1.5rem !important;
    margin-right: 10px;
}


.noticlass{
    margin-bottom: -8px;
    margin-top: -10px;
    font-size: 14px;
}

.cabecera {
    width: 100%;
    height: 50px;
    background-color: #3797f7;
    margin: 0px auto;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    color: #ffffff;
}


.marco {
    padding: 0px 0px 0px 0px;
}

.formulario {
    width: 100%;
}

.formulario tr.campo td {
    padding: 6px 0;
}

.formulario td p {
    text-align: right;
    line-height: 12px;
    alignment-baseline: middle;
    font-size: 12px !important;
    font-weight: lighter !important;
}


.formulario input,
select {
    border: solid 1px #999;
    min-height: 22px;
    min-width: 200px;
    line-height: 22px;
    padding: 0px 5px;
    color: #999;
    font-size: 12px;
    border-radius: 2px;
    white-space: nowrap;
    text-decoration: none;
    color: #333;
    margin-left: 5px;
    background-color: #ffffff;
}

input[type="submit"] {
    display: inline-block;
    border: solid 1px #1c83ea;
    min-height: 34px;
    line-height: 34px;
    padding: 0px 20px;
    background-color: #3797f7;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 200;
    border-radius: 3px;
    white-space: nowrap;
    text-decoration: none;
    margin-top: 20px;
}

.leyenda {
    padding-top: 15px;
    text-align: center;
    font-size: 11px;
}

.leyenda a {
    color: #3366cc;
    text-decoration: none;
    alignment-adjust: central;
}

.txt-cap {
    text-transform: capitalize;
}

.error {
    color: #8A0808;
    font-size: 11px;
    margin-right: 40px;
}

td.campo input {
    width: 96% !important;
    border-radius: 30px;
    padding: 7px 20px;
    font-size: 1rem;
    outline: 0;
    margin: 5px;
}

td.campo select {
    width: 96% !important;
    border-radius: 30px;
    padding: 7px 20px;
    font-size: 1rem;
    outline: 0;
    margin: 5px;
}

.formulario input,
select {
    border: solid 1px #999;
    min-height: 22px;
    min-width: 200px;
    line-height: 22px;
    padding: 0px 5px;
    color: #999;
    font-size: 12px;
    border-radius: 2px;
    -space: nowrap;
    text-decoration: none;
    color: #333;
    margin-left: 5px;
    background-color: #ffffff;
}

.formulario input[type="submit"]:hover {
    box-shadow: 0px 60px 0px rgba(0, 0, 0, 0.2) inset;
}

.formulario input[type="submit"] {
    background: linear-gradient(to bottom, rgba(208, 10, 23, 1) 0%, rgba(203, 14, 28, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d00a17', endColorstr='#cb0e1c', GradientType=0);
    border: none;
    border-radius: 40px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 0 -80px 4rem 0;
    padding: 1rem 3rem;
    text-decoration: none;
    text-shadow: none;
    transition: .5s all ease;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
    margin-top: 47px;
}

.custom-radio-checkbox {
    display: inline-flex;
    margin-right: 20px;
    align-items: center;
    cursor: pointer;
    font-family: arial;
}

span.custom-radio-checkbox__text {
    text-transform: initial;
    font-size: 17px;
    color: #ffffff;
}


.modaltextinput {
    color: #000000 !important;
}

span.custom-radio-checkbox__text a {
    color: #000000;
}

span.texto-congelados {
    color: #001789;
}

span.custom-radio-checkbox__text .radio_congelados{
    
    color: #001789;
}

.modaltextinput a {
    color: #C32420 !important;
}

.custom-control .custom-radio-checkbox__show--radio {
    background-image: url(../png/radio-uncheckff28.png?ver=2020-06-05-204628-367) !important;
}

.custom-radio-checkbox>.custom-radio-checkbox__input {
    display: none;
}

.custom-radio-checkbox>.custom-radio-checkbox__show {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: .5rem;
    background-size: cover;
}

.custom-radio-checkbox>.modalchekterms {
    background-image: url(../png/radio-uncheckff28.png?ver=2020-06-05-204628-367) !important;
    filter: contrast(0);
}

.custom-control .custom-radio-checkbox>.custom-radio-checkbox__input:checked+.custom-radio-checkbox__show--radio {
    background-image: url(../png/radio-check3cb2.png?ver=2020-06-05-204838-510) !important;
    background-size: 24px;
    width: 24px;
    height: 24px;
}

.custom-radio-checkbox>.custom-radio-checkbox__input:checked+.modalchekterms {
    background-image: url(../png/radio-check3cb2.png?ver=2020-06-05-204838-510) !important;
    filter: contrast(0);
}

.formulario .campo {
    vertical-align: middle;
    display: inline-block;
    width: 49%;
    margin-bottom: 3px;
    color: #fff;
}

.campo input {
    width: 100% !important;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 16px;
    outline: 0;
    margin: 5px;
    border: 1px solid #DEE2E6;
}

input:focus {
    outline: none; 
    border-color: #80bdff; 
    box-shadow: 0 0 0 0.2rem #80bdff80; 
}

.campo select {
    width: 100% !important;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 14px;
    outline: 0;
    margin: 5px;
    border: 1px solid #DEE2E6;
}

.newBTNEnviar {
    border-radius: 40px !important;
    color: #fff !important;
    font-weight: bold;
    transition: .5s all ease;
    background: #cd0b18 !important;
    border: 0 !important;
    font-size: 16px !important;
    outline: 0;
}

input.newBTNEnviar:hover {
    box-shadow: 0px 60px 0px rgba(0, 0, 0, 0.2) inset;
    cursor: pointer;
}

@media only screen and (max-width:768px) {

    .imagenColumnaInformacion{
        background-image: url(../png/info.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
        height: 400px;
        
       
    
    }

    .col-info{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .textoInformacion{
        text-align: center;
    }

    #informacionPimpollo2{
        margin-bottom: 80px;
    }

    .column-reverse{
        display: flex;
        flex-direction: column-reverse;
    }

    
    #tagline{
        margin:80px 0px;
        

    }
.imagenProducto2{
    max-width:100%;
    margin-top:40px;
    margin-left:20%;
}

.containerProducto2{
        background-color:#001689;
        border-radius:0px;
        display:flex;
        flex-direction:column;
        padding:30px 0px;
    }

.tituloTagline{
max-width:80%;

}
    

    .formulario .campo {
        width: 100%;
        margin: 12px 0;
    }


    .columnaProductos {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .columnaProductos a{

        margin-right: 0px;
        margin-bottom: 40px;
    }


    
    .tituloPimpollo {
        color: white;
        font-weight: 900;
        text-align: center;
        margin-top: 60px!important;
        line-height: 30px !important;
        font-size: 2.1rem !important;
    }

    .subtituloPimpolloHero {
    background-color: #F9D22D;
    color: #001789;
    font-weight: 800;
    padding: 6px 10px;
    text-align: center;
    max-width: 500px;
    font-size: 1.3rem;
    }

    .tituloRecetas {
    font-weight: 900;
    text-align: center;
    /* margin-top: 60px !important; */
    line-height: 40px !important;
    color: #0C2A97;
    font-size: 1.9rem !important;
    }

    .gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 300px;
    margin: 20px;
    /* padding: 20px; */
    }

    .textoProductos {
    color: white;
    text-align: center;
    padding: 0px 50px;
            margin: 30px 0px;
    }

    .container-custom {
    margin-left: 0%; 
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    text-align: center;
    }

    .tituloInformacion {
    color: #0C2A97;
    font-weight: 900;
    font-family: 'montserrat', sans-serif;
    line-height: 46px;
    font-size: 2.1rem !important;
    }

    .subtituloPimpolloHero2{
        font-size:2rem!important;
        line-height: 50px;
    }

    #recetas{
        margin-top:20px;
    }

    .textoInformacion-frase{
        margin:auto;
        margin-top: 10px ! important;
        margin: auto;
        margin-bottom: 30px;
    }
    .imagenProducto{
        max-width:100%;
        margin-top:-60px;
    }
}


/*.campo2:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}*/

.campo2 {
    position: relative;
    text-align: center;
    border: 1px solid #DEE2E6;
}

.campo select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 20px;
    height: 50px;
    border: 1px solid #DEE2E6;
    -ms-word-break: normal;
    word-break: normal;
}

.custom-control-label {
    color: white;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #ff0000;
}

.error-required:nth-child(4) {
    position: absolute;
    padding-top: 45px;
    display: flex;
    margin-left: 50px;
    color: #fed417;
    font-weight: 600;
}

.custom-radio-checkbox__text {
    font-size: 14px !important;
    line-height: 15px;
}

.modal-title {
    color: #333 !important;
}


@media (min-width: 1920px) {
    .container-boletin{
        max-width: 1100px;
    }
    

     .personaje_footer{
        width: 40vw;
        margin-left: -16vw;
    }

    
}


@media (min-width: 1620px) {
    .container-boletin{
        max-width: 1100px;
    }
    
    .personaje_footer{
        width: 52vw;
        margin-left: -24vw;
    }

    
}


@media (min-width: 1400px) {
    .container-boletin{
        max-width: 1100px;
    }

    
}



