@font-face {
  font-family: BebasNeue;
  src: url("../Fonts/BebasNeue.otf");
}

@font-face {
  font-family: BebasNeue-Bold;
  src: url("../Fonts/BebasNeue-Bold.ttf");
}

@font-face {
  font-family: BebasNeue-Book;
  src: url("../Fonts/BebasNeue-Book.ttf");
}

@font-face {
  font-family: BebasNeue-Light;
  src: url("../Fonts/BebasNeue-Light.ttf");
}

@font-face {
  font-family: MyriadPro;
  src: url("../Fonts/MyriadPro-Regular.otf");
}

@font-face {
  font-family: BebasNeue-Regular;
  src: url("../Fonts/BebasNeue-Regular.ttf");
}

@font-face {
  font-family: BebasNeue-Thin;
  src: url("../Fonts/BebasNeue-Thin.ttf");
}

@font-face {
  font-family: WorkSans;
  src: url("../Fonts/WorkSans-VariableFont_wght.ttf");
}

body {
  font-family: WorkSans;
}

.proximamente-container{
  background-image: url("../img/Recursos/proximamente_web.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  height: 100vh;
}

.home-container{
  display: grid;
  justify-items: center;
}

.home-container .grid-container {
  display: grid;
  width: 100%;
}

.home-img-grid-container {
  background-image: url("../img/Recursos/home_mobile2.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 75%;
  width: 100%;
}

.grid-text-container {
  display: grid;
  grid-template-columns: 100%;
}

.grid-title-container{
  background-image: url("../img/Recursos/home_mobile2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 500px;
}

.grid-title-container div{
  display: none;
}

.grid-title-container h1 {
  display: none;
}

.price-title-img {
  background-image: url("../img/Recursos/titulo_premios.jpg");
  background-position: center;
  background-size: cover;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.price-card{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 300px
}

.price-card-img1 {
  background-image: url("../img/Recursos/1premio.png");
}

.price-card-img2 {
  background-image: url("../img/Recursos/2premio.png");
}

.price-card-img3 {
  background-image: url("../img/Recursos/3premio.png");
}

.price-btn {
  border: 0;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 50px;
  color: #D0D1D1;
  text-align: right;
  font-family: BebasNeue-Book;
  font-size: x-large;
  width: 300px;
}

.btn-img1{
  background-image: url("../img/Recursos/1premio_leer.png");
}

.btn-img2{
  background-image: url("../img/Recursos/2premio_leer.png");
}

.btn-img3{
  background-image: url("../img/Recursos/3premio_leer.png");
}

.calendar-container {
  background-image: url("../img/Recursos/recorte_bordo.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 250px 0;
}

.bene-grid-container{
  display: grid;
  grid-template-areas: 
  "image"
  "text";
}

.sponsors-img-container{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.violet1-img{
  background-image: url("../img/Recursos/cuadro_mostaza1.png");
}

.violet2-img{
  background-image: url("../img/Recursos/cuadro_mostaza2.png");
}

.violet3-img{
  background-image: url("../img/Recursos/cuadro_mostaza3.png");
}

.goeswith-img{
  background-image: url("../img/Recursos/trapecio_mostaza_sin_fondo.png");
}

.grid-areas{
  display: grid;
  grid-template-areas: 
  "winepartner"
  "main";
  grid-template-columns: 90%;
  justify-content: center;
}

.grid-areas-sponsors{
  display: grid;
  grid-template-areas: 
  "goeswith"
  "goeswith2" 
  "goeswith3";
  grid-template-columns: 90%;
  justify-content: start;
}

.grid-areas-collab {
  display: grid;
  grid-template-areas: 
  "collab1" 
  "collab2" 
  "collab3" 
  "collab4";
  grid-template-columns: 90%;
  justify-content: center;
}

/* tiempo entre cada slide */
.carousel-item {
  transition: transform 3s ease-in-out;  
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 3s;  
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 3s;  
}

@media screen and (max-width:480px) {
	.proximamente-container{
	  background-image: url("../img/Recursos/proximamente_mobile.jpeg");
	  background-size: 100%;
	  background-color: #EFEBE8;
	}
}


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

  .home-container {
    background-image: url("../img/Recursos/Home.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    grid-template-rows: repeat(2, 1fr);
    row-gap: 10%;
    width: 100%;
  }

  .home-container .grid-container {
    grid-template-rows: none;
    height: 100%;
    grid-template-columns: 55% 45%;
  }

  .bene-container{
    background-image: url("../img/Recursos/edificio-sin-fondo.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .grid-title-container{
    background-image: none;
    height: 100%;
  }
  
  .grid-title-container div{
    display:flex;
  }
  
  .grid-title-container h1 {
    display: block;
  }

  .grid-text-container {
    grid-template-columns: 100%;
  }

  .price-card{
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 400px;
  }

  .calendar-container {
    padding: 100px 40px;
  }

  .bene-container{
    background-size: 40%;
  }

  .bene-grid-container{
    display: flex;
    grid-template-areas: none;
  }

  .sponsors1-container{
    background-image: url("../img/Recursos/barra_petroleo_vertical.png");
    background-repeat: no-repeat;
    background-size: 50%;
  }
  
  .sponsors2-container{
    background-image: url("../img/Recursos/barra_mostaza_vertical-sin-fondo.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
  }
  

  .grid-areas{
    display: grid;
    grid-template-areas: 
    "winepartner main"
    "goeswith goeswith2";
    grid-template-columns: 45% 45%;
    justify-content: center;
  }

  .grid-areas-sponsors{
    display: grid;
    grid-template-areas: 
    "goeswith goeswith2 goeswith3";
    grid-template-columns: repeat(3, 35%);
    justify-content: start;
  }

  .grid-areas-collab {
    grid-template-areas: 
    "collab1 collab2" 
    "collab3 collab4";
    grid-template-columns: repeat(2, 50%);
  }
}

@media screen and (min-width: 1024px){
  
  .home-container .grid-container {
    display: grid;
    grid-template-columns: 60% 35%;
  }

  .grid-text-container {
    grid-template-columns: 65% 35%;
  }

  .grid-text-container div {
    padding-left: 40px;
    padding-right: 10px;
  }

  .grid-areas{
    grid-template-columns: 45% 45%;
    justify-content: center;
  }

  .grid-areas-sponsors{
    display: grid;
    grid-template-areas: 
    "goeswith goeswith2 goeswith3";
    grid-template-columns: repeat(3, 25%);
    justify-content: start;
  }

  .grid-areas-collab {
    grid-template-areas: 
    "collab1 collab2 collab3 collab4";
    grid-template-columns: repeat(4, 25%);
  }

}

@media screen and (min-width: 1280px){
  .home-container{
    background-image: url("../img/Recursos/Home2.png");
  }
}

@media screen and (min-width: 1440px) {
  .home-container{
    row-gap: 15%;
  }
}

@media screen and (min-width: 1536px) {


}

@media screen and (min-width: 2100px) {

  .home-container{
    row-gap: 15%;
  }

  .sponsors1-container{
    background-image: url("../img/Recursos/barra_petroleo_vertical.png");
    background-repeat: no-repeat;
    background-size: 40%;
    padding-bottom: 400px;
  }

  .price-card{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
    width: 500px
  }
}