/*
Theme Name: vivecanasta
Theme URI: https://www.vivecanasta.com/themes/vivecanasta
Author: Nombre del autor
Author URI: URL del autor
Description: Descripción del tema
Version: 1.0
*/


@font-face {
    font-family: "Montserrat";
    src: url("https://vivecanasta.com/wp-content/css/Montserrat-Medium.woff2");
  }
  @font-face {
    font-family: "Minion";
    src: url("https://vivecanasta.com/wp-content/css/Minion-Variable-Concept.otf");
  }






/*  GENERALES // MISCELANEA */

*{
    box-sizing: border-box;
}
@font-face {
    font-family: "Michland";
    src: url("https://vivecanasta.com/wp-content/themes/html5blank-stable/fonts/Michland.otf");
  }
  @font-face {
    font-family: "Myriad Pro";
    src: url("https://vivecanasta.com/wp-content/themes/html5blank-stable/fonts/myriad.OTF");
  }
  @font-face {
    font-family: "Britannic"; 
    src: url("https://vivecanasta.com/wp-content/themes/html5blank-stable/fonts/Britannic.ttf"); 
    /
}  

  .movil{
    display: none!important;
  }
  .pc{
    display: block;
  }

.imgBaresSS img{
	
	border:2px solid #af8c37;
}

  h1, h2, h3 {
    font-family: 'Michland';
    color: #502c1d;
    font-weight: 400;
}


  html,body{
    overflow-x: hidden;
    margin:0 ;
  }
  body{
    background-color: #faf7f2;
  }
  .container{
    max-width: 100%;
    width: auto;
    margin: 0 auto;
  }

  img{
    max-width: 100%;
    width: auto;
  }
/* 
  footer{
    background-color: #502c1d;
} */

  .v-line {
    border-left: thick solid #493024;
    height: 32%;
    left: 50%;
    position: absolute;
    margin-left: 2%;
}
.h-line {
    border-top: 2px solid #FFF;
    width: 10%;
    margin: 0 auto;
    margin-top: -1%;
}

/* header{
    background-color:#f8ede3 ;
} */




/*   HEADER */
.tituloVivecanasta{
    font-size: 4.4em;
    text-align: center;
}

.tituloEasy{
    font-size: 4.4em;
    text-align: center;
}

.imgHeader{
    text-align: center;
    padding-top: 2%;
}

.imgHeader img{
    width: 20%;
}



