header {
  background-color: #fff;
  border-bottom: 4px solid #FF4966; }
  header .navbar-nav {
    justify-content: center;
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center; }
  header .navbar-nav > li {
    display: inline-block;
    float: none; }
  header .container-fluid {
    justify-content: center;
    justify-items: center; }
  header #contenedorNav .contenedorNav__lista {
    display: inline-block;
    position: relative;
    margin: 0 3rem;
    margin-bottom: 1rem; }
    header #contenedorNav .contenedorNav__lista .menuActivo {
      border-bottom: 2.5px solid #FF4966; }
  header #contenedorNav li a {
    text-decoration: none;
    color: #706F6F;
    font-size: 20px;
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: bold; }
  header #contenedorNav li a:hover {
    border-bottom: 2.5px solid #FF4966; }
  header #logo {
    display: flex;
    justify-content: center;
    margin-left: 2rem; }
    header #logo .logo__imagen {
      object-fit: cover;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }

@media only screen and (max-width: 480px) {
  header #contenedorNav .contenedorNav__lista {
    display: block;
    position: relative;
    margin: 0 0.5rem; }
  header #contenedorNav li a {
    font-size: 1.5rem; }
  header #logo .logo__imagen {
    width: 45vw; } }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  header #contenedorNav .contenedorNav__lista {
    display: block;
    position: relative;
    margin: 0 0.5rem; }
  header #contenedorNav li a {
    font-size: 1.5rem; }
  header #logo .logo__imagen {
    width: 40vw; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  header #contenedorNav .contenedorNav__lista {
    display: inline-block;
    position: relative;
    margin: 0 2rem;
    margin-bottom: 1rem; }
  header #contenedorNav li a {
    font-size: 20px; }
  header #logo {
    display: flex;
    justify-content: center;
    margin-left: 2rem; }
    header #logo .logo__imagen {
      object-fit: cover;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; } }

footer {
  background-color: #000;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "uno       dos     tres"; }
  footer .divFooter {
    grid-area: dos;
    display: flex;
    justify-content: center; }
    footer .divFooter .copyFooter {
      color: #fff;
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 400;
      padding-top: 2.5rem;
      padding-bottom: 1rem;
      font-size: 15px; }
  footer #redesFooter {
    grid-area: tres;
    display: flex;
    justify-content: end;
    margin-right: 4rem;
    margin-top: 1.5rem;
    margin-bottom: 2rem; }
  footer .redes {
    height: 3rem;
    width: 3rem;
    margin-right: 1rem; }
  footer .redesImagen {
    height: 3rem;
    width: 3rem;
    margin-right: 1rem; }

@media only screen and (max-width: 480px) {
  footer .divFooter .copyFooter {
    padding-top: 2rem;
    padding-bottom: 1rem;
    font-size: 10px; }
  footer #redesFooter {
    margin-right: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem; }
  footer .redes {
    height: 2rem;
    width: 2rem;
    margin-right: 1rem; }
  footer .redesImagen {
    height: 2rem;
    width: 2rem;
    margin-right: 1rem; } }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  footer .divFooter .copyFooter {
    padding-top: 2rem;
    padding-bottom: 1rem;
    font-size: 10px; }
  footer #redesFooter {
    margin-right: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem; }
  footer .redes {
    height: 2rem;
    width: 2rem;
    margin-right: 1.5rem; }
  footer .redesImagen {
    height: 2rem;
    width: 2rem;
    margin-right: 1.5rem; } }

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  footer .divFooter .copyFooter {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    font-size: 10px; }
  footer #redesFooter {
    margin-right: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 2rem; }
  footer .redes {
    height: 2rem;
    width: 2rem;
    margin-right: 1.5rem; }
  footer .redesImagen {
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 1.5rem; } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

ul {
  list-style: none;
  text-decoration-line: none; }

ol, ul {
  padding-left: 0rem; }

p {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  overflow: auto; }

html, body {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden; }

/* ----------------------------------------CSS INDEX INICIO--------------------------- */
#indexMain {
  background-image: url(../assets/banner-home.jpg);
  width: 100vw;
  background-repeat: no-repeat; }

