/**
Theme Name: solpru_child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solpru_child
Template: astra
*/
/* cabecera de due risk*/
/* Forzar que todas las barras de cabecera sean negras */
.ast-above-header, 
.main-header-bar, 
.ast-below-header {
    background-color: #E6E9ED !important;
    background-image: none !important;
}
/*FOOTER CREADO sistemas*/

.footer-bottom{
  padding: 0;
}
.footer-blocks{
  padding-bottom: 0;
}
.footer{
  background-color: #A11217;
}
.footer-contenedor{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-texto-strong{
  color: white!important;
}
.copyright{
  color: rgba(255,255,255,0.7);
  font-family: 'Roboto', sans-serif;
  font-size: 16px!important;
}
.footer-texto{
  font-family: 'Roboto', sans-serif;
  color: white;
  text-align: left;
  margin-right: 20px; /* Ajusta el margen derecho según sea necesario */
  flex: 1;
  font-size: 16px!important;
}

.imagen-contenedor {
  max-width: 100%; /* Asegura que la imagen no sea más ancha que su contenedor */
}

.tu-clase {
  width: 100%; /* Expande la imagen al 100% del ancho del contenedor */
  height: auto; /* Mantiene la proporción de aspecto de la imagen */
  /* Otros estilos según sea necesario */
}
@media screen and (max-width: 768px) {
  /* Estilos específicos para pantallas más pequeñas */
  .imagen-contenedor {
    display: none
  }
  button {
    padding: 12px 20px; /* Ajustado el tamaño del botón para dispositivos más pequeños */
  }
  .card {
    flex: 100%;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap');

.header{
  background-color: #E6E9ED !important;
}
#main-wrapper{
  background-color: #ffffff;
}

.region-primary-menu .menu{
  font-family: 'Quicksand', sans-serif !important;
}

.main-menu.menu li{
  font-weight: 500;
}
/*
.menu-item-level-1 a:hover{
  background-color: #E6E9ED!important;
  border-bottom: 2px solid !important;
  color: black !important;
  transition: color 0.4s ease !important;
}

*/

.submenu{
  background-color: #9A999E !important;
}
/*.menu-item.main-menu-item.menu-item-level-2:hover{
  border: red solid 2px;
  background-color: red !important;
}
*/
.region-primary-menu .submenu a:hover{
  color: #ffffff;
  background-color: #9A999E !important;
  font-weight: bold;
}
.footer-bottom-middle{
  border-top: 3px double rgba(255,255,255,0.7);
}
#block-imagensolpru {
  width: 100%;
}

.img-front {
  width: 100%;
  height: auto; /* Mantiene la proporción de aspecto de la imagen */
  /* Otros estilos según sea necesario */
}

.contenedor-categorias {
  text-align: center;
}


.descargar-btn {
  background: #bd1313; /* color de fondo */
  color: #fff; /* color de fuente */
  border: 2px solid #bd1313; /* tamaño y color de borde */
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  font-size: 16px;
  border-radius: 16px; /* redondear bordes */
}
.descargar-btn:hover {
  color: #bd1313; /* color de fuente hover */
  border: #bd1313 2px solid;
}
.descargar-btn:after {
  content: "";
  background: #FFF; /* color de fondo hover */
  position: absolute;
  z-index: -1;
  padding: 16px 20px;
  display: block;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.descargar-btn:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.compra-btn {
  background: #bd1313; /* color de fondo */
  color: #fff; /* color de fuente */
  /*border: 2px solid #bd1313;  tamaño y color de borde */
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  font-size: 16px;
  border-radius: 16px; /* redondear bordes */
}
.compra-btn:hover {
  color: #bd1313; /* color de fuente hover */
  border: #bd1313 2px solid;
}
.compra-btn:after {
  content: "";
  background: #FFF; /* color de fondo hover */
  position: absolute;
  z-index: -1;
  padding: 16px 20px;
  display: block;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.compra-btn:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.contenedor-botones{
  background-color: #fff;
  padding: 6px;
}

.compra-btn {
  margin-left: 0; /* Cambiado para que no haya margen izquierdo en el segundo botón en dispositivos pequeños */
}


/*MISION Y VISION*/

.contenedor-ms {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card {
  flex: 1;
  border-radius: 7px 7px 7px 7px;
  box-shadow: 10px 4px 8px rgba(0, 0, 0, 0.1);  /* Sombreado */
  padding: 20px;
  margin: 10px;
  background-color: #ffffff;
  text-align: center;
  background-image: url('http://madisa.eurodigital.agency/wp-content/uploads/2019/06/bg-3.png'); /* Reemplaza 'ruta/de/tu/imagen.jpg' con la ruta correcta de tu imagen */
}
.card h2{
  text-align: right;
  color: #A11217;
  font-weight: bold;
  font-size: 50px;
}
@media screen and (max-width: 480px) {
  .card {
    flex:auto;
  }
}

.contenedor-r{
  background-image: url('https://madisa.eurodigital.agency/wp-content/uploads/2019/06/bg-3.png'); /* Reemplaza 'ruta/de/tu/imagen.jpg' con la ruta correcta de tu imagen */
}
.contenedor-r-texto{
  text-align: center;
  padding: 60px;
}
.contenedor-r-texto h2{
  color:#54595f;
  font-weight: bold;
  font-size: 45px;
}
.contenedor-linea {
  display: flex;
  justify-content: center;
  align-items: center
}

.linea {
  width: 20%; /* Ajusta el ancho de la línea según tus necesidades */
  border-top: 5px solid #A11217; /* Color y estilo de la línea */
}


.contenedor-padre {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 7px 7px 7px 7px;
  box-shadow: 10px 4px 8px rgba(0, 0, 0, 0.1);  /* Sombreado */
  padding: 20px;
  margin: 10px;
  background-color: #ffffff;
}

.contenedor-izquierdo,
.contenedor-medio,
.contenedor-derecho {
  flex: 1;
  text-align: center;
  padding: 50px;
  box-sizing: border-box;
}

.linea-vertical {
  height: 80px; /* Ajusta la altura de la línea según tus necesidades */
  width: 2px;
  background-color: #000; /* Color de la línea vertical */
}
.contenedor-izquierdo h2 {
  text-align: left;
  color: #54595f;
  font-weight: bold;
  /*font-size: 2.1em;*/
}
.contenedor-medio h2{
  text-align: left;
  color: #54595f;
  font-weight: bold;
  /*font-size: 2.1em;*/
}
.contenedor-derecho h2 {
  text-align: left;
  color: #54595f;
  font-weight: bold;
  /*font-size: 2.1em;*/
}

@media (max-width: 768px) {
  .contenedor-padre {
    flex-direction: column; /* Cambia a disposición de columna en pantallas pequeñas */
  }
  .contenedor-imagenes-chocolates{
      display: block !important;
      
  }
  .clase-de-productos {
      width: 100% !important;
  }
  #block-views-block-productos-block-1 .views-col {
    width: 100% !important;
  }
  .contenedor-r-texto{
      padding:10px;
  }
  .contenedor-izquierdo, .contenedor-medio, .contenedor-derecho{
      padding:10px;
  }

  .linea-vertical {
    display: none; /* Muestra la línea en pantallas pequeñas */
    margin: 10px auto; /* Centra la línea verticalmente */
  }
}



.texto-resena-negrita{
  /*color: #A11217;*/
  /*font-weight: bold;*/
  padding: 20px;
  text-align:justify;
  /*font-size: 24px;*/
}

.contenedor-galeria h2{
  font-size: 30px;
  color: #A11217;
  font-weight: bold;
  text-align: center;
}
.contenedor-sucursal-iz h2{
  text-align: center;
  font-weight: 400;
  color: #A11217;
  font-size: 28px;
}

.texto-sucursal{
  font-size: 13px;
  color: #54595f;
  text-align: justify;
  padding: 0;
  padding-bottom: 5px;
  font-weight: 400;
}
.tu-nuevo-div{
  text-align: left;
  font-size: 14px;
}
.tu-nuevo-div i{
  color: #A11217;
}
.tu-nuevo-div a{
  color: #54595f !important;
}

/* RECETAS */

.contenedor-recetas {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;

  background-color: #fff;
}

.columna-receta {
  border: 1px solid #fff;
  padding: 10px;
  text-align: justify;
  font-size: 14px;
}

.titulo-receta {
  text-align: center;
  font-size: 20px;
  color: #A11217;
  font-weight: bold;
  border-bottom: #A11217 1px solid;
}

.imagen-receta {
  align-self: center;
}

.titulo-padre-receta {
  font-size: 30px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  background-color: #A11217;
  padding: 10px;
  border-radius: 5px;
}


.lista-recetas {
  list-style-type: none;
  padding: 0;
  font-weight: bold;
}

.lista-receta-contenido {
  position: relative;
  padding-left: 30px; /* Ajustar el espacio para el icono */
  cursor: pointer;
  margin-bottom: 8px;
  display: flex;
  align-items: center; /* Centrar verticalmente el texto y el icono */
  border-bottom: 1px solid #ccc; /* Borde en la parte inferior */
}

.lista-receta-contenido::before {
  content: "\25CB"; /* Círculo Unicode vacío */
  font-size: 2em; /* Ajustar el tamaño del círculo */
  margin-right: 10px; /* Espaciado entre el icono y el texto */
  color: #555; /* Color del círculo vacío */
  display: inline-block;
  vertical-align: middle;
}

.lista-receta-contenido.completed::before {
  content: "\25CF"; /* Círculo Unicode lleno cuando está completado */
  color: #A11217; /* Cambiar el color del círculo lleno a verde */
}

.lista-receta-contenido span {
  vertical-align: middle;
  display: inline-block;
}

.lista-receta-contenido.completed span {
  text-decoration: line-through; /* Aplicar tachado solo al texto cuando está completado */
}

.lista-receta-contenido.selected {
  color: #A11217;
}

@media (max-width: 768px) {
  .contenedor-recetas {
    grid-template-columns: 1fr; /* Cambiar a una sola columna en pantallas más pequeñas */
  }
}

.img-responsive{
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.contenedor-chocobon-front{
    position: relative;
    display: inline-block;
}
.boton-uno-choco{
    top: 55%;
    position: absolute;
    left: 14%;
    border-radius: 10px !important;
  font-size: 16px !important;
  background-color: #A11217;
}
.boton-dos-choco{
    position: relative;
    left: 29%;
    bottom: 111px;
    border-radius: 10px !important;
  font-size: 16px !important;
  background-color:#A11217;
}


.boton-uno-choco:hover{
    background-color: transparent;
  border: 3px solid #A11217;
  color: #A11217;
}


.boton-dos-choco:hover{
background-color: transparent;
  border: 3px solid #A11217;
  color: #A11217;
}
.contenedor-izquierda{
    position: relative;
    display: inline-block;
}
.contenedor-derecha{
    position: relative;
    display: inline-block;
}
.boton-uno-doble{
    position:relative;
    left: 49%;
    bottom: 24%;
    border-radius: 10px !important;
  font-size: 16px !important;
  background-color: #A11217;
  border: inherit;
}
.boton-dos-doble{
    position:relative;
    border-radius: 10px !important;
  font-size: 16px !important;
  background-color: #A11217;
  left: 51%;
  bottom:24%;
  border: inherit;
}
.boton-uno-doble:hover{
  background-color: #A11217;
  border: inherit;
  color: white;
}
.boton-dos-doble:hover{
  background-color: #A11217;
  border: inherit;
  color: white;
}


/* respsivos botones*/

    /* Media queries para móviles */
    

/* Estilo base (móviles por defecto) */
@media (max-width: 319px) {
    .boton-uno-choco{
      border:2px solid black;
        }
        .boton-dos-choco{
      border:2px solid black;
        }
}

/* Pequeños (320–359px) */
@media (min-width: 320px) and (max-width: 359px) {
    .boton-uno-choco{
      border:2px solid black;
        }
        .boton-dos-choco{
      border:2px solid black;
        }
}

/* Medianos comunes (360–413px) */
@media (min-width: 360px) and (max-width: 413px) {
    .boton-uno-choco{
          top: 66%;
          left: 20%;
          font-size: 11px !important;
      }
      .boton-dos-choco{
          left: 52%;
          bottom:0.9%;
          font-size: 11px !important;

      }
      .contenedor-izquierda{
          text-align:center;
      }
      .contenedor-derecha{
          text-align:center;
      }
      .boton-uno-doble{
          left:0px;
          bottom:0px;
          font-size: 11px !important;
      }
      .boton-dos-doble{
          left:0px;
          bottom:0px;
          font-size: 11px !important;

      }
}

/* Móviles grandes (414–479px) */
@media (min-width: 414px) and (max-width: 479px) {
  .boton-uno-choco{
        }
        .boton-dos-choco{
        }
}

/* Phablets / muy grandes (480–599px) */
@media (min-width: 480px) and (max-width: 599px) {
      .boton-uno-choco{
          top: 66%;
          left: 20%;
          font-size: 11px !important;
      }
      .boton-dos-choco{
          left: 52%;
          bottom:0.9%;
          font-size: 11px !important;
      }
}

/* Tablets pequeñas (600–767px) */
@media (min-width: 600px) and (max-width: 767px) {
    .boton-uno-choco{
        font-size: 11px !important;
        top:50%;
        left:13%;
        }
    .boton-dos-choco{
        font-size: 11px !important;
        bottom:74px;
        }
}

/* Tablets grandes (768–991px) */
@media (min-width: 768px) and (max-width: 991px) {
      .boton-uno-choco{
          top: 55%;
          left: 13%;
          font-size: 14px !important;
      }
      .boton-dos-choco{
          left: 29%;
          bottom: 71px;
          font-size: 14px !important;
      }
      .boton-uno-doble{
          font-size: 12px !important;
          left:44%;
      }
      .boton-dos-doble{
          left:45%;
          font-size: 12px !important;
      }
      
}

/* Laptops pequeños / escritorio mínimo (992–1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .boton-uno-choco{
        }
        .boton-dos-choco{
        }
}

/* Escritorios estándar (1200–1599px) */
@media (min-width: 1200px) and (max-width: 1599px) {
  .boton-uno-choco{
        }
        .boton-dos-choco{
        }
}

/* Escritorios grandes (1600–1919px) */
@media (min-width: 1600px) and (max-width: 1919px) {
  .boton-uno-choco{
        }
        .boton-dos-choco{
        }
}