.elementor-186 .elementor-element.elementor-element-559cc59c{--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;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--overlay-opacity:0.5;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:-2px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-559cc59c:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-559cc59c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF0F2;}.elementor-186 .elementor-element.elementor-element-559cc59c::before, .elementor-186 .elementor-element.elementor-element-559cc59c > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-559cc59c > .e-con-inner > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-559cc59c > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-559cc59c > .e-con-inner > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-559cc59c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EEF0F2;--background-overlay:'';}.elementor-186 .elementor-element.elementor-element-51c05a2f{--display:flex;--min-height:40px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--overlay-opacity:0.97;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-186 .elementor-element.elementor-element-51c05a2f::before, .elementor-186 .elementor-element.elementor-element-51c05a2f > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-51c05a2f > .e-con-inner > .elementor-background-video-container::before, .elementor-186 .elementor-element.elementor-element-51c05a2f > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-51c05a2f > .e-con-inner > .elementor-background-slideshow::before, .elementor-186 .elementor-element.elementor-element-51c05a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-186 .elementor-element.elementor-element-6d0386c2{width:auto;max-width:auto;text-align:start;font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-648a839{z-index:1000;}.elementor-186 .elementor-element.elementor-element-bc7a5cc{width:auto;max-width:auto;text-align:start;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-186 .elementor-element.elementor-element-559cc59c{--width:100%;}}@media(max-width:1024px){.elementor-186 .elementor-element.elementor-element-559cc59c{--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;}.elementor-186 .elementor-element.elementor-element-51c05a2f{--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;}}@media(max-width:767px){.elementor-186 .elementor-element.elementor-element-51c05a2f{--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;}.elementor-186 .elementor-element.elementor-element-6d0386c2{width:100%;max-width:100%;text-align:center;}.elementor-186 .elementor-element.elementor-element-bc7a5cc{width:100%;max-width:100%;text-align:center;}}/* Start custom CSS for html, class: .elementor-element-648a839 *//* Posicionamiento del contenedor global flotante al lado de la Dra. Edilicia */
.globo-ayuda-wrapper {
    position: fixed;
    right: 150px; /* Desplazado a la izquierda para NO tapar la etiqueta de la Doctora */
    bottom: 40px;  /* Alineado horizontalmente con la zona inferior */
    z-index: 10000; /* Capa superior para quedar siempre al frente */
    font-family: system-ui, -apple-system, sans-serif;
}

/* -------------------------------------------------------------
   1. ESTILO DEL BOTÓN / FOCO FLOTANTE INICIAL
   ------------------------------------------------------------- */
.globo-trigger-btn {
    background: #008A4A; /* Verde institucional PADEM */
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 30px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 8px 20px rgba(0, 138, 74, 0.35);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: latidoPulso 2.5s infinite;
}

.globo-trigger-btn:hover {
    background: #006B39;
    transform: scale(1.06) translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 138, 74, 0.45);
}

.globo-trigger-icon {
    font-size: 16px;
    line-height: 1;
}

/* -------------------------------------------------------------
   2. ESTILO DEL GLOBO DE DIÁLOGO DESPLEGADO
   ------------------------------------------------------------- */
.globo-ayuda-edilicia {
    width: 285px;
    background: #ffffff;
    border: 2px solid #008A4A;
    border-radius: 16px;
    padding: 24px 36px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
    position: relative;
    animation: desplieguePopup 0.3s ease-out forwards;
}

/* Flechita orientada hacia la Dra. Edilicia */
.globo-ayuda-edilicia::after {
    content: '';
    position: absolute;
    right: -10px;
    bottom: 25px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #008A4A;
}

/* Insignia */
.globo-badge {
    background: #F3FBF7;
    color: #008A4A;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 6px;
    text-transform: uppercase;
}

/* Título */
.globo-titulo {
    margin: 0 0 8px 0;
    font-size: 13px;
    color: #1F2937;
    line-height: 1.3;
}

/* Lista Paso a Paso */
.globo-pasos {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.globo-pasos li {
    font-size: 11.5px;
    line-height: 1.45;
    color: #374151;
    margin-bottom: 6px;
    padding-left: 2px;
}

.globo-pasos li strong {
    color: #008A4A;
}

/* Botón X de cerrar */
.globo-cerrar {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #f3f4f6;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #4b5563;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.2s ease;
}

.globo-cerrar:hover {
    background: #e5e7eb;
    color: #111827;
    transform: scale(1.1);
}

/* -------------------------------------------------------------
   ANIMACIONES
   ------------------------------------------------------------- */
@keyframes latidoPulso {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.04);
    }
}

@keyframes desplieguePopup {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Ocultar en pantallas muy pequeñas para evitar superposición */
@media (max-width: 480px) {
    .globo-ayuda-wrapper {
        display: none;
    }
}/* End custom CSS */