.elementor-1943 .elementor-element.elementor-element-4d93865{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1943 .elementor-element.elementor-element-6be44cc{--display:flex;--width:50%;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1943 .elementor-element.elementor-element-9de0446{--display:flex;--width:50%;--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-1943 .elementor-element.elementor-element-d7190fa{--display:flex;--width:100%;--min-height:0px;--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;--z-index:1;}.elementor-1943 .elementor-element.elementor-element-4afd658{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:-93px;}.elementor-1943 .elementor-element.elementor-element-4afd658.elementor-element{--align-self:center;}body:not(.rtl) .elementor-1943 .elementor-element.elementor-element-4afd658{left:290px;}body.rtl .elementor-1943 .elementor-element.elementor-element-4afd658{right:290px;}.elementor-1943 .elementor-element.elementor-element-d56fefe{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1943 .elementor-element.elementor-element-d56fefe:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-d56fefe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Fondo-de-Web-scaled.png");}.elementor-1943 .elementor-element.elementor-element-720ea31{--display:flex;--width:35%;--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-1943 .elementor-element.elementor-element-938e8f2{width:var( --container-widget-width, 38% );max-width:38%;background-color:#FFFFFF;padding:18px 18px 18px 18px;--container-widget-width:38%;--container-widget-flex-grow:0;border-radius:40px 40px 40px 40px;text-align:right;}.elementor-1943 .elementor-element.elementor-element-938e8f2.elementor-element{--align-self:center;}.elementor-1943 .elementor-element.elementor-element-b8d82a3{--display:flex;--width:76%;--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-1943 .elementor-element.elementor-element-3da127d{--display:flex;--width:100%;--min-height:0px;--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;--z-index:1;}.elementor-1943 .elementor-element.elementor-element-8967c14{width:var( --container-widget-width, 100% );max-width:100%;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-8967c14.elementor-element{--align-self:center;}.elementor-1943 .elementor-element.elementor-element-ccc2da7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1943 .elementor-element.elementor-element-ccc2da7:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-ccc2da7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#888482;background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Fondo-de-Web-scaled.png");background-repeat:repeat-x;background-size:100% auto;}.elementor-1943 .elementor-element.elementor-element-ccc2da7.e-con{--e-con-transform-flipX:-1;}.elementor-1943 .elementor-element.elementor-element-faace2a{--display:flex;--width:100%;--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-1943 .elementor-element.elementor-element-faace2a.e-con{--align-self:center;}.elementor-1943 .elementor-element.elementor-element-161680b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1943 .elementor-element.elementor-element-a18aecf{--e-transform-flipX:-1;margin:16px 16px calc(var(--kit-widget-spacing, 0px) + 16px) 16px;padding:5px 5px 5px 5px;border-radius:40px 40px 40px 40px;text-align:center;}.elementor-1943 .elementor-element.elementor-element-a18aecf:hover{background-color:#867272;background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/2iiB.gif");}.elementor-1943 .elementor-element.elementor-element-a18aecf .elementor-heading-title{font-family:"rink-bold", Sans-serif;font-size:88px;font-weight:600;color:#F3AE0C;}.elementor-1943 .elementor-element.elementor-element-e5d1164{--e-transform-flipX:-1;margin:-10px -10px calc(var(--kit-widget-spacing, 0px) + -10px) -10px;padding:5px 5px 5px 5px;border-radius:40px 40px 40px 40px;text-align:center;}.elementor-1943 .elementor-element.elementor-element-e5d1164:hover{background-color:#867272;background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/2iiB.gif");}.elementor-1943 .elementor-element.elementor-element-e5d1164 .elementor-heading-title{font-family:"rink-bold", Sans-serif;font-size:61px;font-weight:600;color:#661C30;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );--textColor: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-1943 .elementor-element.elementor-element-294137d{--e-transform-flipX:-1;margin:0px 49px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"rink-regular", Sans-serif;font-size:15px;font-weight:400;letter-spacing:1.2px;color:#97213B;--textColor:#97213B;}.elementor-1943 .elementor-element.elementor-element-04f214c{--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;}.elementor-1943 .elementor-element.elementor-element-04f214c:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-04f214c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Fondo-de-Web-scaled.png");background-position:0px -348px;background-size:cover;}.elementor-1943 .elementor-element.elementor-element-90049fb{--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;}.elementor-1943 .elementor-element.elementor-element-49232d3{--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;}.elementor-1943 .elementor-element.elementor-element-49232d3:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-49232d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDD9B7;}.elementor-1943 .elementor-element.elementor-element-d2a7393 .elementor-heading-title{font-family:"rink-bold", Sans-serif;font-size:1px;font-weight:600;color:#F3AE0C;}.elementor-1943 .elementor-element.elementor-element-4ee49d8 .elementor-heading-title{font-family:"rink-bold", Sans-serif;font-size:1px;font-weight:600;color:#97213B;}.elementor-1943 .elementor-element.elementor-element-2f26eb6 .elementor-heading-title{font-family:"rink-light", Sans-serif;font-size:1px;font-weight:300;color:#97213B;}.elementor-1943 .elementor-element.elementor-element-a42f8f0{--spacer-size:50px;}.elementor-1943 .elementor-element.elementor-element-aa8a793{--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;}.elementor-1943 .elementor-element.elementor-element-a783c88{--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;}.elementor-1943 .elementor-element.elementor-element-05b4a94{--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;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1943 .elementor-element.elementor-element-05b4a94:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-05b4a94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Base-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:45% auto;}.elementor-1943 .elementor-element.elementor-element-02a7485{--display:grid;--min-height:376px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1943 .elementor-element.elementor-element-02a7485:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-02a7485 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Base-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1943 .elementor-element.elementor-element-0721580{width:var( --container-widget-width, 9% );max-width:9%;margin:130px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:9%;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-6ad4d4d{width:var( --container-widget-width, 3% );max-width:3%;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:3%;--container-widget-flex-grow:0;top:111px;}body:not(.rtl) .elementor-1943 .elementor-element.elementor-element-6ad4d4d{left:82px;}body.rtl .elementor-1943 .elementor-element.elementor-element-6ad4d4d{right:82px;}.elementor-1943 .elementor-element.elementor-element-81cd93d{width:var( --container-widget-width, 3% );max-width:3%;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:3%;--container-widget-flex-grow:0;top:111px;}body:not(.rtl) .elementor-1943 .elementor-element.elementor-element-81cd93d{left:230px;}body.rtl .elementor-1943 .elementor-element.elementor-element-81cd93d{right:230px;}.elementor-1943 .elementor-element.elementor-element-103cc5f{width:var( --container-widget-width, 11% );max-width:11%;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:11%;--container-widget-flex-grow:0;top:183px;}body:not(.rtl) .elementor-1943 .elementor-element.elementor-element-103cc5f{left:66px;}body.rtl .elementor-1943 .elementor-element.elementor-element-103cc5f{right:66px;}.elementor-1943 .elementor-element.elementor-element-ade2ac7{width:var( --container-widget-width, 3% );max-width:3%;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:3%;--container-widget-flex-grow:0;top:112px;}body:not(.rtl) .elementor-1943 .elementor-element.elementor-element-ade2ac7{left:155px;}body.rtl .elementor-1943 .elementor-element.elementor-element-ade2ac7{right:155px;}.elementor-1943 .elementor-element.elementor-element-65df75b{margin:54px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1943 .elementor-element.elementor-element-ad2850c{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;}.elementor-1943 .elementor-element.elementor-element-a375999{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1943 .elementor-element.elementor-element-bbc09e2{--display:flex;--width:25%;--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-1943 .elementor-element.elementor-element-3091c4f{--display:flex;--width:50%;--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-1943 .elementor-element.elementor-element-23b75a8{--display:flex;--width:25%;--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;--overflow:hidden;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1943 .elementor-element.elementor-element-04f214c:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-04f214c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1943 .elementor-element.elementor-element-02a7485{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1943 .elementor-element.elementor-element-4d93865:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-4d93865 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Fondo-de-Web-scaled.png");}.elementor-1943 .elementor-element.elementor-element-6be44cc{--justify-content:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}body:not(.rtl) .elementor-1943 .elementor-element.elementor-element-4afd658{left:-4px;}body.rtl .elementor-1943 .elementor-element.elementor-element-4afd658{right:-4px;}.elementor-1943 .elementor-element.elementor-element-4afd658{top:-58px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1943 .elementor-element.elementor-element-04f214c:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-04f214c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1943 .elementor-element.elementor-element-49232d3:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-49232d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Fondo-de-Web-scaled.png");background-size:cover;}.elementor-1943 .elementor-element.elementor-element-d2a7393{text-align:center;}.elementor-1943 .elementor-element.elementor-element-d2a7393 .elementor-heading-title{font-size:20px;}.elementor-1943 .elementor-element.elementor-element-4ee49d8{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1943 .elementor-element.elementor-element-4ee49d8 .elementor-heading-title{font-size:20px;}.elementor-1943 .elementor-element.elementor-element-2f26eb6{text-align:center;}.elementor-1943 .elementor-element.elementor-element-2f26eb6 .elementor-heading-title{font-size:14px;}.elementor-1943 .elementor-element.elementor-element-a42f8f0{--spacer-size:7px;}.elementor-1943 .elementor-element.elementor-element-02a7485{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1943 .elementor-element.elementor-element-a375999:not(.elementor-motion-effects-element-type-background), .elementor-1943 .elementor-element.elementor-element-a375999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://analiliarivera.mx/wp-content/uploads/2025/11/Base-scaled.png");background-repeat:no-repeat;background-size:cover;}.elementor-1943 .elementor-element.elementor-element-c735b3d{width:var( --container-widget-width, 13px );max-width:13px;--container-widget-width:13px;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-e7c19db{width:var( --container-widget-width, 13px );max-width:13px;margin:-48px -72px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;--container-widget-width:13px;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-8f2b4ec{width:var( --container-widget-width, 13px );max-width:13px;margin:-48px -72px calc(var(--kit-widget-spacing, 0px) + 0px) 29px;--container-widget-width:13px;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-c6c4ff3{width:var( --container-widget-width, 13px );max-width:13px;margin:-48px -72px calc(var(--kit-widget-spacing, 0px) + 0px) 44px;--container-widget-width:13px;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-57e8fbc{width:var( --container-widget-width, 45px );max-width:45px;margin:-30px -72px calc(var(--kit-widget-spacing, 0px) + 0px) 7px;--container-widget-width:45px;--container-widget-flex-grow:0;}.elementor-1943 .elementor-element.elementor-element-e29d20c{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for container, class: .elementor-element-161680b *//* 1. Estilos base del contenedor */
#contenedor-orgullo {
    /* Es crucial para que las pseudoclases se posicionen correctamente */
    position: relative; 
    
    /* Define la forma del contenedor (ejemplo) */
    padding: 30px; 
    border: 2px solid transparent; /* Bordes transparentes para dejar espacio */
    transition: border-color 0.3s ease; /* Transición suave para el color del borde si lo usas */
    
    /* Asegura que las líneas no se salgan de los límites */
    overflow: hidden; 
}

/* 2. Creación de las líneas (pseudoelementos) */

/* Línea superior y Línea inferior */
#contenedor-orgullo::before,
#contenedor-orgullo::after {
    content: '';
    position: absolute;
    background-color: #ffcc00; /* Color de la línea (cambia a tu color favorito) */
    transition: all 0.5s ease-in-out;
}

/* Línea superior */
#contenedor-orgullo::before {
    top: 0;
    left: 0;
    width: 0; /* Empieza con un ancho de 0 */
    height: 3px; /* Grosor de la línea */
}

/* Línea inferior (usando ::after) */
#contenedor-orgullo::after {
    bottom: 0;
    right: 0;
    width: 0; /* Empieza con un ancho de 0 */
    height: 3px; /* Grosor de la línea */
}

