/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1738179784
Updated: 2025-01-29 16:43:04

*/
/* Color to header menu */
#main-header #top-menu a.ds-menu-active,
    .et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
        color: #ffc600 !important;
    }
#et_mobile_nav_menu:before {
    content: 'MENU';
    font-size: 14px;
    position: absolute !important;
    bottom: 29px;
    right: 40px;
    color: #ffc600;
}
.et_fullwidth_secondary_nav #top-header .container {
	width: 100%;
	max-width: 100%;
	padding-right: 0px!important;;
	padding-left: 30px;
}
/* New font for headers */
/* Solo para el frontend */
body:not(.wp-admin) h1, body:not(.wp-admin) h2 {
    font-family: 'barter', Helvetica, Arial, Lucida, sans-serif !important;
}
/* Estilo de admin directo en css divi */
/* Secondary menu */
#top-header .et-social-icons {
  float: right;
  display: inline-block;
}
#top-header .et-social-icon a {
  /* font-size: 20px; */
}
/* Galleries */
.gallery-2-col .et_pb_gallery_item {
width: 40% !important;
margin: 10px !important;
clear: none !important;
}
.gallery-3-col .et_pb_gallery_item {
width: 30% !important;
margin: 10px !important;
clear: none !important;
}
.gallery-4-col .et_pb_gallery_item {
width: 22% !important;
margin: 10px !important;
clear: none !important;
}
/* Adicionales como títlos y tamaños fotos */
.et_pb_gallery_item h3 {
    white-space: nowrap;  /* Evita que el título haga saltos de línea */
    overflow: hidden;      /* Oculta el texto que excede el ancho */
    text-overflow: ellipsis; /* Agrega "..." al final */
    max-width: 300px;  /* Ajusta el ancho máximo según tu diseño */
}
.et_pb_gallery_image img {
    height: 250px;  /* Ajusta la altura según necesites */
    object-fit: cover;  /* Recorta la imagen para que llene el espacio sin deformarse */
    width: 100%; /* Mantiene el ancho dinámico */
}
/* Acordeon 
/* Estilo del título cuando está cerrado */
.et_pb_toggle.et_pb_toggle_close {
    background-color: #01355c !important; /* azul */
}
.et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h5.et_pb_toggle_title, .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h1.et_pb_toggle_title, .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h2.et_pb_toggle_title, .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h3.et_pb_toggle_title, .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h4.et_pb_toggle_title, .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h6.et_pb_toggle_title {
	color: #ffc600 !important;
}
.et_pb_toggle_title:before {
    color: #ffc600;       /* Color del icono */
}

/* Estilo del título cuando está abierto */
.et_pb_toggle.et_pb_toggle_open {
    background-color: #cfcfcf17 !important; /* azul */
}
.et_pb_accordion .et_pb_toggle {
	margin-bottom: 0px!important;
}
/* Mobile views */
@media (max-width: 1024px) {
    #footer-widgets {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Centra horizontalmente */
        text-align: center;
    }
    #footer-widgets .et_pb_widget {
        width: 100%; /* Asegura que los widgets ocupen todo el ancho */
        max-width: 100%; /* Ajusta el tamaño para que no sea demasiado ancho */
    }
    .footer-widget li::before {
	border-color: #01355c!important;;
}
	.gallery-4-col .et_pb_gallery_item,
   	.gallery-3-col .et_pb_gallery_item {
	width: 43% !important;
	margin: 7px !important;
	clear: none !important;
}
}
/* Phone */
@media (max-width: 767px) { 
	.gallery-4-col .et_pb_gallery_item,
   	.gallery-3-col .et_pb_gallery_item {
        width: 100% !important; /* O ajusta al tamaño que prefieras */
        margin: 5px auto !important; /* Reduce el margen y centra */
        clear: both !important; /* Asegura que los elementos se alineen bien */
    }
    .gallery-4-col, 
    .gallery-3-col {
	padding-left: 0px!important;
}	
}
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
#logo {
	max-height: 70px!important;
}
}
@media all and (max-width: 1099px) {
    #logo {
	max-height: 70px!important;
    }
    h1 {font-size:60px!important;}
    h2 {font-size:50px!important;}
    #top-menu li {font-size:11px;}
    
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

	}
}