.elementor-987 .elementor-element.elementor-element-3e3181d4{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-4e1176f8{--display:flex;--min-height:50px;--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;--z-index:3;}.elementor-987 .elementor-element.elementor-element-4e1176f8:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-4e1176f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-987 .elementor-element.elementor-element-71b3ff84{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-71b3ff84.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-987 .elementor-element.elementor-element-3596d343 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:2em;color:#E5007D;}.elementor-987 .elementor-element.elementor-element-151a91c{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-987 .elementor-element.elementor-element-58ac0528{--divider-border-style:solid;--divider-color:#E5007D;--divider-border-width:2px;}.elementor-987 .elementor-element.elementor-element-58ac0528 .elementor-divider-separator{width:100%;}.elementor-987 .elementor-element.elementor-element-58ac0528 .elementor-divider{padding-block-start:13px;padding-block-end:13px;}.elementor-987 .elementor-element.elementor-element-1887549{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-1887549:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-1887549 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-987 .elementor-element.elementor-element-843f143{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-843f143:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-843f143 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-987 .elementor-element.elementor-element-1aa1c6f{--display:flex;--justify-content:flex-start;}.elementor-987 .elementor-element.elementor-element-b4b46d8{text-align:start;}.elementor-987 .elementor-element.elementor-element-b4b46d8 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:2.5em;font-weight:900;color:var( --e-global-color-825ec2e );}.elementor-987 .elementor-element.elementor-element-16dd085{--display:flex;}.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-987 .elementor-element.elementor-element-9fdd40c{font-family:"Archivo", Sans-serif;font-size:1.15em;font-weight:700;font-style:italic;color:var( --e-global-color-secondary );}.elementor-987 .elementor-element.elementor-element-9cae24b{--display:flex;}.elementor-987 .elementor-element.elementor-element-c535406{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-987 .elementor-element.elementor-element-c535406.e-con{--align-self:center;}.elementor-987 .elementor-element.elementor-element-1b66f7b{text-align:center;font-family:"Archivo", Sans-serif;color:var( --e-global-color-825ec2e );}.elementor-987 .elementor-element.elementor-element-3518dcf4{--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;}@media(min-width:768px){.elementor-987 .elementor-element.elementor-element-71b3ff84{--width:45%;}.elementor-987 .elementor-element.elementor-element-843f143{--width:30%;}.elementor-987 .elementor-element.elementor-element-9cae24b{--width:70%;}.elementor-987 .elementor-element.elementor-element-c535406{--width:90%;}}@media(max-width:767px){.elementor-987 .elementor-element.elementor-element-4e1176f8{--content-width:100%;--min-height:50px;}.elementor-987 .elementor-element.elementor-element-71b3ff84{--width:80%;}.elementor-987 .elementor-element.elementor-element-3596d343 .elementor-heading-title{font-size:1.5em;}.elementor-987 .elementor-element.elementor-element-151a91c{--width:10%;}.elementor-987 .elementor-element.elementor-element-843f143{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-b4b46d8 .elementor-heading-title{font-size:2em;}.elementor-987 .elementor-element.elementor-element-9fdd40c{font-size:0.85em;}.elementor-987 .elementor-element.elementor-element-c535406{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-1b66f7b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 40px 40px 40px;font-size:0.85em;}}/* Start custom CSS for container, class: .elementor-element-c535406 *//* * INSTRUCCIONES PARA ELEMENTOR:
 * 1. Selecciona el Contenedor principal donde irá el texto.
 * 2. Ve a la pestaña "Avanzado" > "Disposición" > "Clases CSS" y escribe: caja-hexagono-borde
 * 3. Ve a "Avanzado" > "CSS Personalizado" y pega todo este código.
 */

.caja-hexagono-borde {
    position: relative;
    /* Eliminamos el border-radius tradicional porque todo lo controlará el clip-path */
    border-radius: 0; 
    
    /* Degradado de Verde a Cian (borde exterior) */
    background: linear-gradient(90deg, #8cc63f, #00c0d1);
    
    /* Polígono exterior: Hexágono con TODAS las puntas y esquinas redondeadas (simuladas) */
    clip-path: polygon(
        /* Borde Superior */
        45px 0%, calc(100% - 45px) 0%,
        /* Esquina Superior Derecha */
        calc(100% - 41px) 2px, calc(100% - 39px) 6px, calc(100% - 37px) 12px,
        /* Punta Derecha Redondeada */
        calc(100% - 2px) calc(50% - 8px), 100% calc(50% - 2px), 100% calc(50% + 2px), calc(100% - 2px) calc(50% + 8px),
        /* Esquina Inferior Derecha */
        calc(100% - 37px) calc(100% - 12px), calc(100% - 39px) calc(100% - 6px), calc(100% - 41px) calc(100% - 2px),
        /* Borde Inferior */
        calc(100% - 45px) 100%, 45px 100%,
        /* Esquina Inferior Izquierda */
        41px calc(100% - 2px), 39px calc(100% - 6px), 37px calc(100% - 12px),
        /* Punta Izquierda Redondeada */
        2px calc(50% + 8px), 0% calc(50% + 2px), 0% calc(50% - 2px), 2px calc(50% - 8px),
        /* Esquina Superior Izquierda */
        37px 12px, 39px 6px, 41px 2px
    );
    
    /* Espaciado para el grosor del borde */
    padding: 2px;
}

/* El fondo falso que simula el interior transparente */
.caja-hexagono-borde::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    
    /* COLOR DEL SITIO: Fondo oscuro para fundirse con tu web */
    background-color: #120836;
    
    /* Polígono interior: Exactamente igual pero reducido 2px hacia el centro en todas direcciones */
    clip-path: polygon(
        /* Borde Superior */
        47px 2px, calc(100% - 47px) 2px,
        /* Esquina Superior Derecha */
        calc(100% - 43px) 4px, calc(100% - 41px) 8px, calc(100% - 39px) 14px,
        /* Punta Derecha Redondeada */
        calc(100% - 4px) calc(50% - 10px), calc(100% - 2px) calc(50% - 5px), calc(100% - 2px) calc(50% + 5px), calc(100% - 4px) calc(50% + 10px),
        /* Esquina Inferior Derecha */
        calc(100% - 39px) calc(100% - 14px), calc(100% - 41px) calc(100% - 8px), calc(100% - 43px) calc(100% - 4px),
        /* Borde Inferior */
        calc(100% - 47px) calc(100% - 2px), 47px calc(100% - 2px),
        /* Esquina Inferior Izquierda */
        43px calc(100% - 4px), 41px calc(100% - 8px), 39px calc(100% - 14px),
        /* Punta Izquierda Redondeada */
        4px calc(50% + 7px), 2px calc(50% + 2px), 2px calc(50% - 2px), 4px calc(50% - 7px),
        /* Esquina Superior Izquierda */
        39px 14px, 41px 8px, 43px 4px
    );
    
    z-index: 0;
}

/* Asegura que el texto y los widgets dentro de Elementor tengan espacio y no toquen las puntas */
.caja-hexagono-borde .elementor-widget-container,
.caja-hexagono-borde > .elementor-container,
.caja-hexagono-borde > * {
    position: relative;
    z-index: 1;
    /* Espacio amplio a los lados para que el texto se mantenga en el centro del hexágono */
    padding-right: 65px; 
    padding-left: 65px;
    padding-top: 15px;
    padding-bottom: 15px;
}/* End custom CSS */