/*  SECCION SORTEO   */
.sorteoSS {
    display: flex;
    margin-top: -3%;
    /* padding: 0 11%; */
    flex-direction: row;
    gap: 5%;
    justify-content: center;
    align-items: center;
    padding-left: 21%;
    padding-right: 12%;
    height: 403px;
    margin-bottom: 6%;
    background-image: url(https://vivecanasta.com/wp-content/uploads/2024/03/fondoRegistrate.png);
    background-repeat: no-repeat;
}
/*SORTEO BOTÓN*/
/* .buttonSorteo {
    cursor: pointer;
    border: 0;
    background-color: #af8c37;
    padding: 0.7em 2.2em;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    transform: scale(1);
    font-family: 'Myriad Pro';
    transition: 0.3s;
    font-weight: 800;
    width: fit-content;
    letter-spacing: 0.1em;
    font-size: 1.3em;
}
.buttonSorteo:hover{
    color: #af8c37;
    background-color: #FFF;
    border: #af8c37 ;
    transform: scale(1.1);
    transition: 0.3s;
} */

.fin{
    cursor:not-allowed ;
    border: 0;
    background-color: #af8c37;
    filter: brightness(0.7);
    padding: 0.7em 2.2em;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    transform: scale(1);
    font-family: 'Myriad Pro';
    transition: 0.3s;
    font-weight: 800;
    width: fit-content;
    letter-spacing: 0.1em;
    font-size: 1.3em;
}

.bodegonSorteoS{
    display: flex;
    flex: 1.1;
}

.imgSorteoSS {
    margin-top: 7%;
    width: 71%;
}

.sorteoSText {
    width: 30%;
    flex-direction: column;
    display: flex;
    margin-bottom: 5%;
    flex: 1;
}

.sorteoInsta{
    font-weight: 700;
    font-family: Helvetica;
    font-size: 1.9em;
    color: #FFF;
}

.sorteoSText h2 {
    font-size: 5em;
    margin-bottom: -5%;
    color: #FFF;
}

.sorteoSText p {
    font-size: 1.7em;
    font-family: 'Helvetica';
    width: 90%;
    margin-top: -2%;
    color: #FFF;
}




/*  SECCION BARES  */

.tituloBares {
    font-size: 4em;
    text-align: center;
    margin-top: 1%;
}

.subtitulo{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.subtituloBares {
    text-align: center;
    margin-top: -1.7em;
    font-family: 'Myriad Pro';
    font-size: 1.8em;
    color: #563426;
    width: 42%;
    margin-bottom: 1.8em;
}

/*LISTA DE BARES Y MAPA FLEX*/

.listaBaresMapa {
    margin-right: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
    margin-bottom: 6%;
}

.imgBaresSS{
    flex-basis: 40%;
}



/* LISTA BARES  */

.listaBaresSS {
    line-height: 1.3em;
    margin-top: -2%;
    margin-right: -2%;
}

.listaBaresSS a{
    text-decoration: none;
    color: #af8c37;
}
.listaBaresSS a:visited{
    color: #af8c37;
}

.listaBaresSS p:hover{
    transform: scale(1.05);
    text-decoration: underline;
    transition: 0.3s;
}

.listaBaresSS p{
    color: #af8c37;
    font-family: 'Helvetica';
    font-size: 1.8em;
    font-weight: 400;
    font-style: italic;
    transform: scale(1);

    transition: 0.3s;

}

.listaBaresSS p .baresSS{
    color: #493024;
    font-style: normal;
}
.listaBaresSS p .horas{
    color: #af8c37;
    font-weight: bold;
    font-style: normal;

}

/*REGISTRATE*/

.registrateForm {
    background-color: #f8ede3;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-top: -2%;
    padding: 7%;
    margin-top: -11%;
    padding-bottom: 0;
    margin-bottom: 7%;
}
.regisImg img{
    width: 80%;
}

.regisTexto h2 {
    font-family: 'Helvetica';
    color: #502c1d;
    font-weight: 500;
    font-size: 2.2em;
    line-height: 1.2em;
    width: 51%;
}

.regisImg{
    position: relative;
    top: 5.3em;
}

.regisTexto {
    width: 50%;
    margin-top: 8%;
    margin-right: -9%;
    margin-left: 14%;
}
.regisTexto strong{
    font-weight: 700;
}


.buttonRegis {
    /* cursor: pointer; */
    border: 0;
    background-color: #FFF;
    padding: 0.7em 4em;
    text-transform: uppercase;
    color: #502c1d;
    text-decoration: none;
    transform: scale(1);
    font-family: 'Helvetica';
    transition: 0.3s;
    font-weight: 800;
    width: fit-content;
    font-size: 1.3em;
}
/* .buttonRegis:hover{
    color: #FFF;
    background-color: #502c1d;
    border: #FFF ;
    transform: scale(1.1);
    transition: 0.3s;
} */


/*PARTE NEWSLETTER*/

.newsletterSocial {
    /* background-image: linear-gradient(to right, transparent 1%, rgba(185, 154, 79, 0.5) 49.5%, #b99a4f 60.1%); */
    padding: 2%;
    text-align: center;
}

.newsletterSocial h3 {
    font-family: 'Helvetica';
    font-size: 1.3em;
    font-weight: 500;
    color: #FFF;
    margin-top: 0;
}
.logoRed{
    width: 70%;
}

.newsletterSocial h3 span{
   text-decoration: underline;
}

.socialCanasta{
    display: flex;
    justify-content: center;
    gap: 3em;
    align-items: center;
    margin-top: 2%;
}





/* FOOTER  */



.imgFooterLogo {
    padding: 2%;
    text-align: center;
    margin-top: -1%;
}

.tiendaWH {
    color: #FFF;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 1em;
    font-style: italic;
    transition: 0.3s;
}



.linkTienda{
    text-align: center;
    padding-bottom: 2%;
    margin-top: -1%;
}



.tiendaWH:hover{
    font-size: 1.5em;
    
    transition: 0.3s;
}

.imgFooterLogo img {
    width: 9%;
}

.easyHeader{
    background-color: #FEF1E6;
}

#ep_frame_975256{
    width: 100%;
    margin-top: 1%;
    height: 918px;
}

#pagSorteo{
    background-color: #fef1e6;
}


