.elementor-6382 .elementor-element.elementor-element-bfef7b9{--display:flex;--min-height:430px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6382 .elementor-element.elementor-element-bfef7b9:not(.elementor-motion-effects-element-type-background), .elementor-6382 .elementor-element.elementor-element-bfef7b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cantoral.selfishproyectos.com/wp-content/uploads/2025/07/nosotros_header.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6382 .elementor-element.elementor-element-bfef7b9::before, .elementor-6382 .elementor-element.elementor-element-bfef7b9 > .elementor-background-video-container::before, .elementor-6382 .elementor-element.elementor-element-bfef7b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-6382 .elementor-element.elementor-element-bfef7b9 > .elementor-background-slideshow::before, .elementor-6382 .elementor-element.elementor-element-bfef7b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6382 .elementor-element.elementor-element-bfef7b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6382 .elementor-element.elementor-element-55aa170{--display:flex;}.elementor-6382 .elementor-element.elementor-element-e85dc80{text-align:left;}.elementor-6382 .elementor-element.elementor-element-e85dc80 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:64px;font-weight:400;line-height:90px;color:#AF7713;}.elementor-6382 .elementor-element.elementor-element-2491c10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-6382 .elementor-element.elementor-element-2491c10:not(.elementor-motion-effects-element-type-background), .elementor-6382 .elementor-element.elementor-element-2491c10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://cantoral.selfishproyectos.com/wp-content/uploads/2025/06/icono_proximos_eventos.webp");background-position:center left;background-repeat:no-repeat;background-size:59% auto;}.elementor-6382 .elementor-element.elementor-element-8d1e800 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-6382 .elementor-element.elementor-element-8d1e800{text-align:center;}.elementor-6382 .elementor-element.elementor-element-8d1e800 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:29px;font-weight:400;line-height:25px;color:#000000;}.elementor-6382 .elementor-element.elementor-element-b2d6416.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}/* Start custom CSS */select, textarea::placeholder {
    color: #000 !important;
    font-family: 'Red Hat Display';
    font-size: 16px!important;
}
.scroll-galeria {

    gap: 5px;
    display: flex
;
    width: 100%;
}

select {
    border: 1px solid #666!important;
    background: transparent;
    
    padding: 9px;
    border-radius: 25px;

}
.contenido-album {
    padding: 20px;
    color: #000;
}
.elementor-element-b2d6416 select {
    width: 200px !important;
}
/*****galeria***/

.masonry-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.masonry-item {
  flex: 1 1 300px;
  max-width: 400px;
  box-sizing: border-box;
}

.masonry-item img {
  width: 100%;
  height: auto;
  display: block;
}

.titulo-album {
    padding-top: 28px;
    margin: 0px;
    font-family: "Archivo Black", Sans-serif;
    font-size: 40px!important;
    font-weight: 400!important;
    line-height: 50px;
    color: #AF7713;
}

div#album_buttons_ajax {
    display: flex
;
    gap: 30px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
}
div#album_buttons_ajax h6 {
margin: 0;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    color: #000000;
}
button.album_tab {
    padding: 5px 8px;
    color: #fff;
    background-color: transparent;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    text-transform: capitalize;
    background-image: linear-gradient(90deg, #AF7713 0%, #825401 100%);
    border-radius: 25px 25px 25px 25px;
    border: 0px !important;
}
button.album_tab:hover {
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(90deg, #825401 0%, #AF7713 100%);
    border-radius: 25px 25px 25px 25px;
    border: 0px !important;
}

/****galeria***/

.contenedor {
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    display: grid
;
}
.conte-1 {
    width: 100%;
    display: flex
;
    gap: 10px;
    flex-direction: row;
}

.div_50, .div_50_2 {
    width: 50%;
}
.cont-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.cont-2 {
    display: grid;
    gap: 10px;
}

.conte-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.img-bg {cursor: pointer;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.cont-2 {
    margin-top: 10px;
    display: grid
;
    gap: 10px;
}

div#galeria_resultado_ajax {
    gap: 10px;
    display: flex
;
    flex-direction: column;
}
/* Ajuste de proporción o altura fija */

.cont-1 div,
.cont-2,
.conte-2 div {
height: 200px; 
}
.img-bg-1 {
    cursor: pointer;
    height: 410px;
}
.album_tab.active {
    background-image: linear-gradient(90deg, #825401 0%, #825401 100%);
    color: #fff;
}/* End custom CSS */