.tituloHome, .tituloSabores, .tituloGaleria, #delivery .delivery__titulo, .tituloContacto {
  color: #B50218;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  font-size: 45px;
  font-style: normal;
  font-weight: 500; }

#home .home__parrafoUno {
  color: white;
  text-align: center;
  font-weight: 700;
  font-size: 60px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  overflow: auto;
  padding-top: 6rem;
  margin-right: 30%;
  margin-bottom: 0px;
  letter-spacing: 0.25rem; }

#home .home__porcentaje {
  color: transparent;
  text-align: center;
  font-weight: 800;
  font-size: 90px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  overflow: auto;
  margin-right: 30%;
  -webkit-text-stroke: 4px #fff;
  margin-bottom: 0px;
  margin-top: -1.5rem;
  letter-spacing: 0.5rem; }

#home .home__parrafoDos {
  color: white;
  text-align: center;
  font-weight: 800;
  font-size: 45px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  overflow: auto;
  margin-right: 30%;
  margin-bottom: 1rem;
  margin-top: -1.5rem;
  letter-spacing: 0.25rem; }

#home .divBoton {
  display: flex;
  justify-content: center;
  padding-bottom: 8.85rem; }
  #home .divBoton .home__boton {
    margin-right: 30%;
    display: inline-block;
    align-self: center;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    padding: 15px;
    padding-left: 3rem;
    padding-right: 3rem;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #FF4966;
    border-radius: 40px;
    border: 2px solid #FF4966; }
  #home .divBoton .home__boton:hover {
    border: 2px solid #fff; }

/* ----------------------------------------CSS INDEX FIN--------------------------- */
/* ----------------------------------------CSS SABORES INICIO------------------------------ */
.subtituloSabores {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  color: #B50218;
  font-style: normal;
  font-weight: 400;
  font-size: 30px; }

#sabores {
  display: flex;
  justify-content: space-between;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 2%;
  padding-bottom: 2%;
 }
  #sabores .sabores__lista {
    color: #B50218;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px; }
  #sabores li {
    color: #B50218;
    font-size: 15px;
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    overflow: auto; }

#saboresMain {
  background-color: #FFF2F8; }

table {
  border: 1px solid;
  text-align: center; }
  table th {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #5a5a5a; }
  table tr, table td {
    border: 1px solid;
    font-family: 'Montserrat', sans-serif;
    color: #5a5a5a; }

#flexTablaSabores {
  display: flex;
  justify-content: center;
  margin-left: 20vw;
  margin-right: 20vw;
  padding-bottom: 2rem; }

/* ----------------------------------CSS SABORES FIN----------------------------------------- */
/* ----------------------------------CSS GALERIA INICIO--------------------------------------- */
#galeriaMain {
  background-color: #FFF2F8; }

#galeria {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 350px;
  grid-gap: 1.25rem;
  padding-top: 1.5rem;
  padding-left: 8rem;
  padding-right: 8rem;
  padding-bottom: 2rem; }
  #galeria .galeria__fotos:nth-child(3) {
    grid-row-start: span 2; }
  #galeria .galeria__fotos:nth-child(6) {
    grid-row-start: span 2; }
  #galeria .galeria__fotos:nth-child(9) {
    grid-column-start: span 2; }
  #galeria .galeria__fotos {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.subtituloVideos {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  color: #B50218;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  border-top: #B50218 1px solid;
  border-bottom: #B50218 1px solid;
  padding: 2rem; }

.galeriaVideos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 400px;
  grid-gap: 1rem;
  padding: 1.5rem; }
  .galeriaVideos .galeriaVideos__video {
    height: 100%;
    width: 100%;
    object-fit: cover; }

