.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8363 .elementor-element.elementor-element-ca8154a{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8363 .elementor-element.elementor-element-e042151{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for image, class: .elementor-element-03f7f27 *//* ===========================
   SERIE SIRIO
   PROPORCIÓN 576 × 369
   =========================== */

.sirio-hover {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 576px !important;
    aspect-ratio: 576 / 369 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.sirio-hover .elementor-widget-container,
.sirio-hover .elementor-image,
.sirio-hover a,
.sirio-hover picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.sirio-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .35s ease !important;
}

/* Capa oscura */
.sirio-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

/* Zoom */
.sirio-hover:hover img {
    transform: scale(1.08);
}

/* Oscurecimiento */
.sirio-hover:hover::before {
    background: rgba(0,0,0,.25);
}

/* Franja blanca */
.sirio-hover::after {
    content: "SERIE SIRIO";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    box-sizing: border-box;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.sirio-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3c92cc *//* ===========================
   SERIE RHIO
   PROPORCIÓN 576 × 369
   =========================== */

.rhio-hover {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 576px !important;
    aspect-ratio: 576 / 369 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rhio-hover .elementor-widget-container,
.rhio-hover .elementor-image,
.rhio-hover a,
.rhio-hover picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.rhio-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .35s ease !important;
}

/* Capa oscura */
.rhio-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

/* Zoom */
.rhio-hover:hover img {
    transform: scale(1.08);
}

/* Oscurecimiento */
.rhio-hover:hover::before {
    background: rgba(0,0,0,.25);
}

/* Franja blanca */
.rhio-hover::after {
    content: "SERIE RHIO";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    box-sizing: border-box;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.rhio-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */