/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.gallery {
  display: grid;
  gap: 10px; /* Espacio entre imágenes */
  margin-bottom: 20px;
}

.gallery-columns-1 {
  grid-template-columns: repeat(1, 1fr); /* 1 columna */
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr); /* 2 columnas */
}

.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
  grid-template-columns: repeat(3, 1fr); /* Máximo de 3 columnas */
}

.gallery img {
  width: 100%;
  height: auto;
  display: block;
}

/* Contenedor de filas internas */
.vc_row_inner {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

/* Contenedor de columnas internas */
.vc_column_inner {
    padding: 15px;
    box-sizing: border-box;
}

/* Ajustar ancho de columnas según el shortcode */
.vc_column_inner.width-1-4 {
    flex: 0 0 25%;
    max-width: 25%;
}
.vc_column_inner.width-1-3 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
.vc_column_inner.width-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
}
.vc_column_inner.width-3-4 {
    flex: 0 0 75%;
    max-width: 75%;
}
.vc_column_inner.width-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
}
.vc_column_inner.width-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Maquetacion widgets de archivos */

#widgetsArchivos li{
	list-style: none;
}

#widgetsArchivos .elementor-widget-container li:first-child {
    border-top: none;
    padding-top: 0;
}

#widgetsArchivos .elementor-widget-container li {
    font-size: 13px;
    line-height: 18px;
    padding: 11px 0;
	border-top: 1px solid #e9e9e9;
}

#widgetsArchivos .elementor-widget-container li a{
	color:#000;
	font-size: 13px;
}

#widgetsArchivos .elementor-widget-container li a:hover{
	color:#008bcb;
}