/* ----------------------------------CSS GALERIA FIN--------------------------------------- */
/* ----------------------------------CSS DELIVERY INICIO--------------------------------------- */
#delivery {
  background-color: #FFF2F8;
  padding-bottom: 5rem; }
  #delivery .delivery__grid {
    height: 55vh;
    display: grid;
    grid-template-columns: 15% 30% 4% 40% 11%;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "vacio1 direccion vacio4 horario vacio7"
 "vacio2 telefono vacio5 mapa vacio8"
 "vacio3 pedidosya vacio6 mapa vacio9"; }
    #delivery .delivery__grid .delivery__direccion {
      grid-area: direccion;
      border-bottom: 1px solid #706F6F; }
      #delivery .delivery__grid .delivery__direccion .delivery__icono {
        height: 30px;
        width: 30px;
        margin-right: 2rem; }
      #delivery .delivery__grid .delivery__direccion .delivery__parrafo {
        padding-top: 4rem;
        padding-bottom: 2rem;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        color: #706F6F;
        overflow: auto;
        font-size: 20px; }
    #delivery .delivery__grid .delivery__telefono {
      grid-area: telefono;
      width: 100%;
      border-bottom: 1px solid #706F6F; }
      #delivery .delivery__grid .delivery__telefono .delivery__icono {
        height: 30px;
        width: 30px;
        margin-right: 2rem; }
      #delivery .delivery__grid .delivery__telefono .delivery__parrafo {
        padding-top: 3rem;
        padding-bottom: 1rem;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        color: #706F6F;
        overflow: auto;
        font-size: 20px; }
    #delivery .delivery__grid .delivery__pedidosYa {
      grid-area: pedidosya;
      padding-top: 4rem;
      padding-bottom: 0rem; }
      #delivery .delivery__grid .delivery__pedidosYa .delivery__icono {
        height: 30px;
        width: 30px;
        margin-right: 2rem; }
      #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen {
        display: inline-block;
        align-self: center;
        text-decoration: none;
        padding: 15px;
        padding-left: 3rem;
        padding-right: 3rem;
        font-weight: 600;
        font-size: 20px;
        color: #ffffff;
        background-color: #FF4966;
        border-radius: 40px;
        border: 2px solid #FF4966; }
      #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen:hover {
        border: 2px solid #fff; }
    #delivery .delivery__grid .delivery__horario {
      grid-area: horario;
      width: 90%; }
      #delivery .delivery__grid .delivery__horario .delivery__icono {
        height: 30px;
        width: 30px;
        margin-right: 2rem; }
      #delivery .delivery__grid .delivery__horario .delivery__parrafo {
        padding-top: 4rem;
        padding-bottom: 0rem;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        color: #706F6F;
        overflow: auto;
        font-size: 20px; }
    #delivery .delivery__grid .delivery__mapa {
      display: flex;
      justify-content: center;
      grid-area: mapa;
      padding-top: 0.5rem;
      margin-left: 0rem; }
    #delivery .delivery__grid .iframeDelivery {
      height: 300px;
      width: 40vw; }
    #delivery .delivery__grid .delivery__parrafo {
      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 600;
      overflow: auto; }
    #delivery .delivery__grid .delivery__motoImagen {
      margin-top: 5rem;
      width: 100vw; }

/* ----------------------------------CSS DELIVERY FIN--------------------------------------- */
/* ----------------------------------CSS CONTACTO INICIO--------------------------------------- */
#contactoMain {
  background-color: #FFF2F8;
  width: 100vw; }

#contactoForm {
  text-align: center; }
  #contactoForm .divBoton {
    display: flex;
    justify-content: center;
    padding-bottom: 2rem; }
    #contactoForm .divBoton .contacto__boton {
      display: inline-block;
      align-self: center;
      text-decoration: none;
      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      padding: 15px;
      padding-left: 3rem;
      padding-right: 3rem;
      font-weight: 600;
      font-size: 20px;
      color: #ffffff;
      background-color: #FF4966;
      border-radius: 40px;
      border: 2px solid #FF4966; }
    #contactoForm .divBoton .contacto__boton:hover {
      border: 2px solid #fff; }

::placeholder {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #706F6F;
  overflow: auto;
  font-size: 20px; }

label {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #706F6F;
  overflow: auto;
  font-size: 20px; }

.contactoDiv {
  margin-left: 35vw;
  margin-right: 35vw;
  align-items: center; }

.comentarioDiv {
  margin-left: 35vw;
  margin-right: 35vw;
  align-items: center;
  font-family: 'Montserrat', sans-serif; }