/* Líneas laterales (usaremos otra técnica para simular las 4 esquinas) */
.linea-vertical-izquierda,
.linea-vertical-derecha {
    /* Usamos clases secundarias si el constructor de páginas lo permite, 
    o duplicamos los pseudoelementos (menos limpio) */
}

/* 3. Estilos HOVER: Lo que pasa cuando pasas el cursor */

/* ---------------------------------------------------- */
/* Efecto de recorrido horizontal al pasar el cursor */
/* ---------------------------------------------------- */
#contenedor-orgullo:hover::before {
    /* La línea superior se extiende de izquierda a derecha */
    width: 100%; 
}

#contenedor-orgullo:hover::after {
    /* La línea inferior se extiende de derecha a izquierda */
    width: 100%; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccc2da7 *//* ---------------------------------------------------- */
/* Definición de las animaciones para las partículas   */
/* ---------------------------------------------------- */

/* Animación de movimiento general */
@keyframes moverParticula {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    25% { transform: translate(15px, -10px) scale(1.1) rotate(45deg); }
    50% { transform: translate(-10px, 15px) scale(0.9) rotate(90deg); }
    75% { transform: translate(10px, -15px) scale(1.2) rotate(135deg); }
    100% { transform: translate(0, 0) scale(1) rotate(180deg); }
}