.buttonInsta {
    cursor: pointer;
    border: 0;
    background-color: #FFF;
    padding: 0.7em 3em;
    text-transform: uppercase;
    color: #502c1d;
    text-decoration: none;
    transform: scale(1);
    font-family: 'Helvetica';
    transition: 0.3s;
    font-weight: 800;
    width: fit-content;
    font-size: 1.3em;
}

.buttonInsta a{
    color: #502c1d;
    text-decoration: none;
}

.instagramVivecanasta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    background-color: #f5e1d2;
    margin: 0 auto;
    padding: 0% 2%;
    margin-bottom: 6%;
}

.instagramVivecanasta h2 {
    font-size: 4em;
    width: 70%;
    line-height: 0.9em;
}

.instagramVivecanasta p {
    color: #493024;
    font-family: 'Helvetica';
    font-size: 1.5em;
    width: 70%;
    margin-top: -8.2%;
    margin-bottom: 4%;
}

.textoInsta {
    flex: 1;
    padding-bottom: 5%;
}

.feedInsta{
    flex: 2;
    margin-right: -5%;
}

.galeriaInsta{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

/* PAGINA CORPORATIVA */
/* HEADER */

.fondo-canasta {
    background: linear-gradient(0deg, rgba(244, 228, 212, 1) 44%, rgba(185, 144, 128, 1) 83%);
    height: 720px;
    margin-bottom: 6%;
}

.logo-canasta-header {
    text-align: center;
    padding-top: 3%;
}

.logo-canasta-header img {
    width: 100%;
    max-width: 8%;
}

.vuelve-pronto {
    text-align: center;
    margin-top: 3%;
}
.vuelve-pronto h1 {
    font-family: 'Britannic';
    font-size: 3.3em;
    color: #691D0C;
    margin: 0;
}
.vuelve-pronto p{
    padding: 0 34%;
    font-size: 1.3em;
    font-family: 'Bariol Regular';
    line-height: 1.2em;
    color: #936254;
}

.bodegonVive {
    text-align: center;
    margin-top: 2%;
}
.bodegonVive img{
    width: 16%;
}
.footer-vuelvaPronto {
    display: flex;
    width: 32%;
    margin: 1% auto;
    justify-content: center;
    align-items: center;
    gap: 0%;
}

.linksCanasta {
    display: flex;
    gap: 5%;
    flex: 2;
}

.linksCanasta h2 {
    font-size: 1.2em;
    font-family: 'Britannic';
    border-left: 3px solid #691D0C;
    padding-left: 2%;
    color: #691D0C;
    text-transform: uppercase;
    transition: 0.3s;
    cursor: pointer;
}
.linksCanasta h2:hover {
    transform: scale(1.1);
    transition: 0.3s;
}


.redesCorpo {
    display: flex;
    gap: 7%;
    flex: 1;
    justify-content: center;
    align-items: center;
}
.redesCorpo img {
    width: 100%;
    max-width: 12%;
    cursor: pointer;
}









/*  RESPONSIVE MOVIL  */
@media only screen and (min-width: 300px) and (max-width: 767px) { 

    .pb8{
        padding-bottom: 8%;
    }

    .pb15 {
    padding-bottom: 12%;
}
    .pc{
        display:none;
    }

    .movilF{
        display: flex;
    }

    .movil{
        display: block!important;
    }

    .imgHeader {
        text-align: center;
        padding-top: 6%;
    }
    .imgHeader img {
        width: 40%;
    }

    .logo{
        width: 40%!important;
    }

    .tituloVivecanasta {
        font-size: 2.8em;
        text-align: center;
        padding: 0% 8%;
        line-height: 0.8em;
    }
    .registrateForm {
        flex-direction: column;
        margin-bottom: 11%;
    }

    .regisTexto {
        width: 100%;
        margin-top: 1%;
        margin-right: unset;
        margin-left: unset;
        padding: 0% 5%;
    }

    .regisTexto h2 {
    text-align: center;
    font-size: 1.1em;
    width: 100%;
}

    .buttonRegis {
        padding: 0.7em 2em;
        font-size: 1.1em;
    }
    .center{
        text-align: center;
    }

    .regisImg {
        text-align: center;
        top: 0;
    }

    .tituloBares {
    font-size: 2.6em;
    text-align: center;
    padding: 0 7%;
    margin: 0.17em 0%;
    margin-top: -6%;
    line-height: 0.8em;
	padding-top: 4%;
}

   .subtituloBares {
    margin-top: 1%;
    font-size: 1.1em;
    padding: 0 1%;
    width: 87%;
    margin-bottom: 1.8em;
}

    .v-line{
        display: none;
    }


    .listaBaresMapa {
        flex-direction: column;
        margin: 0%;
    }
    .imgBaresSS {
        text-align: center;
    }
    .baresSS{
        width: 80%;
    }
    .listaBaresSS {
        margin-top: 4%;
        margin-bottom: -11%;
    }

    .listaBaresSS a{

        color: #af8c37;
        text-decoration: none;
    }

    .listaBaresSS p {
        font-size: 1em;
    }

    .sorteoSS {
        margin-top: 15%;
        flex-direction: column;
        padding: 0;
        height: unset;
        background-color: none;
        background-image: url('https://vivecanasta.com/wp-content/uploads/2024/03/fondoMovil-Vivecanasta-2.png');
		background-size:cover;
    }

    .sorteoSText {
        width: 100%;
    }

    .sorteoSText h2 {
    font-size: 4em;
    margin-top: 8%;
    text-align: center;
    line-height: 0.9em;
}

    .sorteoInsta {
        font-size: 1.5em;
        text-align: center;
    }

    .sorteoSText p {
    font-size: 1.3em;
    width: 100%;
    text-align: center;
    padding: 0 8%;
    margin-top: -3%;
    margin-bottom: 8%;
}
    .buttonSorteo{
        padding: 0.7em 2em;
        font-size: 1.1em;
    }

    .bodegonSorteoS.movil {
        background-color: #78644c;
        padding-bottom: 7%;
        margin-bottom: -7%;
        display: flex;
    }

    .imgSorteoSS {
        margin: 0 auto;
        margin-top: 10%;
        width: 62%;
    }

    .newsletterSocial {
        padding-top: 6%;
    }
   .socialCanasta {
    margin-top: 2%;
    margin-left: 4%;
    margin-bottom: 6%;
	       gap: 1em;
}
	.socialCanasta img{
		width:60%;
	}
	.h-line{
	margin-top:-3%;
	
	}

   .imgFooterLogo img {
    width: 29%;
    margin-top: 4%;
    margin-bottom: 4%;
}

    .linkTienda {
        padding-bottom: 5%;
    }

    .tituloEasy{
        font-size: 2.8em;
        text-align: center;
        padding: 0% 8%;
        padding-bottom: 10%;
    }


    .containerEasy24 {
        margin-top: 3% !important;
    }
	
	.regisImg img {
    width: 90%;
}
	
	.newsletterSocial h3 {
    font-size: 1em;
}
	
.tiendaWH {
    font-size: 1em;
}
	
	.twitter{
		
		margin-left: -29%;}

        iframe {
            width: 100%;
            height: 295px;
        }

        .instagramVivecanasta{
            flex-direction: column;
            padding: unset;
            width: 80%;
        }

        .instagramVivecanasta h2 {
            font-size: 3.7em;
            width: 100%;
            text-align: center;
            margin-bottom: 9%;
            padding: 1%;
        }


        .instagramVivecanasta p {
            padding: 0 8%;
            font-size: 1.3em;
            width: 100%;
            text-align: center;
            margin-top: 1%;
        }
        .textoInsta {
            text-align: center;
            flex: 1;
            margin-top: -8%;
            padding-bottom: 5%;
        }

        .buttonInsta {
            margin-top: 7%;
            margin-bottom: 6%;
            width: 59%;
            padding: 4%;
        }

        .feedInsta {
             margin-right: unset; 
        }


        .fondo-canasta {
            background: linear-gradient(0deg, rgba(244, 228, 212, 1) 44%, rgba(185, 144, 128, 1) 83%);
            height: fit-content;
            margin-bottom: 6%;
        }

        .logo-canasta-header {
            text-align: center;
            padding-top: 9%;
        }
        .logo-canasta-header img {
            width: 100%;
            max-width: 26%;
        }
        .vuelve-pronto {
            text-align: center;
            margin-top: 5%;
        }
        .vuelve-pronto h1 {
            font-family: 'Britannic';
            font-size: 2.4em;
            color: #691D0C;
            margin: 0;
        }
        .vuelve-pronto p {
            padding: 0 14%;
            font-size: 1.1em;
            font-family: 'Bariol Regular';
            line-height: 1.2em;
            color: #936254;
        }
        .bodegonVive {
            text-align: center;
            margin-top: 9%;
        }
            .bodegonVive img {
        width: 200px;
    }
        .footer-vuelvaPronto {
            display: flex;
            width: 46%;
            flex-direction: column;
            margin: 5% auto;
            justify-content: center;
            align-items: center;
            gap: 0%;
        }
        .linksCanasta {
            text-align: center;
            width: 100%;
            display: block;
        }
        .linksCanasta h2 {
            font-size: 1.2em;
            font-family: 'Britannic';
            border-left: unset;
            color: #691D0C;
            text-transform: uppercase;
            transition: 0.3s;
            cursor: pointer;
        }
		.linksCanasta h2:nth-of-type(1){
			margin-bottom:1.5em;
		
		}
        .redesCorpo {
            display: flex;
            gap: 7%;
            flex: 1;
            justify-content: center;
            align-items: center;
            margin-top: 4%;
        }
            .redesCorpo img {
        width: 100%;
        max-width: 40px;
    }



   

}

@media only screen and (min-width: 768px) and (max-width: 1279px) { 
.logo-canasta-header img {
    width: 130px;
     max-width: unset; 
	margin-bottom:4em;
}
	    .vuelve-pronto p {
         padding:unset; 
        font-size: 1.4em;
        font-family: 'Bariol Regular';
        line-height: 1.2em;
        color: #936254;
        width: 60%;
        margin-inline: auto;
    }
	.bodegonVive {
    text-align: center;
    margin-top: 3em;
}
	.bodegonVive img {
    width: 200px;
}
	.footer-vuelvaPronto {
    width: 52%;
		gap:2em;
}
	.linksCanasta {
    display: flex
;
    gap: 5%;
     flex: unset;
    width: 80%;
}
	.redesCorpo img {
    width: 30px;
     max-width: unset; 
    cursor: pointer;
}
	


}



@media only screen and (min-width: 1280px)  { 
.movil, .movilF{
    display: none;
}
	.redesCorpo img {
    width: 30px;
     max-width:unset; 
    cursor: pointer;
}
	.footer-vuelvaPronto {
    display: flex
;
    width: 46%;
    margin: 1% auto;
    justify-content: center;
    align-items: center;
    gap: 1em;
}
	.linksCanasta {
    display: flex
;
    gap: 5%;
     flex: unset;
    width: 100%;
}
	.logo-canasta-header img {
    width: 150px;
    max-width: unset;
}
	

}


@media only screen and (min-width: 1280px) and (max-width: 1900px)  { 
    .regisTexto h2{
        width: 61%;
    }
    .sorteoSText h2 {
        font-size: 3.5em;
        margin-bottom: -8.1%;
        
    }
    .registrateForm{
        margin-top: -14%;
    }
    .sorteoSText p {
        font-size: 1.2em;
        width: 79.2%;
        margin-top: -5%;
    }

    .buttonSorteo{
        font-size: 1.2em;
    }
    .tituloBares {
        font-size: 3.5em;
        margin-top: 8%;
    }
    .subtituloBares{
        font-size: 1.5em;
    }

    .listaBaresSS p{
        font-size: 1.6em;

    }
    .socialCanasta {
        display: flex;
        justify-content: center;
        gap: 1.5em;
        align-items: center;
        margin-top: 2%;
    }
    .textoInsta {
        flex: 1;
        padding-bottom: 5%;
        padding-left: 4%;
    }
    .instagramVivecanasta {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80%;
        background-color: #f5e1d2;
        margin: 0 auto;
        margin-bottom: 6%;
    }
    .fondo-canasta {
        background: linear-gradient(0deg, rgba(244, 228, 212, 1) 44%, rgba(185, 144, 128, 1) 83%);
        height: fit-content;
        margin-bottom: 6%;
    }

    }