/* ----------------------------------CSS CONTACTO FIN--------------------------------------- */
@media only screen and (max-width: 480px) {
  /* -----------------------CSS INDEX INICIO-------------------------------------- */
  #indexMain {
    background-image: url(../assets/tablet-banner.jpg); }
  #home .home__parrafoUno {
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 45px;
    padding-top: 4rem;
    margin-bottom: 0px;
    margin-right: 0%;
    letter-spacing: 0.25rem; }
  #home .home__porcentaje {
    color: transparent;
    text-align: center;
    font-weight: 800;
    font-size: 65px;
    margin-bottom: 0px;
    margin-top: -0.25rem;
    margin-right: 0%;
    letter-spacing: 0.5rem; }
  #home .home__parrafoDos {
    color: white;
    text-align: center;
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 1rem;
    margin-top: -0.25rem;
    margin-right: 0%;
    letter-spacing: 0.25rem; }
  #home .divBoton {
    padding-bottom: 4rem; }
    #home .divBoton .home__boton {
      padding: 8px;
      margin-right: 0%;
      padding-left: 2rem;
      padding-right: 2rem;
      font-weight: 600;
      font-size: 15px;
      border-radius: 40px;
      border: 2px solid #FF4966; }
    #home .divBoton .home__boton:hover {
      border: 2px solid #fff; }
  /* ----------------------------------------CSS INDEX FIN--------------------------- */
  /* ----------------------------------------CSS SABORES INICIO------------------------------ */
  .tituloSabores {
    font-size: 30px; }
  .subtituloSabores {
    font-size: 20px; }
  #sabores {
    display: flex;
    justify-content: space-between;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%; }
    #sabores .sabores__lista {
      font-size: 10px; }
    #sabores li {
      font-size: 7px; }
  #saboresMain {
    background-color: #FFF2F8; }
  table {
    font-size: 10px; }
  th {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; }
  tr, td {
    font-weight: 500; }
  .productosMenu {
    font-size: 15px; }
  /* ----------------------------------CSS SABORES FIN----------------------------------------- */
  /* ----------------------------------CSS GALERIA INICIO--------------------------------------- */
  #galeria {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 300px;
    grid-gap: 1rem;
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem; }
    #galeria .galeria__fotos:nth-child(3) {
      grid-row-start: span 1; }
    #galeria .galeria__fotos:nth-child(6) {
      grid-row-start: span 1; }
    #galeria .galeria__fotos:nth-child(9) {
      grid-column-start: span 1; }
  .tituloGaleria {
    font-size: 30px; }
  .subtituloVideos {
    font-size: 20px; }
  .galeriaVideos {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 400px;
    grid-gap: 1rem;
    padding: 1.5rem; }
    .galeriaVideos .galeriaVideos__video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  /* ----------------------------------CSS GALERIA FIN--------------------------------------- */
  /* ----------------------------------CSS DELIVERY INICIO--------------------------------------- */
  #delivery {
    padding-bottom: 5rem; }
    #delivery .delivery__titulo {
      font-size: 30px; }
    #delivery .delivery__grid {
      height: 40vh;
      display: grid;
      grid-template-columns: 7% 40% 6% 40% 7%;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-areas: "vacio1 direccion vacio4 horario vacio7"
 "vacio2 telefono vacio5 pedidosya vacio8"
 "vacio3 mapa mapa mapa vacio9"; }
      #delivery .delivery__grid .delivery__direccion {
        grid-area: direccion; }
        #delivery .delivery__grid .delivery__direccion .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__direccion .delivery__parrafo {
          padding-top: 2rem;
          padding-bottom: 0rem;
          font-size: 10px; }
      #delivery .delivery__grid .delivery__telefono {
        grid-area: telefono;
        width: 100%;
        border-bottom: 1px solid #706F6F; }
        #delivery .delivery__grid .delivery__telefono .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__telefono .delivery__parrafo {
          padding-top: 1.5rem;
          padding-bottom: 0rem;
          font-size: 10px; }
      #delivery .delivery__grid .delivery__pedidosYa {
        grid-area: pedidosya;
        padding-top: 1rem;
        padding-bottom: 0rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen {
          padding: 10px;
          padding-left: 1rem;
          padding-right: 1rem;
          font-weight: 600;
          font-size: 10px;
          width: 100px; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen:hover {
          border: 2px solid #fff; }
      #delivery .delivery__grid .delivery__horario {
        grid-area: horario;
        width: 100%;
        border-bottom: 1px solid #706F6F; }
        #delivery .delivery__grid .delivery__horario .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__horario .delivery__parrafo {
          padding-top: 2rem;
          padding-bottom: 0rem;
          font-size: 10px; }
      #delivery .delivery__grid .delivery__mapa {
        display: flex;
        justify-content: center;
        grid-area: mapa;
        padding-top: 0.5rem;
        margin-left: 0rem; }
      #delivery .delivery__grid .iframeDelivery {
        height: 200px;
        width: 80vw; }
      #delivery .delivery__grid .delivery__parrafo {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 600;
        overflow: auto; }
    #delivery .delivery__motoImagen {
      margin-top: 8rem;
      width: 100vw; }
  /* ----------------------------------CSS DELIVERY FIN--------------------------------------- */
  /* ----------------------------------CSS CONTACTO INICIO--------------------------------------- */
  .tituloContacto {
    font-size: 30px; }
  #contactoForm {
    text-align: center; }
  .contactoDiv {
    margin-left: 20vw;
    margin-right: 20vw; }
  .comentarioDiv {
    margin-left: 20vw;
    margin-right: 20vw; }
  ::placeholder {
    font-size: 15px; }
  label {
    font-size: 15px; }
  /* ----------------------------------CSS CONTACTO FIN--------------------------------------- */ }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  /* -----------------------CSS INDEX INICIO-------------------------------------- */
  #indexMain {
    background-image: url(../assets/tablet-banner.jpg); }
  #home .home__parrafoUno {
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    padding-top: 5rem;
    margin-bottom: 0px;
    margin-right: 0%;
    letter-spacing: 0.25rem; }
  #home .home__porcentaje {
    color: transparent;
    text-align: center;
    font-weight: 800;
    font-size: 65px;
    margin-bottom: 0px;
    margin-top: -0.25rem;
    margin-right: 0%;
    letter-spacing: 0.5rem; }
  #home .home__parrafoDos {
    color: white;
    text-align: center;
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 1rem;
    margin-top: -0.25rem;
    margin-right: 0%;
    letter-spacing: 0.25rem; }
  #home .divBoton {
    padding-bottom: 4rem; }
    #home .divBoton .home__boton {
      padding: 8px;
      margin-right: 0%;
      padding-left: 2rem;
      padding-right: 2rem;
      font-weight: 600;
      font-size: 20px;
      border-radius: 40px;
      border: 2px solid #FF4966; }
    #home .divBoton .home__boton:hover {
      border: 2px solid #fff; }
  .imagenLogo {
    width: 40vw;
    object-fit: cover; }
  /* ----------------------------------------CSS INDEX FIN--------------------------- */
  /* ----------------------------------------CSS SABORES INICIO------------------------------ */
  .tituloSabores {
    font-size: 50px; }
  .subtituloSabores {
    font-size: 35px; }
  #sabores {
    display: flex;
    justify-content: space-between;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%; }
    #sabores .sabores__lista {
      font-size: 20px; }
    #sabores li {
      font-size: 12px; }
  #saboresMain {
    background-color: #FFF2F8; }
  table {
    font-size: 15px; }
  th {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; }
  tr, td {
    font-weight: 500; }
  .productosMenu {
    font-size: 20px; }
  /* ----------------------------------CSS SABORES FIN----------------------------------------- */
  /* ----------------------------------CSS GALERIA INICIO--------------------------------------- */
  #galeria {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 350px;
    grid-gap: 1.5rem;
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem; }
    #galeria .galeria__fotos:nth-child(3) {
      grid-row-start: span 2; }
    #galeria .galeria__fotos:nth-child(6) {
      grid-row-start: span 2; }
    #galeria .galeria__fotos:nth-child(9) {
      grid-column-start: span 2; }
  .tituloGaleria {
    font-size: 50px; }
  .subtituloVideos {
    font-size: 20px; }
  .galeriaVideos {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 400px;
    grid-gap: 1rem;
    padding: 1.5rem; }
    .galeriaVideos .galeriaVideos__video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .tituloGaleria {
    font-size: 50px; }
  .subtituloVideos {
    font-size: 25px; }
  /* ----------------------------------CSS GALERIA FIN--------------------------------------- */
  /* ----------------------------------CSS DELIVERY INICIO--------------------------------------- */
  #delivery {
    padding-bottom: 5rem; }
    #delivery .delivery__titulo {
      padding-top: 1.5rem;
      padding-bottom: 0.5rem;
      font-size: 50px;
      font-style: normal;
      font-weight: 450; }
    #delivery .delivery__grid {
      height: 45vh;
      display: grid;
      grid-template-columns: 5% 35% 5% 50% 5%;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-areas: "vacio1 direccion vacio4 horario vacio7"
 "vacio2 telefono vacio5 mapa vacio8"
 "vacio3 pedidosya vacio6 mapa vacio9"; }
      #delivery .delivery__grid .delivery__direccion {
        grid-area: direccion; }
        #delivery .delivery__grid .delivery__direccion .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__direccion .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 15px; }
      #delivery .delivery__grid .delivery__telefono {
        grid-area: telefono;
        width: 100%;
        border-bottom: 1px solid #706F6F; }
        #delivery .delivery__grid .delivery__telefono .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__telefono .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 15px; }
      #delivery .delivery__grid .delivery__pedidosYa {
        grid-area: pedidosya;
        padding-top: 3rem;
        padding-bottom: 0rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen {
          padding: 10px;
          padding-left: 1rem;
          padding-right: 1rem;
          font-weight: 600;
          font-size: 15px;
          width: 180px; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen:hover {
          border: 2px solid #fff; }
      #delivery .delivery__grid .delivery__horario {
        grid-area: horario;
        width: 100%; }
        #delivery .delivery__grid .delivery__horario .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__horario .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 15px; }
      #delivery .delivery__grid .delivery__mapa {
        display: flex;
        justify-content: center;
        grid-area: mapa;
        padding-top: 0.5rem;
        margin-left: 0rem; }
      #delivery .delivery__grid .iframeDelivery {
        height: 250px;
        width: 40vw; }
      #delivery .delivery__grid .delivery__parrafo {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 600;
        overflow: auto; }
    #delivery .delivery__motoImagen {
      margin-top: 3rem;
      width: 100vw; }
  /* ----------------------------------CSS DELIVERY FIN--------------------------------------- */
  /* ----------------------------------CSS CONTACTO INICIO--------------------------------------- */
  .tituloContacto {
    font-size: 50px; }
  .contactoDiv {
    margin-left: 20vw;
    margin-right: 20vw; }
  .comentarioDiv {
    margin-left: 20vw;
    margin-right: 20vw; }
  /* ----------------------------------CSS CONTACTO FIN--------------------------------------- */ }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* -----------------------CSS INDEX INICIO-------------------------------------- */
  #indexMain {
    background-image: url(../assets/laptop-banner.png); }
  #home .home__parrafoUno {
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    padding-top: 5rem;
    margin-bottom: 0px;
    letter-spacing: 0.25rem; }
  #home .home__porcentaje {
    color: transparent;
    text-align: center;
    font-weight: 800;
    font-size: 65px;
    margin-bottom: 0px;
    margin-top: -0.25rem;
    letter-spacing: 0.5rem; }
  #home .home__parrafoDos {
    color: white;
    text-align: center;
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 1rem;
    margin-top: -0.25rem;
    letter-spacing: 0.25rem; }
  #home .divBoton {
    padding-bottom: 4rem; }
    #home .divBoton .home__boton {
      padding: 8px;
      padding-left: 2rem;
      padding-right: 2rem;
      font-weight: 600;
      font-size: 20px;
      border-radius: 40px;
      border: 2px solid #FF4966; }
    #home .divBoton .home__boton:hover {
      border: 2px solid #fff; }
  /* ----------------------------------------CSS INDEX FIN--------------------------- */
  /* ----------------------------------------CSS SABORES INICIO------------------------------ */
  .tituloSabores {
    font-size: 50px; }
  .subtituloSabores {
    font-size: 35px; }
  #sabores {
    display: flex;
    justify-content: space-between;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%; }
    #sabores .sabores__lista {
      font-size: 20px; }
    #sabores li {
      font-size: 12px; }
  #saboresMain {
    background-color: #FFF2F8; }
  table {
    font-size: 15px; }
  th {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; }
  tr, td {
    font-weight: 500; }
  .productosMenu {
    font-size: 20px; }
  /* ----------------------------------CSS SABORES FIN----------------------------------------- */
  /* ----------------------------------CSS GALERIA INICIO--------------------------------------- */
  #galeria {
    grid-auto-rows: 250px;
    grid-gap: 0.5rem;
    padding-top: 1.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-bottom: 1.5rem; }
  .tituloGaleria {
    font-size: 50px; }
  .subtituloVideos {
    font-size: 25px; }
  .gridGaleriaVideos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 200px; }
  /* ----------------------------------CSS GALERIA FIN--------------------------------------- */
  /* ----------------------------------CSS DELIVERY INICIO--------------------------------------- */
  #delivery {
    padding-bottom: 5rem; }
    #delivery .delivery__titulo {
      padding-top: 1.5rem;
      padding-bottom: 0.5rem;
      font-size: 50px;
      font-style: normal;
      font-weight: 500; }
    #delivery .delivery__grid {
      height: 45vh;
      display: grid;
      grid-template-columns: 5% 35% 5% 50% 5%;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-areas: "vacio1 direccion vacio4 horario vacio7"
 "vacio2 telefono vacio5 mapa vacio8"
 "vacio3 pedidosya vacio6 mapa vacio9"; }
      #delivery .delivery__grid .delivery__direccion {
        grid-area: direccion; }
        #delivery .delivery__grid .delivery__direccion .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__direccion .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 18px; }
      #delivery .delivery__grid .delivery__telefono {
        grid-area: telefono;
        width: 100%;
        border-bottom: 1px solid #706F6F; }
        #delivery .delivery__grid .delivery__telefono .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__telefono .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 18px; }
      #delivery .delivery__grid .delivery__pedidosYa {
        grid-area: pedidosya;
        padding-top: 3rem;
        padding-bottom: 0rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen {
          padding: 10px;
          padding-left: 2rem;
          padding-right: 2rem;
          font-weight: 600;
          font-size: 18px;
          width: 200px; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen:hover {
          border: 2px solid #fff; }
      #delivery .delivery__grid .delivery__horario {
        grid-area: horario;
        width: 100%; }
        #delivery .delivery__grid .delivery__horario .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__horario .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 18px; }
      #delivery .delivery__grid .delivery__mapa {
        display: flex;
        justify-content: center;
        grid-area: mapa;
        padding-top: 0.5rem;
        margin-left: 0rem; }
      #delivery .delivery__grid .iframeDelivery {
        height: 250px;
        width: 40vw; }
      #delivery .delivery__grid .delivery__parrafo {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 600;
        overflow: auto; }
    #delivery .delivery__motoImagen {
      margin-top: 3rem;
      width: 100vw; }
  /* ----------------------------------CSS DELIVERY FIN--------------------------------------- */
  /* ----------------------------------CSS CONTACTO INICIO--------------------------------------- */
  .tituloContacto {
    font-size: 50px; }
  /* ----------------------------------CSS CONTACTO FIN--------------------------------------- */ }