/* Animación de rotación independiente */
@keyframes girarParticula {
    to { transform: rotate(360deg); }
}

/* ---------------------------------------------------- */
/* Contenedor Principal (Ahora con ID #fondo)           */
/* ---------------------------------------------------- */
#fondo {
    position: relative;
    padding: 30px; 
    overflow: hidden; 
    min-height: 250px; 
    background-color: transparent; 
    border: none;
    box-shadow: none;
    /* Asegúrate de que el contenido de #fondo (la imagen) no tenga z-index: -1 */
}

/* ---------------------------------------------------- */
/* Partículas de Fondo (Ahora Triángulos)               */
/* ---------------------------------------------------- */

/* Estilo Base para los Triángulos */
#fondo::before,
#fondo::after {
    content: '';
    position: absolute;
    background-color: transparent; /* No tiene color de fondo directo */
    border-style: solid; /* Usaremos bordes para formar el triángulo */
    border-color: transparent transparent #97213B transparent; /* El color deseado solo en un lado */
    opacity: 0.15; /* Sutil */
    z-index: -1; /* Detrás de la imagen */
    filter: blur(1px); /* Un poco de desenfoque */
}

/* ---------------------------------------------------- */
/* TRIÁNGULO 1 (::before)                               */
/* ---------------------------------------------------- */
#fondo::before {
    top: 5%;
    left: 10%;
    width: 0; /* Necesario para el truco del triángulo con bordes */
    height: 0; /* Necesario para el truco del triángulo con bordes */
    border-width: 0 40px 80px 40px; /* Tamaño del triángulo: arriba, derecha, abajo, izquierda */
    /* 0 40px 80px 40px significa:
       - Borde superior: 0px (no visible)
       - Borde derecho: 40px (mitad de la base)
       - Borde inferior: 80px (altura del triángulo) - ESTE LADO TIENE EL COLOR
       - Borde izquierdo: 40px (mitad de la base)
    */
    border-color: transparent transparent #97213B transparent; /* Base con color, los demás transparentes */

    animation: moverParticula 15s ease-in-out infinite alternate, 
               girarParticula 10s linear infinite; 
    animation-delay: 0s, 0s; 
}

