/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/boxes/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.cajas-nosotros {
  display: -ms-grid;
  display: grid;
}

@media (min-width: 768px) {
  .cajas-nosotros {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}
.cajas-nosotros .wp-block-column {
  display: -ms-grid;
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  margin: 0 !important;
}

.wp-block-lapizzeria-boxes {
  height: 24rem;
  padding: 4rem 2rem;
  display: -ms-grid;
  display: grid;
  align-items: center;
}

.wp-block-lapizzeria-boxes p {
  font-size: 1.4rem;
  line-height: 1.5;
}

.wp-block-lapizzeria-boxes h2 {
  font-size: 2rem;
  margin: 0;
  line-height: 1;
  font-weight: 700;
}

.cajas-nosotros .wp-block-image {
  margin: 0;
  overflow: hidden;
  height: 24rem;
}

.cajas-nosotros .wp-block-image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 30rem;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/menu/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-lapizzeria-menu .titulo-menu {
  color: var(--rojo);
  font-family: var(--fuente-headings);
  text-align: left;
  font-size: 3rem;
  font-weight: 700;
  margin: 4rem 0;
}
.wp-block-lapizzeria-menu .nuestro-menu li {
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .wp-block-lapizzeria-menu .nuestro-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .wp-block-lapizzeria-menu .nuestro-menu li {
    flex: 0 0 calc(50% - 2rem);
  }
}
.wp-block-lapizzeria-menu .precio-titulo {
  border-bottom: 1px solid #dfdfdd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.wp-block-lapizzeria-menu .precio-titulo h3 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  font-size: 2.2rem;
}
.wp-block-lapizzeria-menu .precio-titulo h3 a {
  color: #000;
}
.wp-block-lapizzeria-menu .precio-titulo p {
  color: var(--naranja);
  font-family: var(--fuente-headings);
  font-weight: 700;
  font-size: 2.4rem;
  margin: 0;
}
.wp-block-lapizzeria-menu .contenido-plato p {
  color: #3d3d3d;
  line-height: 2;
  font-size: 1.4rem;
  font-family: var(--fuente-headings);
  text-align: left;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/gallery/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.wp-block-lapizzeria-gallery {
  margin-bottom: 6rem;
}
.wp-block-lapizzeria-gallery h2 {
  color: var(--rojo);
  font-weight: 700;
  margin-top: 2rem;
}
.wp-block-lapizzeria-gallery ul.listado-imagenes {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 2rem;
  list-style: none;
  padding: 0;
  margin-top: 3rem;
}
.wp-block-lapizzeria-gallery .imagen img {
  display: block;
  width: 100%;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/hero/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.wp-block-lapizzeria-hero.hero-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  background-size: cover;
}
.wp-block-lapizzeria-hero.hero-block h1, .wp-block-lapizzeria-hero.hero-block p {
  color: var(--blanco);
  margin: 0.5rem;
}
.wp-block-lapizzeria-hero .contenido-hero {
  max-width: 1200px;
  margin: 0 auto;
}
.wp-block-lapizzeria-hero .contenido-hero .hide {
  visibility: hidden;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/hero-doble/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/*
div.wp-block-lapizzeria-hero-doble.hero-doble-block {
    div .contenido-hero-doble
        div.columna-texto
            h1.titulo
            p.titulo
            div.cta
                a.boton.boton-secundario

        div.columna-imagen
            img
*/
.wp-block-lapizzeria-hero-doble.hero-doble-block {
  background-size: cover;
  padding: 8rem 2rem;
}
.wp-block-lapizzeria-hero-doble.hero-doble-block h1, .wp-block-lapizzeria-hero-doble.hero-doble-block p {
  color: var(--blanco);
}
.wp-block-lapizzeria-hero-doble .contenido-hero-doble {
  max-width: 1200px;
  margin: 0 auto;
}
.wp-block-lapizzeria-hero-doble .contenido-hero-doble .cta {
  margin-top: 1rem;
}
.wp-block-lapizzeria-hero-doble .contenido-hero-doble .columna-imagen {
  margin: 0 auto;
  padding: 5rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .wp-block-lapizzeria-hero-doble .contenido-hero-doble {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
  .wp-block-lapizzeria-hero-doble .contenido-hero-doble .columna-imagen {
    margin: 0;
    padding: 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/contenedor/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.wp-block-lapizzeria-contenedor {
  background-repeat: no-repeat;
  background-position: top left;
}
.wp-block-lapizzeria-contenedor .contenido-bloque {
  padding: 8rem 0;
}
.wp-block-lapizzeria-contenedor .contenido-bloque .bloques-internos {
  padding: 3rem;
  margin: 2rem;
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 768px) {
  .wp-block-lapizzeria-contenedor .contenido-bloque {
    min-height: 105rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
  .wp-block-lapizzeria-contenedor .contenido-bloque .bloques-internos {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}

/*# sourceMappingURL=style-index.css.map*/