/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com
 Description: Tema hijo de GeneratePress
 Author: Grupo LasGuias
 Template: generatepress
 Version: 1.0
*/
/* Exo WOFF2 local */
@font-face {
  font-family: 'Exo';
  src: url('/fonts/Exo400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Exo';
  src: url('/fonts/Exo400.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Roboto */
@font-face {
  font-family: 'Roboto';
  src: url('/css/roboto.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto Slab */
@font-face {
  font-family: 'Roboto Slab';
  src: url('/css/robotoslab.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Elementor Icons (si NO usas la versión local, se sobrescribe la de Elementor) */
@font-face {
  font-family: 'eicons';
  src: url('https://www.grupolasguias.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* FA Free Regular */
@font-face {
    font-family: "Font Awesome 5 Free";
    src: url("https://www.grupolasguias.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* FA Free Solid */
@font-face {
    font-family: "Font Awesome 5 Free";
    src: url("https://www.grupolasguias.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* FA Brands */
@font-face {
    font-family: "Font Awesome 5 Brands";
    src: url("https://www.grupolasguias.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* Exo (400) – Elementor downloaded version */
@font-face {
  font-family: 'Exo';
  src: url('https://www.grupolasguias.com/wp-content/uploads/elementor/google-fonts/fonts/exo-4uaoretfpbisc36j.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Exo (700) – Elementor downloaded version */
@font-face {
  font-family: 'Exo';
  src: url('https://www.grupolasguias.com/wp-content/uploads/elementor/google-fonts/fonts/exo-4uamretfpbisdk6h0dc.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


body {background:fixed;background-image:url(https://www.grupolasguias.com/wp-content/uploads/2025/09/fondo2.webp); background-position:center top; background-repeat:no-repeat; background-color:#729dc7; margin-top:0px;font-weight:450;color:#3a3a3a; 

}
/* Mantener proporción correcta del logo en header */
.site-logo img {
    width: auto;          /* ancho adaptativo según el contenedor */
    height: auto;         /* altura proporcional */
    max-width: 100%;      /* nunca excede el ancho del contenedor */
    aspect-ratio: 491 / 200; /* proporción original del logo (ancho/alto) */
    display: block;       /* evita pequeños saltos o espacios */
}




.elementor-heading-title {padding:5px}

.top-bar {background-color:#0e62ac;color:yellow;font-weight:bold;}

.site-header {
  background: linear-gradient(
    to right,
    rgba(3, 24, 77, 1) 0%,
  rgba(3, 24, 77, 1) 45%,
  rgba(3, 24, 77, 0.8) 60%,
  rgba(3, 24, 77, 0.4) 80%,
  rgba(3, 24, 77, 0) 100%
  );
  background-position: right top;
  background-repeat: no-repeat;
  margin-top: 0px;
  color: white !important;
  height: 280px;
}

.site-logo img {width:90%}
.main-title A {color:white !important; font-size:19px; font-weight:570 !important}
.site-description {font-weight:500;font-size:14px;color:white}
.elementor-widget-wrap.elementor-element-populated,.elementor-widget-container, .elementor img {
    border-radius: 5px;
}

.faq-container {
  max-width: 950px;
  margin: 0 auto;
}

.faq-question {
  background-color: #f7f7f7;
  cursor: pointer;
  padding: 10px;
  margin: 5px 0;
  border: 1px solid #ddd;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 10px;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.faq-question.active {
  background-color: #e7e7e7;
}
.flex-viewport {
	max-height: 800px !important; }

.post-image {max-width:400px}

/* Color base para los bloques específicos */
.elementor-element-8672521 > .elementor-widget-wrap,
.elementor-element-a31cd0b > .elementor-widget-wrap,
.elementor-element-54bbea5 > .elementor-widget-wrap,
.elementor-element-a272205 > .elementor-widget-wrap,
.elementor-element-38bc063 > .elementor-widget-wrap,
.elementor-element-bff3cc1 > .elementor-widget-wrap {
    background-color: #f5f9fc;
    transition: background-color 0.3s ease;
}

/* Hover sobre la columna cambia el background del widget-wrap */
.elementor-element-8672521:hover > .elementor-widget-wrap,
.elementor-element-a31cd0b:hover > .elementor-widget-wrap,
.elementor-element-54bbea5:hover > .elementor-widget-wrap,
.elementor-element-a272205:hover > .elementor-widget-wrap,
.elementor-element-38bc063:hover > .elementor-widget-wrap,
.elementor-element-bff3cc1:hover > .elementor-widget-wrap {
    background-color: #e0efff !important;
}


@media screen and (max-width: 1024px) { 
	body { background:none; background-color:#729dc7}
	.site-logo img {max-height:auto}
.flex-viewport {
	max-height: 450px !important }
	h1.entry-title {font-size:20px  !important; }
	
	.site-header { background:none; background-color:#03184d;height:auto;}
	.elementor-widget-container {margin-left:-30px; margin-right:-25px}
	
	.elementor-column-gap-wide {margin-left:-17px !important; margin-right:-15px !important}
.elementor-widget-text-editor {color:black;font-family:Exo;font-weight:500;color:#3a3a3a;}
	
	.cmplz-btn, .cmplz-manage-consent .manage-consent-1, .cmplz-show {font-size:12px; padding:8px !important;margin-right:55px !important}
	
	.faq-question, .faq-answer {font-size:15px}
.faq-question { line-height: 1.5;
    text-indent: -1.2em;
    padding-left: 1.5em;
    margin-bottom: 0.8em;
}


}
.page-header-image, .page-header-image-single {

display: none !important;

}
.entry-meta {
color: #595959;
display: none;
}

#page {opacity: 0.98; font-weight:500;}
.main-title {font-size:25px}
.page-header-image {margin-top:1px}
.main-navigation ul ul {
	width: 150%;}
.main-navigation .main-nav ul ul li A {font-weight:500}

h1,h2,h3 {color:#0e62ac}
h1.entry-title {text-align:center;font-size:2rem;font-weight:550}




.widget:last-child, .separate-containers .widget:last-child {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin:1%;
}

.separate-containers .inside-article {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin:1%; padding:2%}

.widget ul li {
list-style-type: none;
    position: relative;
    padding-bottom: 20px;
    line-height: 25px;}


.footer-widgets {opacity: 0.92;border-top:1px solid #6e9dfe;text-align:center; line-height:35px}
.footer-widgets .widget-title {
	color: black; font-weight:550}
.footer-widgets A {
 font-weight:550 !important}

.footer-bar-align-right .footer-bar, .footer-bar-align-left .copyright-bar {
    float: right;
    text-align: right;
	width: 30%; }
.footer-bar-align-right .copyright-bar {
    float: left;
	width: 70%; }


.ifr_alta { width:100%; height:600px;
 border: none;
  overflow: auto; }
}

@media screen and (min-width: 300px) and (max-width: 600px) {
    .ifr_alta {
        height: 740px;
    }
	.footer-widget-1, .footer-widget-2 {border-bottom: 1px dotted gray}
		
}
@media (max-width: 768px) {

.site-main .wp-block-group__inner-container {margin:0px;padding:10px}
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .ifr_alta {
        height: 700px;
 border: none;
  overflow: auto;
    }
}
	.video-5consejos {
  display: none;
}