/* ---------------------------------------------------- */
/* TRIÁNGULO 2 (::after)                                */
/* ---------------------------------------------------- */
#fondo::after {
    bottom: 15%;
    right: 5%;
    width: 0;
    height: 0;
    border-width: 0 30px 60px 30px; /* Tamaño más pequeño */
    border-color: transparent transparent #97213B transparent; /* Base con color */
    transform: rotate(180deg); /* Girado para que apunte hacia arriba */

    animation: moverParticula 18s ease-out infinite alternate-reverse, 
               girarParticula 12s linear infinite reverse; 
    animation-delay: 2s, 1s; 
}

/* ---------------------------------------------------- */
/* TRUCO PARA MÁS TRIÁNGULOS (Usando Box-Shadow en los pseudoelementos) */
/* ---------------------------------------------------- */

/* Añadimos más sombras al ::before para simular más triángulos */
#fondo::before {
    /* ... (estilos anteriores) ... */
    box-shadow: 
        /* TRIÁNGULO 3: Más pequeño, arriba a la derecha */
        120px -80px 0 -10px #97213B, 
        /* TRIÁNGULO 4: Mediano, abajo a la izquierda */
        -80px 100px 0 -15px #97213B; 
    /* Nota: Los box-shadow solo pueden ser rectángulos/cuadrados.
       Para triángulos en box-shadow, necesitaríamos una forma más compleja.
       Si el box-shadow de los cubos no te funcionó con triángulos,
       entonces el truco para más triángulos independientes es con HTML adicional. */
}

