@charset "UTF-8";
/* ************************************************************** */
/* Funciones globales */
/* Habrá que @import más adelante en un fichero */
/* ************************************************************** */
/* Calcula el tamaño de los hx */
/* usa: @include encabezados(#222222,2em,0.1em);*/
/* toma como valores por defecto 1.9 em y 0.2 em */
/* MODIFICACIONES */
/* 20210607 Importación del CSS en el tema NEVE */
/* 20201221 Corrección de errores */
/* 20210120 cambios en el childpages */
/* 20210209 cambios en el margenes y padding de modulo morado */
/* tamaños h1 - h6 */
/* @include encabezados($primary-color,2em,0.3em);
 en color primario / h1 a 2em / h2 a 1.7 em / h3 a 1.4em ...*/
/* ************************************************************** */
/* Zonas de la web */
/* ************************************************************** */
/* #headerwrap #main-nav #content #footer*/
#main-nav a {
  color: #ffffff; }

/* ************************************************************** */
/* Colores */
/* ************************************************************** */
/* Conjunto principal de colores */
/* Conjunto secundario de colores */
/* Color de los botones */
/* Reglas adicionales sobre los colores si el tema es oscuro */
/*$dark-theme: false !default;
@if $dark-theme {
  $primary-color: darken($primary-color, 60%);
  $accent-color: lighten($accent-color, 60%);
}*/
/* ************************************************************** */
/* Body */
/* ************************************************************** */
p {
  color: #000000;
  font-size: 15px;
  margin-bottom: 10px; }