@media only screen and (max-width: 1440px) and (min-width: 1025px) {
  /* -----------------------CSS INDEX INICIO-------------------------------------- */
  #indexMain {
    background-image: url(../assets/banner-home.jpg); }
  #home .home__parrafoUno {
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    padding-top: 5rem;
    margin-bottom: 0px;
    letter-spacing: 0.25rem; }
  #home .home__porcentaje {
    color: transparent;
    text-align: center;
    font-weight: 800;
    font-size: 65px;
    margin-bottom: 0px;
    margin-top: -0.25rem;
    letter-spacing: 0.5rem; }
  #home .home__parrafoDos {
    color: white;
    text-align: center;
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 1rem;
    margin-top: -0.25rem;
    letter-spacing: 0.25rem; }
  #home .divBoton {
    padding-bottom: 4rem; }
    #home .divBoton .home__boton {
      padding: 8px;
      padding-left: 2rem;
      padding-right: 2rem;
      font-weight: 600;
      font-size: 20px;
      border-radius: 40px;
      border: 2px solid #FF4966; }
    #home .divBoton .home__boton:hover {
      border: 2px solid #fff; }
  /* ----------------------------------------CSS INDEX FIN--------------------------- */
  /* ----------------------------------------CSS SABORES INICIO------------------------------ */
  .tituloSabores {
    font-size: 50px; }
  .subtituloSabores {
    font-size: 35px; }
  #sabores {
    display: flex;
    justify-content: space-between;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%; }
    #sabores .sabores__lista {
      font-size: 20px; }
    #sabores li {
      font-size: 12px; }
  #saboresMain {
    background-color: #FFF2F8; }
  table {
    font-size: 15px; }
  th {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; }
  tr, td {
    font-weight: 500; }
  .productosMenu {
    font-size: 20px; }
  /* ----------------------------------CSS SABORES FIN----------------------------------------- */
  /* ----------------------------------CSS GALERIA INICIO--------------------------------------- */
  #galeria {
    grid-auto-rows: 250px;
    grid-gap: 0.5rem;
    padding-top: 1.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-bottom: 1.5rem; }
  .tituloGaleria {
    font-size: 50px; }
  .subtituloVideos {
    font-size: 25px; }
  .gridGaleriaVideos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 200px; }
  /* ----------------------------------CSS GALERIA FIN--------------------------------------- */
  /* ----------------------------------CSS DELIVERY INICIO--------------------------------------- */
  #delivery {
    padding-bottom: 5rem; }
    #delivery .delivery__titulo {
      padding-top: 1.5rem;
      padding-bottom: 0.5rem;
      font-size: 50px;
      font-style: normal;
      font-weight: 500; }
    #delivery .delivery__grid {
      height: 45vh;
      display: grid;
      grid-template-columns: 5% 35% 5% 50% 5%;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-areas: "vacio1 direccion vacio4 horario vacio7"
 "vacio2 telefono vacio5 mapa vacio8"
 "vacio3 pedidosya vacio6 mapa vacio9"; }
      #delivery .delivery__grid .delivery__direccion {
        grid-area: direccion; }
        #delivery .delivery__grid .delivery__direccion .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__direccion .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 18px; }
      #delivery .delivery__grid .delivery__telefono {
        grid-area: telefono;
        width: 100%;
        border-bottom: 1px solid #706F6F; }
        #delivery .delivery__grid .delivery__telefono .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__telefono .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 18px; }
      #delivery .delivery__grid .delivery__pedidosYa {
        grid-area: pedidosya;
        padding-top: 3rem;
        padding-bottom: 0rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen {
          padding: 10px;
          padding-left: 2rem;
          padding-right: 2rem;
          font-weight: 600;
          font-size: 18px;
          width: 200px; }
        #delivery .delivery__grid .delivery__pedidosYa .delivery__PedidosYa__imagen:hover {
          border: 2px solid #fff; }
      #delivery .delivery__grid .delivery__horario {
        grid-area: horario;
        width: 100%; }
        #delivery .delivery__grid .delivery__horario .delivery__icono {
          height: 20px;
          width: 20px;
          margin-right: 0.5rem; }
        #delivery .delivery__grid .delivery__horario .delivery__parrafo {
          padding-top: 3rem;
          padding-bottom: 0rem;
          font-size: 18px; }
      #delivery .delivery__grid .delivery__mapa {
        display: flex;
        justify-content: center;
        grid-area: mapa;
        padding-top: 0.5rem;
        margin-left: 0rem; }
      #delivery .delivery__grid .iframeDelivery {
        height: 300px;
        width: 40vw; }
      #delivery .delivery__grid .delivery__parrafo {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 600;
        overflow: auto; }
    #delivery .delivery__motoImagen {
      margin-top: 8rem;
      width: 100vw; }
  /* ----------------------------------CSS DELIVERY FIN--------------------------------------- */
  /* ----------------------------------CSS CONTACTO INICIO--------------------------------------- */
  .tituloContacto {
    font-size: 50px; }
  .contactoDiv {
    margin-left: 25vw;
    margin-right: 25vw; }
  .comentarioDiv {
    margin-left: 25vw;
    margin-right: 25vw; }
  /* ----------------------------------CSS CONTACTO FIN--------------------------------------- */ }