.elementor-17 .elementor-element.elementor-element-27cfe6b:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-27cfe6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bioceong.com.pe/wp-content/uploads/2025/09/Nosotros.png");background-position:center center;background-size:cover;}.elementor-17 .elementor-element.elementor-element-27cfe6b > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.54;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-27cfe6b > .elementor-container{min-height:322px;}.elementor-17 .elementor-element.elementor-element-27cfe6b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.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 );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-7e25922{text-align:left;}.elementor-17 .elementor-element.elementor-element-7e25922 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#003366;}.elementor-17 .elementor-element.elementor-element-02ecec6 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-02ecec6{text-align:left;}.elementor-17 .elementor-element.elementor-element-02ecec6 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs, .elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#003366;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs svg{fill:#003366;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-item{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-item:hover a, .elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-item:hover .hfe-breadcrumbs-text{color:#987504;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-first:hover .hfe-breadcrumbs-home-icon svg{fill:#987504;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-separator .hfe-breadcrumbs-separator-text{color:#003366;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-separator-icon svg{fill:#003366;}.elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-last .hfe-breadcrumbs-text, .elementor-17 .elementor-element.elementor-element-02ecec6 .hfe-breadcrumbs-last svg{color:#004489;font-family:"Poppins", Sans-serif;font-size:15px;}.elementor-17 .elementor-element.elementor-element-b2244a9{margin-top:60px;margin-bottom:60px;}.elementor-17 .elementor-element.elementor-element-2d71673{margin-top:0px;margin-bottom:60px;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-7e25922 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-7e25922 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-7c45cf1 */.btn-flotante {
    position: fixed;
    /*top: 40%;*/
    transform: rotate(-90deg);
    transform-origin: center;
    color: #fff;
    font-weight: bold;
    padding: 12px 22px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 6px 6px 0 0;
    z-index: 9999;
    transition: background 0.3s ease;
    margin: 0;
    line-height: 1.2;
    opacity: 0; /* Ocultos al inicio */
    pointer-events: none; /* No clickeables mientras están ocultos */
}

/* 
.btn-flotante:hover {
    background-color: #c92d39;
}*/

/* Botón izquierdo */
.btn-izquierda {
    left: -40px;   /* lo empuja fuera y lo pega al borde */
    top: 35%;
    background-color: #003366;
}
.btn-izquierda:hover {
    background-color: #FFC300; /* más oscuro en hover */
}
/* Botón derecho */
.btn-derecha {
    right: -40px;  /* lo empuja fuera y lo pega al borde */
    top: 55%;
    background-color: #FFC300;
    color: #000;   /* para que contraste sobre el amarillo */
}
.btn-derecha:hover {
    background-color: #003366; /* Azul */
    color: #fff; /* Texto blanco */
    /*background-color: #003366; tono más oscuro en hover */
}
/* Clase visible (se activa con JS) */
.btn-visible {
    opacity: 1;
    pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd94c8f */@media (max-width: 768px) {
    /* Ocultar botones laterales en móvil */
    .floating-btn {
        display: none;
    }

    /* Barra inferior con botones */
    .floating-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 -2px 6px rgba(0,0,0,0.15);
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
        z-index: 9999;
    }

    .floating-bar a {
        flex: 1;
        margin: 0 5px;
        text-align: center;
        padding: 12px 0;
        border-radius: 6px;
        font-weight: bold;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .floating-bar .btn-donar {
        background-color: #003366;
        color: #fff;
    }

    .floating-bar .btn-voluntario {
        background-color: #FFC300;
        color: #000;
    }

    .floating-bar .btn-voluntario:hover {
        background-color: #003366;
        color: #fff;
    }
}/* End custom CSS */