h2, h3, h4, h5, h6 {
  color: #212c5f; }

h1 {
  font-size: 3em;
  font-weight: bold; }

h2 {
  font-size: 2em;
  font-weight: 700; }

/* Links */
a {
  color: #212c5f; }

a:hover {
  color: #89d2e4 !important; }

a:visited {
  color: darken #212c5f; }

.nv-content-wrap li {
  font-size: 15px; }

/* ************************************************************** */
/* Cabecera */
/* ************************************************************** */
/* Color del menú en la página actual-seleccionada */
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav ul a:hover {
  color: #ffffff; }

/* color menú */
.nav-ul li a {
  color: #ffffff; }

/*Colores y estilos para los shortcodes de botones*/
#respond #cancel-comment-reply-link, .commentlist .comment-reply-link {
  background-color: #89d2e4;
  color: #ffffff; }

/* ubica el texto del sub menu a la izquierda */
.nav-ul .sub-menu li .has-caret, .nav-ul .sub-menu li > a {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }

/* ************************************************************** */
/* oculta migas de pan del tema */
/* ************************************************************** */
.neve-breadcrumbs-wrapper {
  display: none; }

/* ************************************************************** */
/* childPages */
/* ************************************************************** */
/* tamaño letra del titulo */
.ccpage_title_link {
  font-size: 18px;
  text-align: center; }

/* tamaño de la imagen */
.cc-child-pages-thumb {
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0; }

/* alineación del titulo */
.threecol .ccchildpage {
  text-align: left;
  padding-left: 0;
  margin-left: 0;
  width: 32.333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.fourcol .ccchildpage {
  padding-left: 0; }

/* oculta el enlace "mostrar mas" */
.ccpages_excerpt, .ccpages_more {
  display: none; }

/*código de formulario */
span.wpcf7-list-item {
  margin-left: 0.5em;
  display: block !important; }

/* ************************************************************** */
/* Botones normales y de formularios */
/* ************************************************************** */
/* botones normales y de formularios (PENDIENTE quitar los important) */
input[type="reset"], input[type="submit"], button {
  color: #ffffff;
  background-color: #89d2e4;
  width: 250px;
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  /*border: 2px solid $secondary-color;*/
  -webkit-transition: 0.5s;
  transition: 0.5s;
  letter-spacing: 2px;
  /*espacio entre las letras)*/ }

.wpcf7-form-control.has-spinner.wpcf7-submit {
  background-color: #89d2e4;
  color: #ffffff; }

button whatsapp {
  background-color: #89d2e4; }

/*botones*/
button:hover {
  background-color: #89d2e4 !important;
  color: #ffffff !important;
  -webkit-box-shadow: none;
          box-shadow: none; }

/* check en los formularios*/
button, input, select, textarea {
  margin: 0; }

/*formulario*/
form input:-moz-read-write {
  height: 40px;
  width: 80vh; }
form input:read-write {
  height: 40px;
  width: 80vh; }

.enlace-formulario a {
  color: #ffffff; }

button.cboton1, button.ctelefono {
  background-color: #89d2e4; }

button.cboton1:hover, button.ctelefono:hover {
  background-color: #ffffff; }

.wp-block-cover.has-background-dim:not([class*=-background-color]) .azul-boton button.ctelefono {
  background-color: #212c5f; }

/* ************************************************************** */
/* Fondos Contrastados */
/* ************************************************************** */
/* Header, footer, etc.*/
#slide-cart, .header-minbar .sidemenu, .header-leftpane #headerwrap, .header-rightpane #headerwrap, .header-slide-out #headerwrap, .header-slide-out .sidemenu, #headerwrap, #footerwrap {
  background-color: #bbbbbb !important;
  color: #ffffff !important; }

/* ************************************************************** */
/* Header */
/* ************************************************************** */
#headerwrap a {
  color: #ffffff; }

#site-logo a {
  color: inherit; }

#header {
  padding: .2em; }

/*Tamaño de menú al 80%*/
.header--row.layout-fullwidth .header--row-inner .container {
  max-width: 100%;
  width: 80%;
  margin: auto; }

/* ************************************************************** */
/* Navegación principal */
/* ************************************************************** */
/* #main-nav {
    Mejor tocar en la sección de Fondos Contrastados 
}
#main-nav a {
    Mejor tocar en la sección de Fondos Contrastados 
}*/
/* color de fondo si existe widget del header 
.header-widget-full{
    background-color: $primary-accent-color !important;
}*/
/* ************************************************************** */
/* Barra lateral */
/* ************************************************************** */
.sidebar-left #sidebar {
  width: 22%;
  margin-left: 3%;
  margin-top: 2%; }

/* Jerarquía de las listas de categorías en la barra lateral */
#sidebar .widget .children li {
  border-bottom: 0px solid #bbbbbb; }

.widget ul ul.children {
  margin-left: 15px;
  list-style-type: square; }

/* ************************************************************** */
/*Módulos con margenes*/
/* ************************************************************** */
/*** Fondo con imágen que se adapta al módulo ***/
.tam-fondo-img {
  width: 100%;
  height: 100%;
  margin-left: 10px; }

.wp-block-columns.alignwide {
  margin-block: 40px; }

/* ************************************************************** */
/* Contact Form 7 */
/* ************************************************************** */
/* Poner los checkboxes en distintas líneas (nota para mi: cambiar a display block si hay otro checkbox - debó probar) */
span.wpcf7-list-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0; }

/* disminuye la caja de mensaje del formulario de contacto */
textarea {
  min-height: 0;
  height: 10em; }

/* Enlaces en formularios*/
a [data-class="wpcf7cf_group"] {
  color: #ffffff; }

.envio-privacidad-formulario a {
  color: #000000; }

/* disminuye el margen del contenido legal sobre protección de datos del formulario de contacto */
.contact-form-rgpd li {
  margin: 0;
  padding: 0; }

/* Suma de la garantía invisible */
.suma {
  display: none; }

h2.garantia {
  font-size: 150%; }

/* ************************************************************** */
/* Color de scroll */
/* ************************************************************** */
.scroll-to-top {
  color: #ffffff;
  padding: 10px 12px 10px 12px;
  border-radius: 5px;
  background-color: #89d2e4; }

.scroll-to-top:hover {
  color: #ffffff !important;
  background-color: #212c5f; }

/* hace que el scroll tenga un margen arriba y corrige el error de ubicación */
.wp-block-columns {
  scroll-margin-block: 150px !important; }

/* ************************************************************** */
/* Iconos */
/* ************************************************************** */
.icono-tam {
  width: 100px;
  height: 100px;
  display: block;
  margin: auto; }

/* ************************************************************** */
/*Colores y grosor de tipografías para diferentes diseños */
/* ************************************************************** */
.texto-light {
  font-size: 16px;
  font-weight: lighter;
  text-transform: uppercase; }

/****Clase para titular de dos colores***/
.text-color {
  color: #89d2e4; }

/*** Clase para titular de dos colores light ***/
.text-color-dos {
  font-weight: lighter;
  color: #212c5f;
  font-size: 28px; }

/* ************************************************************** */
/* Icono hamburguesa diseño */
/* ************************************************************** */
/*tamaño del icono hamburguesa*/
.menu-mobile-toggle item-button navbar-toggle-wrapper, button {
  width: auto !important; }

/**** Quita la sombra en el botón menú ****/
.builder-item--nav-icon .navbar-toggle {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

/*** tamaño y color del botón ***/
.navbar-toggle {
  border-radius: 5px;
  width: auto;
  height: auto;
  /* background-color: $primary-accent-color !important; (color de fondo)*/ }

/* ************************************************************** */
/* Fondo negro con texto centrado */
/* ************************************************************** */
/*** Fondo negro transparente ***/
.fondo-negro-transparente {
  background-color: #E9E9E9;
  margin: 20px 2% 10px 2%; }

/*** Margen en Fondo blanco transparente ***/
.margen-negro-blanco {
  margin: 80px 5% 60px 5%; }

/* ************************************************************** */
/* Clases para shortcordes de contacto */
/* ************************************************************** */
/*** Clases para los shortcodes***/
.texto-grande p {
  font-size: 42px;
  font-weight: 800;
  color: #212c5f; }

/***Para el texto antes del shortcode***/
.tam-texto {
  font-size: 20px;
  color: #89d2e4; }

.fondo-oscuro {
  background: #000000a4; }

.margenes-fondo-oscuro {
  margin: 8% 5% 5% 6%; }

.fondo-blanco {
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 10px #cacaca;
          box-shadow: 2px 2px 10px #cacaca;
  border-radius: 22px; }

/* ************************************************************** */
/* Footer */
/* ************************************************************** */
/*** Color de fondo y tipografía ***/
.footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row {
  background-color: #212c5f;
  color: white !important; }

.footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row a {
  color: #ffffff;
  text-decoration: none; }

.footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row p {
  color: #ffffff; }

.footer-top-inner a:not(.button) {
  color: #ffffff; }

/*titulos en el footer*/
.titulo-footer {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: bold;
  color: white; }

/*** Reduce el espacio en contacta con nosotros del footer*/
.widget {
  padding-bottom: 0;
  margin-bottom: 22px;
  margin-left: 0; }

/*** logo para el footer***/
.logo-footer {
  width: 150px !important;
  height: 150px;
  margin-top: 25px; }

/* ************************************************************** */
/* Movil */
/* ************************************************************** */
/* Clase para hacer modulo visible en Movil */
@media screen and (min-width: 0px) and (max-width: 991px) {
  .visible-movil {
    display: block; }
  .visible-escritorio {
    display: none; }
  /*** Tamaño de formulario ***/
  form:not([role="search"]):not(.woocommerce-cart-form):not(.woocommerce-ordering):not(.cart) input:-moz-read-write:not(#coupon_code) {
    width: 220px; }
  form:not([role="search"]):not(.woocommerce-cart-form):not(.woocommerce-ordering):not(.cart) input:read-write:not(#coupon_code), form textarea, form select, .widget select {
    width: 220px; }
  /*Margen en formulario de contacto*/
  .wpcf7-form.init {
    margin-left: 12px; }
  /** texto grande en página de contacto ***/
  .texto-grande p {
    font-size: 24px;
    font-weight: 800;
    color: #212c5f; }
  /*** Logo en el menú ***/
  .builder-item--logo .site-logo img {
    max-width: 80px; }
  h1 {
    font-size: 40px;
    font-weight: bold; }
  h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0; }
  /*Menu*/
  /* color menú */
  .nav-ul li a {
    color: #212c5f; }
  /* ************************************************************** */
  /* Footer */
  /* ************************************************************** */
  /*** Texto centrado ***/
  .footer-centrado {
    text-align: center; }
  .button-footer {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px; }
  /* ************************************************************** */
  /* Iconos */
  /* ************************************************************** */
  .icono-logo {
    width: 70px;
    height: 70px;
    display: block;
    margin: auto; }
  /* ************************************************************** */
  /* childPages */
  /* ************************************************************** */
  /* tamaño de la imagen */
  .cc-child-pages-thumb {
    max-width: 35%;
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto; }
  .ccchildpage {
    margin: 0;
    padding: 0; }
  /* alineación del titulo */
  .threecol .ccchildpage {
    text-align: center;
    width: 31.333%;
    font-size: 20px; }
  /** tamaño del titulo **/
  .ccpage_title_link {
    font-size: 20px; } }

/* Clase para hacer modulo visible en Escritorio */
@media screen and (min-width: 992px) and (max-width: 3000px) {
  .visible-movil {
    display: none; }
  .visible-escritorio {
    display: block; }
  .alignfull {
    padding: 0; } }

.btn_contactar a {
  margin-left: 20px;
  font-weight: 400 !important; }

/*
     FILE ARCHIVED ON 12:13:42 Nov 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:46:13 Nov 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.559
  exclusion.robots: 0.072
  exclusion.robots.policy: 0.06
  esindex: 0.008
  cdx.remote: 21.088
  LoadShardBlock: 103.451 (3)
  PetaboxLoader3.datanode: 157.153 (5)
  PetaboxLoader3.resolve: 91.503 (2)
  load_resource: 205.354
  loaddict: 48.323
*/