No Caption/* ===== HERO CAROUSEL RECTANGULAR (sin recorte) ===== / .hero-carousel{ / Ajustá estos valores si querés más/menos alto: / –hero-bg: #F6F1EE; / color de “letterbox” (combinalo con tu fondo) / –hero-min-h: 200px; / mínimo de seguridad / –hero-max-h-desktop: 520px; / tope en desktop / –hero-max-h-tablet: 440px; / tope en tablet / –hero-max-h-mobile: 340px; / tope en móvil */
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
No Caption/* ===== HERO CAROUSEL RECTANGULAR (sin recorte) ===== / .hero-carousel{ / Ajustá estos valores si querés más/menos alto: / –hero-bg: #F6F1EE; / color de “letterbox” (combinalo con tu fondo) / –hero-min-h: 200px; / mínimo de seguridad / –hero-max-h-desktop: 520px; / tope en desktop / –hero-max-h-tablet: 440px; / tope en tablet / –hero-max-h-mobile: 340px; / tope en móvil */
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
No Caption/* ===== HERO CAROUSEL RECTANGULAR (sin recorte) ===== / .hero-carousel{ / Ajustá estos valores si querés más/menos alto: / –hero-bg: #F6F1EE; / color de “letterbox” (combinalo con tu fondo) / –hero-min-h: 200px; / mínimo de seguridad / –hero-max-h-desktop: 520px; / tope en desktop / –hero-max-h-tablet: 440px; / tope en tablet / –hero-max-h-mobile: 340px; / tope en móvil */
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
No Caption/* ===== HERO CAROUSEL RECTANGULAR (sin recorte) ===== / .hero-carousel{ / Ajustá estos valores si querés más/menos alto: / –hero-bg: #F6F1EE; / color de “letterbox” (combinalo con tu fondo) / –hero-min-h: 200px; / mínimo de seguridad / –hero-max-h-desktop: 520px; / tope en desktop / –hero-max-h-tablet: 440px; / tope en tablet / –hero-max-h-mobile: 340px; / tope en móvil */
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}
}
/* Contenedor del carrusel a altura controlada */
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
width: 100%;
height: clamp(var(–hero-min-h), 42vh, var(–hero-max-h-desktop));
margin: 0;
padding: 0;
background: var(–hero-bg);
position: relative;
}
/* El “figure” y wrappers deben ocupar toda la altura */
.hero-carousel figure,
.hero-carousel .uagb-image-gallery__figure,
.hero-carousel .uagb-img-wrapper{
height: 100%;
margin: 0;
}
/* Mostrar la imagen COMPLETA (sin cortar) / .hero-carousel img{ width: 100%; height: 100%; object-fit: contain !important; / sin recortes / object-position: center center; / centrada / background: var(–hero-bg); / bandas del mismo color */
display: block;
}
/* Ocultar captions si algo quedó activo */
.hero-carousel .uagb-image-gallery__caption{ display: none; }
/* Flechas con pill suave (opcional) */
.hero-carousel .uagb-image-gallery__arrow{
background: rgba(255,255,255,.78);
border-radius: 999px;
backdrop-filter: blur(2px);
}
/* Breakpoints para que no sea alto en móvil */
@media (max-width: 1023px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 40vh, var(–hero-max-h-tablet));
}
}
@media (max-width: 767px){
.hero-carousel .wp-block-uagb-image-gallery,
.hero-carousel .uagb-image-gallery__outer-wrap,
.hero-carousel .uagb-image-gallery__wrap,
.hero-carousel .wp-block-group__inner-container{
height: clamp(var(–hero-min-h), 38vh, var(–hero-max-h-mobile));
}
}