@charset "UTF-8";
/* ************************************************************** */
/* Funciones globales */
/* Habra que @import mas adelante en un fichero */
/* ************************************************************** */
/* ************************************************************** */
/* Colores */
/* ************************************************************** */
/* Conjunto principal de colores */
/* Conjunto secundario de colores */
/* Color de los botones */
/* ************************************************************** */
/* GENERAL */
/* ************************************************************** */
/* Titulos */
h1, h2, h3, h4, h5, h6,
h2.blog-entry-title.entry-title {
  color: #000;
  font-weight: lighter;
  text-transform: uppercase; }

/* Quitarle el subrayado a los enlaces */
a {
  text-decoration: none;
  font-weight: bold; }

/* corrige margenes de las columnas dentro del elemento Fondo  */
.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow,
.wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
  max-width: 1140px; }

/* Corrige el fallo de margen en las columnas internas por actualizacion del WP */
.wp-block-column {
  margin-right: 3%; }

/* borde redondeado imagenes */
.wp-block-image img {
  border-radius: 3% !important; }

/* quita las mayusculas del child pages aplicado en las paginas de productos */
h3.ccpage_linked_title {
  text-transform: initial; }

/* color del boton2 aplicado en fondo escuro */
button.cboton2 {
  border-radius: 3%;
  background: #fff;
  color: #000; }

button.ctelefono {
  border-radius: 3%;
  border-width: 3px;
  border-style: solid;
  border-color: #ffffff; }

/* oculta el banner del recaptcha v3 */
.grecaptcha-badge {
  visibility: hidden; }

/* botones normales y de formularios */
/*input[type="reset"], input[type="submit"], button {
    color: $primary-color;
    background-color: $button-color;
    width: auto;
    height: 55px;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid $primary-background-color;
    transition-duration: 0.4s; /*tiempo en cambiar de color por hover*/
/*box-shadow: 0 8px 16px 0 #00000017, 0 6px 20px 0 rgba(0, 0, 0, 0.099); sombra */
/*text-transform: uppercase; /*quitar si no quieres el texto en mayuscula*/
/*}*/
/* Corrige un fallo del wordpress en las galerías de imágenes */
.wp-block-gallery-is-layout-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

/* Fin General */
/* *************/
/* ************************************************************** */
/* BLOG */
/* ************************************************************** */
/* Cambia el tamaño del título de las publicaciones en la página del blog */
.layout-grid .content > .blog-entry-title {
  margin-bottom: 10px;
  font-size: 20px; }

/* FIN BLOG */
/* ************************************************************** */
/* FORMULARIO DE CHILD PAGES */
/* ************************************************************** */
/* Tamaño título */
h3.ccpage_linked_title {
  font-size: 1px;
  visibility: hidden; }

/* alineación del titulo child pages */
.threecol .ccchildpage {
  text-align: center;
  background: none; }

/* fondo de columnas */
.simple .ccchildpage {
  background: none; }

/* alinea todo el contenido del movil */
.onecol .ccchildpage {
  display: inline-grid;
  text-align: center; }

/* Fin child pages */
/* *****************/
/* ************************************************************** */
/* FORMULARIO DE CONTACTO */
/* ************************************************************** */
/* altura de la caja de mensaje del formulario */
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 120px; }

/* Corrige la ubicacion de la casilla de aceptacion del formulario */
.wpcf7-list-item {
  margin: 0; }

/* altura de la caja de mensaje del formulario */
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 120px; }

/* Corrige la ubicacion de la casilla de aceptacion del formulario */
.wpcf7-list-item {
  margin: 0; }

/* Corrige la posicion de las opciones de los botones de seleccion del formulario */
span.wpcf7-form-control.wpcf7-radio {
  display: grid; }

/* Fin Formulario */
/* ****************/
/* ************************************************************** */
/* RESPONSIVE */
/* ************************************************************** */
/* Clases que se aplican en Movil */
@media screen and (min-width: 0) and (max-width: 991px) {
  .visible-movil {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .visible-escritorio {
    display: none; }
  .wp-block-column {
    margin-bottom: 5%;
    margin-left: 3%; }
  /* boton llamanos - ocultar en escritorio */
  a.ctelefono.boton.desktop {
    display: none; }
  /* Ajustar ancho de casillas del formulario en movil */
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 300px; }
  input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
    width: 300px; }
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 300px; }
  /* Altura minima texto extracto */
  .excerpt-wrap.entry-summary {
    min-height: 130px; }
  /* invertir la ubicacion de la imagen en movil */
  .invertir {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

/* Clases que se aplican en Escritorio */
@media screen and (min-width: 992px) and (max-width: 3000px) {
  .visible-movil {
    display: none; }
  .visible-escritorio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  /* boton llamanos - ocultar en movil */
  a.ctelefono.boton.movil {
    display: none; }
  /*** BLOG ***/
  /* Altura minima del titulo hasta maximo 4 renglones */
  h2.blog-entry-title.entry-title {
    min-height: 80px; }
  /* Altura minima texto extracto */
  .excerpt-wrap.entry-summary {
    min-height: 135px; } }

/* Fin Responsive */
/* ****************/