/* Añadimos más sombras al ::after para simular más triángulos */
#fondo::after {
    /* ... (estilos anteriores) ... */
    box-shadow: 
        /* TRIÁNGULO 5: Pequeño, cerca del centro */
        -100px -50px 0 -10px #97213B,
        /* TRIÁNGULO 6: Más grande, abajo a la derecha */
        150px 80px 0 -20px #97213B;
}

/* Si el box-shadow no funciona como triángulo, la forma más limpia
   para más triángulos es con elementos <span> en el HTML. */

/* Ejemplo si pudieras añadir HTML para más triángulos: */
/*
#fondo span.triangulo-fondo {
    position: absolute;
    background-color: transparent; 
    border-style: solid;
    border-color: transparent transparent #97213B transparent;
    width: 0; height: 0;
    border-width: 0 20px 40px 20px;
    opacity: 0.1;
    z-index: -1;
    filter: blur(1px);
    animation: moverParticula 20s ease-in-out infinite alternate, girarParticula 8s linear infinite;
}

#fondo span.triangulo-fondo:nth-child(1) { 
    top: 40%; left: 70%;
    border-width: 0 25px 50px 25px; // Tamaño diferente
    animation-duration: 17s, 9s;
    animation-delay: 1s, 0.5s;
    transform: rotate(90deg); // Rotación inicial
}

#fondo span.triangulo-fondo:nth-child(2) { 
    bottom: 25%; left: 20%;
    border-width: 0 15px 30px 15px; // Tamaño diferente
    animation-duration: 16s, 11s;
    animation-delay: 3s, 2s;
    animation-direction: alternate-reverse, reverse;
    transform: rotate(-30deg); // Rotación inicial
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04f214c *//* 1. Estilos base del contenedor */
#iniciativas {
    /* Es crucial para que las pseudoclases se posicionen correctamente */
    position: relative; 
    
    /* Define la forma del contenedor (ejemplo) */
    padding: 30px; 
    border: 2px solid transparent; 
    transition: border-color 0.3s ease; 
    
    /* Asegura que las líneas no se salgan de los límites */
    overflow: hidden; 
}

/* 2. Creación de las líneas (pseudoelementos) */

/* Línea superior y Línea inferior */
#iniciativas::before,
#iniciativas::after {
    content: '';
    position: absolute;
    /* Color de la línea actualizado: #97213B */
    background-color: #97213B; 
    transition: all 0.5s ease-in-out;
}

/* Línea superior */
#iniciativas::before {
    top: 0;
    left: 0;
    width: 0; /* Empieza con un ancho de 0 */
    height: 3px; /* Grosor de la línea */
}

/* Línea inferior (usando ::after) */
#iniciativas::after {
    bottom: 0;
    right: 0;
    width: 0; /* Empieza con un ancho de 0 */
    height: 3px; /* Grosor de la línea */
}

/* 3. Estilos HOVER: Lo que pasa cuando pasas el cursor */

/* Efecto de recorrido horizontal al pasar el cursor */
#iniciativas:hover::before {
    /* La línea superior se extiende de izquierda a derecha */
    width: 100%; 
}

#iniciativas:hover::after {
    /* La línea inferior se extiende de derecha a izquierda */
    width: 100%; 
}/* End custom CSS */