@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 */
/* ************************************************************** */
/* color textos de parrafo */
p {
  color: #000000; }

h1, h2, h3, h4, h5 {
  color: #0D8C7B !important; }

h1 {
  /*  font-size: 65px;*/
  font-weight: 700;
  /*text-transform: uppercase;*/
  line-height: 120%;
  letter-spacing: -1px; }

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

h3 {
  font-size: 1.5em;
  font-weight: 700; }

/* Links */
a {
  font-weight: bolder;
  color: #0D8C7B; }

a:hover {
  color: #0D8C7B;
  text-decoration: none; }

a:visited {
  color: darken #0D8C7B; }

h6 a {
  /*padding: 0 15px;*/
  color: #000000 !important;
  font-weight: 400 !important; }

/*Margen para formularios*/
.margenformularios {
  padding-left: 3%;
  padding-top: 2%;
  padding-right: 3%;
  padding-bottom: 2%; }

/*Estilo de la linea separadora */
.wp-block-separator {
  width: 15%;
  margin-bottom: 2%;
  color: #27dac2;
  background-color: #27dac2; }

/*Aplicar color de fondo al banner contáctanos*/
.fondo-banner-contactar {
  background-color: #b8b7b744; }

/* color iconos listas */
.wp-block-kadence-iconlist ul.kt-svg-icon-list svg {
  color: #0D8C7B; }

/*Aplicar color de fondo al banner ayuda con tus trámites */
.fondo-banner-tramites {
  background-color: #27dac2; }

/*Estilo de columnas de la sección servicios*/
.column-servicios {
  background-color: #ffffff;
  padding-left: 2%;
  padding-top: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  color: #27dac2; }

/* espacio columnas */
.columnascontenido {
  margin: 0 22px 0 0; }

/* espacio columnas servicios*/
.columnasservicios {
  margin: 0 5px 0 0;
  padding: 2% 2% 3% 2%;
  background-color: #ffffff; }

/*Texto en color blanco para banner oscuros*/
.text-banner-dark {
  color: #ffffff; }

/*Fondo para banner de servicios*/
.fondo-banner-servicios {
  background-color: #27dac2; }

/* *************************************************** */
/* sombras para las columnas y los encabezados         */
/* *************************************************** */
/* sombrado encabezados */
strong.encabezado-sombra {
  text-shadow: -6px 4px 2px #292929; }

/* sombra de columnas */
.column-radio {
  border-radius: 10px;
  background: #F2F2F2;
  -webkit-box-shadow: 6px 4px 15px 0px gray;
          box-shadow: 6px 4px 15px 0px gray; }

.has-text-align-left {
  padding-left: 3%; }

/* ************************************************************** */
/* 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: #0D8C7B; }

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

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

/* 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: 17px;
  padding-left: 5px;
  font-weight: 800 !important;
  text-transform: uppercase;
  cursor: pointer; }

/* tamaño de la imagen */
.cc-child-pages-thumb {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 auto 0 0; }

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

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

.ccpage_linked_title {
  text-align: left;
  margin: 10px 0px 30px;
  font-weight: bolder; }

.nv-comment-content a, .nv-content-wrap a:not(.button):not(.wp-block-file__button) {
  font-weight: 600; }

.nv-single-page-wrap {
  margin-bottom: 0; }

.ccpage_linked_thumb img {
  width: 150px;
  height: auto;
  margin: 0;
  border-radius: 100px; }

.blog .nv-comment-content a, .nv-content-wrap a:not(.button):not(.wp-block-file__button) {
  color: #27dac2;
  font-weight: bold;
  text-decoration: none; }

/* tamaño imagenes página actualidad */
.img.wp-post-image {
  width: 370px;
  height: 310px; }

.nv-post-thumbnail-wrap img:not(.photo), .nv-post-thumbnail-wrap > a {
  height: 310px; }

img.attachment-medium.size-medium.wp-post-image.perfmatters-lazy.entered.pmloaded {
  height: 310px; }

/* oculta tipo de lista del blog en la página principal */
.excerpt-wrap ul {
  list-style-type: none; }

#muestra .ccpage_linked_title:hover {
  background-color: white !important;
  color: #27dac2;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-box-shadow: none;
          box-shadow: none; }

.quitarmargen {
  margin-bottom: 0 !important; }

div.wp-container-45.wp-block-column {
  margin: 0 !important; }

div.wp-container-62.wp-block-column {
  margin: 0 !important; }

div.wp-container-39.wp-block-column {
  margin: 0 !important; }

div.wp-container-41.wp-block-column {
  margin: 0 !important; }

div.wp-container-38.wp-block-column {
  margin: 0 !important; }

div.wp-container-47.wp-block-column {
  margin: 0 !important; }

wp-container-9 {
  gap: 0 2em; }

/* FIN DEL CC PAGES */
/*Clase para crear un guión delante y detrás de los H1*/
.guiontitulo:before {
  display: inline-block;
  margin: 12px;
  height: 7px;
  content: " ";
  background-color: #0D8C7B;
  width: 35px;
  border-radius: 40px; }

.guiontitulo:after {
  display: inline-block;
  margin: 12px;
  height: 7px;
  content: " ";
  background-color: #0D8C7B;
  width: 35px;
  border-radius: 40px; }

/* ************************************************************** */
/* Botones normales y de formularios */
/* ************************************************************** */
/* botones normales y de formularios (PENDIENTE quitar los important) */
input[type="reset"], input[type="submit"], button {
  color: white;
  background-color: #3FDEC9;
  border: 1px solid #3FDEC9;
  font-size: 16px;
  font-weight: bold;
  border-radius: 15px;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  text-transform: none;
  letter-spacing: 0.5px;
  margin-top: 7px;
  padding: 12px 22px; }

button.cboton3 {
  background-color: white;
  color: #0D8C7B; }

button whatsapp {
  background-color: #27dac2; }

/*botones*/
button:hover {
  background-color: #27dac2 !important;
  color: #ffffff !important;
  border: 1px solid #ffffff79; }

button.cboton1 {
  color: #27dac2;
  background-color: white;
  border: none; }

button.cboton1:hover {
  background-color: #1d9b8a !important;
  color: white; }

button.ctelefono {
  background-color: #27dac2;
  border: none; }

button.ctelefono:hover {
  background-color: #3FDEC9 !important;
  color: white; }

.button.button-secondary:not(.secondary-default) {
  border-radius: 0;
  color: #0D8C7B;
  font-weight: bold;
  padding: 10px 22px 10px 22px; }

/*Margen de formulario*/
.wpcf7-form-control .wpcf7-text .wpcf7-validates-as-required {
  margin-top: 4% !important; }

/* título del blog */
h2.blog-entry-title.entry-title {
  font-size: 1.2em; }

/* ************************************************************** */
/* 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: #333333 !important;
  color: #ffffff !important; }

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

#site-logo a {
  color: inherit; }

#header {
  padding: .2em; }

/* ************************************************************** */
/* 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 #333333; }

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

/*Listas en servicios*/
.margenlistas {
  margin-bottom: 25px; }

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

/*** Margen arriba y abajo ***/
.modulo-dos {
  margin-bottom: 4%;
  margin-top: 4%; }

/**** Primer modulo en todas las páginas ****/
.primer-modulo {
  margin-top: 18%;
  margin-bottom: 18%; }

/**** Esta clase es opcional por que es para otro diseño ej: servicios2 ***/
.primer-modulo-dos {
  margin-top: 10%;
  margin-bottom: 10%; }

/* ************************************************************** */
/* 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;
  margin-right: 10px; }

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

/* tamaño texto aceptación de politicas */
[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
  font-size: 13px;
  color: #000000; }

.envio-privacidad-formulario a {
  font-weight: bolder;
  color: #27dac2; }

/* 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%; }

/*** Redondea y cambia de color los bordes del formulario ***/
form:not([role="search"]):not(.woocommerce-cart-form):not(.woocommerce-ordering):not(.cart) input:-moz-read-write:not(#coupon_code) {
  margin-bottom: 10px;
  border-radius: 0 px;
  /*color: $primary-accent-color !important;*/
  border: none;
  background-color: #b8b7b744; }
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 {
  margin-bottom: 10px;
  border-radius: 0 px;
  /*color: $primary-accent-color !important;*/
  border: none;
  background-color: #b8b7b744; }

/*** Botón de formulario ***/
form input[type="submit"] {
  background-color: #27dac2;
  border: none; }

form input[type="submit"]:hover {
  background-color: #4cefd9;
  color: white; }

/* clase que oculta objetos del formulario */
.hidden {
  display: none; }

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.hidden {
  display: none; }

span.wpcf7-list-item-label {
  margin-left: 3px; }

/* corrige casillas de selección, una debajo de la otra */
span.wpcf7-form-control-wrap {
  display: block; }

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

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

/* ************************************************************** */
/* 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: 28px;
  font-weight: lighter; }

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

/*** Clase para titular de dos colores light ***/
.text-color-dos {
  font-weight: 400;
  color: #0D8C7B;
  font-size: 28px; }

/**** 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: 75px;
  /* background-color: $primary-accent-color !important; (color de fondo)*/ }

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

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

/* ************************************************************** */
/* Fondo de color azul */
/* ************************************************************** */
.fondo-azul {
  background-color: #b8b7b744; }

.margen-azul {
  margin: 90px 5% 60px 8%; }

/* ************************************************************** */
/* Clases para shortcordes de contacto */
/* ************************************************************** */
/*** Clases para los shortcodes***/
.texto-grande {
  font-size: 32px;
  font-weight: bold; }

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

/* ************************************************************** */
/* Footer */
/* ************************************************************** */
/*** Color de fondo y tipografía ***/
/* .footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row {
      background-color: $primary-text-color;
      color: $primary-background-color;
  }*/
.footer-top-inner a:not(.button) {
  color: #ffffff; }

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

/* ************************************************************** */
/* RESPONSIVE */
/* ************************************************************** */
/* Clase para hacer modulo visible 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; }
  /* Espacio entre las columnas*/
  .wp-block-column {
    margin-bottom: 0px;
    padding-left: 5%;
    padding-right: 5%; }
  /*** 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: 270px; }
  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: 270px; }
  /** texto grande en página de contacto ***/
  .texto-grande {
    font-size: 24px;
    font-weight: bold; }
  /*** Logo en el menú ***/
  .builder-item--logo .site-logo img {
    max-width: 150px;
    margin-top: 20px; }
  h1 {
    font-size: 40px;
    font-weight: bold; }
  h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0; }
  h3 {
    font-size: 1.5em; }
  h5 {
    font-size: 1.3em;
    font-weight: 700; }
  h6 {
    font-size: 16px; }
  /* ************************************************************** */
  /* Icono hamburguesa diseño */
  /* ************************************************************** */
  .menu-mobile-toggle item-button navbar-toggle-wrapper, button {
    width: auto !important; }
  /* ************************************************************** */
  /* Footer */
  /* ************************************************************** */
  /*** Texto centrado ***/
  .footer-centrado {
    text-align: center; }
  .footer-centrado.h4 {
    margin-bottom: 5px; }
  /*** logo para el footer***/
  .logo-footer {
    width: 150px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto; }
  .button-footer {
    margin-left: auto;
    margin-right: auto; }
  /* ************************************************************** */
  /* Iconos */
  /* ************************************************************** */
  .icono-logo {
    width: 70px;
    height: 70px;
    display: block;
    margin: auto; }
  /* ************************************************************** */
  /* childPages */
  /* ************************************************************** */
  /* tamaño de la imagen */
  .cc-child-pages-thumb {
    max-width: 100%;
    height: auto;
    margin-top: 45px; }
  .ccchildpage {
    margin: 0;
    padding: 0; }
  /* alineación del titulo */
  .threecol .ccchildpage {
    text-align: left;
    width: 31.333%;
    font-size: 26px; }
  /** tamaño del titulo **/
  .ccpage_title_link {
    font-size: 17px; }
  /* botones llamanos - ocultar en escritorio */
  a.ctelefono.boton.desktop {
    display: none; } }

.ccpages_excerpt {
  margin-bottom: 30px; }

h4.wp-block-heading {
  margin-top: 30px; }

/* Clase para hacer modulo visible en Escritorio */
@media screen and (min-width: 992px) {
  .visible-movil {
    display: none; }
  .visible-escritorio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  /* Espacio entre las columnas*/
  .wp-block-column {
    margin-bottom: 0px; }
  input.wpcf7-form-control.wpcf7-phonetext.wpcf7-text.wpcf7-validates-as-phonetext {
    width: 380px; }
  /* ************************************************************** */
  /*Módulo especial con fondo completo */
  /* ************************************************************** */
  .modulo-especial {
    margin-top: 10%;
    margin-bottom: 10%; }
  /* boton llamanos - ocultar en escritorio */
  a.ctelefono.boton.movil {
    display: none; } }

/*** Borde diseño abajo: crear la clase en el html ***/
.borde-abajo {
  border-bottom: 1px solid #3FDEC9;
  width: 80%;
  border-radius: 40px;
  margin: auto auto 20px auto !important; }

.borde-centrado {
  border-bottom: 7px solid #0D8C7B;
  width: 30px;
  margin: 0 auto 20px auto;
  border-radius: 40px; }

/*.excerpt-wrap ul, .nv-content-wrap ul {
      list-style-type: disc;
  }*/
/*Footer links*/
.footer-centrado a {
  text-decoration: none;
  /* color: #7c7c7c; */ }

.footer-centrado a:hover {
  color: #3fdec9; }

.legal-footer a {
  text-decoration: none;
  color: #82817f; }

.legal-footer a:hover {
  color: #3fdec9; }

.legalfooter a:hover {
  color: #3fdec9; }

/*.nv-single-page-wrap .col{
      margin-left: 15%;
      margin-right: 15%;
  }*/
/* Margen para contenido */
.single-col {
  margin-left: 10%;
  margin-right: 10%; }

.wp-block-column.is-vertically-aligned-top,
.wp-block-column.is-layout-flow {
  margin-right: 3%; }/*
Theme Name: Neve Child Nubemedia
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Description: Tema hijo de Nubemedia
Tags: Nubemedia
Version: 2.11.4.1730736389
Updated: 2024-11-04 17:06:29

*/