.elementor-324 .elementor-element.elementor-element-4c2f305{--display:flex;--min-height:650px;--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.52;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-324 .elementor-element.elementor-element-4c2f305:not(.elementor-motion-effects-element-type-background), .elementor-324 .elementor-element.elementor-element-4c2f305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fmoxigeno.com/wp-content/uploads/2026/03/OXIGENO-EDITABN-copia.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-324 .elementor-element.elementor-element-4c2f305::before, .elementor-324 .elementor-element.elementor-element-4c2f305 > .elementor-background-video-container::before, .elementor-324 .elementor-element.elementor-element-4c2f305 > .e-con-inner > .elementor-background-video-container::before, .elementor-324 .elementor-element.elementor-element-4c2f305 > .elementor-background-slideshow::before, .elementor-324 .elementor-element.elementor-element-4c2f305 > .e-con-inner > .elementor-background-slideshow::before, .elementor-324 .elementor-element.elementor-element-4c2f305 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-324 .elementor-element.elementor-element-fdd6faa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:1025px){.elementor-324 .elementor-element.elementor-element-4c2f305:not(.elementor-motion-effects-element-type-background), .elementor-324 .elementor-element.elementor-element-4c2f305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-324 .elementor-element.elementor-element-4c2f305{--min-height:642px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-324 .elementor-element.elementor-element-4c2f305:not(.elementor-motion-effects-element-type-background), .elementor-324 .elementor-element.elementor-element-4c2f305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-800px 2px;}.elementor-324 .elementor-element.elementor-element-fdd6faa.elementor-element{--align-self:center;}}/* Start custom CSS for shortcode, class: .elementor-element-fdd6faa *//* Solo flechas blancas - Sin fondo - Sin opacidad baja */

.df-container > .df-ui-next,
.df-container > .df-ui-prev {
    color: #ffffff !important;           /* Flecha en blanco */
    opacity: 1 !important;               /* Opacidad completa */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 36px;
    margin-top: -5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    text-align: center;
    height: auto;
    width: auto;
}

/* Opcional: hacerlas un poco más visibles al pasar el mouse */
.df-container > .df-ui-next:hover,
.df-container > .df-ui-prev:hover {
    opacity: 0.85 !important;
    color: #FABC17 !important;   /* Cambia a amarillo al hover (opcional) */
}/* End custom CSS */