.elementor-260 .elementor-element.elementor-element-b5a9cc6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-260 .elementor-element.elementor-element-b5a9cc6:not(.elementor-motion-effects-element-type-background), .elementor-260 .elementor-element.elementor-element-b5a9cc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-260 .elementor-element.elementor-element-ee053c3{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}.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-260 .elementor-element.elementor-element-56ba10c .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:47px;font-weight:400;color:#070707;}.elementor-260 .elementor-element.elementor-element-c78d5e9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-7px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-260 .elementor-element.elementor-element-ebda561 .elementor-button{background-color:#F59121;font-family:"Raleway", Sans-serif;font-size:24px;font-weight:600;fill:#000000;color:#000000;border-radius:23px 23px 23px 23px;padding:12px 25px 12px 25px;}.elementor-260 .elementor-element.elementor-element-ebda561 .elementor-button:hover, .elementor-260 .elementor-element.elementor-element-ebda561 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-260 .elementor-element.elementor-element-ebda561{margin:0px 51px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-260 .elementor-element.elementor-element-ebda561 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-260 .elementor-element.elementor-element-ebda561 .elementor-button:hover svg, .elementor-260 .elementor-element.elementor-element-ebda561 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-260 .elementor-element.elementor-element-6a01d98{--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-260 .elementor-element.elementor-element-6a01d98:not(.elementor-motion-effects-element-type-background), .elementor-260 .elementor-element.elementor-element-6a01d98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-260 .elementor-element.elementor-element-966e28f{--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;--padding-top:0px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}.elementor-260 .elementor-element.elementor-element-d846645{--e-image-carousel-slides-to-show:1;}.elementor-260 .elementor-element.elementor-element-d846645:hover{--e-transform-translateY:-10px;}.elementor-260 .elementor-element.elementor-element-d846645 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-260 .elementor-element.elementor-element-4538b7b{--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;--padding-top:0px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-260 .elementor-element.elementor-element-6cccb0d{text-align:end;}.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-260 .elementor-element.elementor-element-d9fd2df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 60px;padding:0px 0px 0px 0px;text-align:end;font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-260 .elementor-element.elementor-element-ff87453{--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;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#1F1F1FBF;--border-color:#1F1F1FBF;}.elementor-260 .elementor-element.elementor-element-ff87453:not(.elementor-motion-effects-element-type-background), .elementor-260 .elementor-element.elementor-element-ff87453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-260 .elementor-element.elementor-element-6511f89{--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;--justify-content:space-around;border-style:none;--border-style:none;}.elementor-260 .elementor-element.elementor-element-09bac9a{text-align:center;}.elementor-260 .elementor-element.elementor-element-09bac9a .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-260 .elementor-element.elementor-element-09bac9a .elementor-heading-title a:hover, .elementor-260 .elementor-element.elementor-element-09bac9a .elementor-heading-title a:focus{color:#F59121;}.elementor-260 .elementor-element.elementor-element-295b018{--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;--justify-content:space-around;}.elementor-260 .elementor-element.elementor-element-1ab33c0{text-align:center;}.elementor-260 .elementor-element.elementor-element-1ab33c0 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-260 .elementor-element.elementor-element-1ab33c0 .elementor-heading-title a:hover, .elementor-260 .elementor-element.elementor-element-1ab33c0 .elementor-heading-title a:focus{color:#F59121;}.elementor-260 .elementor-element.elementor-element-42165bb{--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;--justify-content:space-around;}.elementor-260 .elementor-element.elementor-element-5ccfe62{text-align:center;}.elementor-260 .elementor-element.elementor-element-5ccfe62 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-260 .elementor-element.elementor-element-5ccfe62 .elementor-heading-title a:hover, .elementor-260 .elementor-element.elementor-element-5ccfe62 .elementor-heading-title a:focus{color:#F59121;}.elementor-260 .elementor-element.elementor-element-cb30522{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-260 .elementor-element.elementor-element-7951e78 .elementor-button{background-color:#00000000;font-family:"Raleway", Sans-serif;font-size:16px;font-weight:300;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F59121;border-radius:30px 30px 30px 30px;padding:15px 25px 12px 25px;}.elementor-260 .elementor-element.elementor-element-7951e78 .elementor-button:hover, .elementor-260 .elementor-element.elementor-element-7951e78 .elementor-button:focus{background-color:#F59121;color:#000000;}.elementor-260 .elementor-element.elementor-element-7951e78{padding:0px 0px 0px 0px;}.elementor-260 .elementor-element.elementor-element-7951e78 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-260 .elementor-element.elementor-element-7951e78 .elementor-button:hover svg, .elementor-260 .elementor-element.elementor-element-7951e78 .elementor-button:focus svg{fill:#000000;}.elementor-260 .elementor-element.elementor-element-e209d9c{--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;border-style:none;--border-style:none;}.elementor-260 .elementor-element.elementor-element-e209d9c:not(.elementor-motion-effects-element-type-background), .elementor-260 .elementor-element.elementor-element-e209d9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-260 .elementor-element.elementor-element-28b621e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-260 .elementor-element.elementor-element-c78d5e9{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:15px;--padding-top:0px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-260 .elementor-element.elementor-element-d9fd2df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-260 .elementor-element.elementor-element-28b621e{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:49px;--margin-right:0px;}}@media(min-width:768px){.elementor-260 .elementor-element.elementor-element-b5a9cc6{--content-width:1250px;}.elementor-260 .elementor-element.elementor-element-ee053c3{--width:52%;}.elementor-260 .elementor-element.elementor-element-c78d5e9{--width:46%;}.elementor-260 .elementor-element.elementor-element-6a01d98{--content-width:1250px;}.elementor-260 .elementor-element.elementor-element-966e28f{--width:79%;}.elementor-260 .elementor-element.elementor-element-4538b7b{--width:52%;}.elementor-260 .elementor-element.elementor-element-6511f89{--width:20%;}.elementor-260 .elementor-element.elementor-element-295b018{--width:20%;}.elementor-260 .elementor-element.elementor-element-42165bb{--width:20%;}.elementor-260 .elementor-element.elementor-element-cb30522{--width:40%;}.elementor-260 .elementor-element.elementor-element-28b621e{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-ebda561 *//* 1. Estilo base del botón (la pastilla naranja) */
.elementor-element-ebda561 .elementor-button {
    background-color: #F59121 !important; /* Color naranja mostaza */
    border-radius: 100px !important;       /* Forma de pastilla */
    padding: 12px 60px 12px 30px !important; /* Relleno: más espacio a la derecha para el circulo */
    position: relative !important;         /* Necesario para posicionar el icono */
    overflow: visible !important;          /* CRUCIAL: Permite que el circulo negro sobresalga */
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* 2. Estilo del contenedor del texto e icono */
.elementor-element-ebda561 .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: flex-start; /* Alinea texto a la izquierda */
}

/* 3. Estilo del Texto */
.elementor-element-ebda561 .elementor-button-text {
    color: #000000 !important;      /* Texto negro */
    font-family: sans-serif;        /* Puedes cambiar esto por tu tipografía */
    font-size: 25px !important;     /* Tamaño del texto */
    font-weight: 800 !important;    /* Negrita fuerte */
    text-transform: uppercase;      /* Mayúsculas */
    letter-spacing: 1px;
    margin: 0 !important;
}

/* 4. Estilo del Icono (El círculo negro) */
.elementor-element-ebda561 .elementor-button-icon {
    background-color: #000000 !important; /* Fondo negro */
    width: 100px !important;               /* Ancho del círculo (más grande que el botón) */
    height: 100px !important;              /* Alto del círculo */
    border-radius: 50% !important;        /* Círculo perfecto */
    
    /* Posicionamiento para que flote a la derecha */
    position: absolute !important;
    right: -50px !important;              /* Ajusta esto para moverlo más afuera o adentro */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centrado vertical perfecto */
    
    /* Centrar el símbolo de $ dentro del círculo */
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 0 !important;           /* Eliminar margen por defecto de Elementor */
    border: 2px solid #333;               /* Opcional: borde sutil si lo quieres */
    z-index: 10;
}

/* 5. Estilo del SVG ($) */
.elementor-element-ebda561 .elementor-button-icon svg {
    fill: #ffffff !important; /* Icono blanco */
    width: 22px !important;   /* Tamaño del signo de pesos */
    height: 52px !important;
}

/* 6. Efecto Hover (Opcional: crece un poco al pasar el mouse) */
.elementor-element-ebda561 .elementor-button:hover {
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-966e28f */.elementor-element-baf1a3c img,
.elementor-element-6cccb0d img {
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); /* Rebote suave */
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); /* Sombra inicial muy suave */
    border-radius: 8px;
}

/* Hover */
.elementor-element-baf1a3c:hover img,
.elementor-element-6cccb0d:hover img {
    transform: translateY(-12px); /* Sube */
    box-shadow: 0 30px 50px -10px rgba(0,0,0,0.25); /* Sombra profunda */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be5a7b5 *//* --- CONTENEDOR PRINCIPAL --- */
.social-events-wrapper {
    width: 100%;
    /* Mismo gris claro de tu imagen para que los íconos se fundan */
    background-color: #F4F5F7; 
    font-family: 'Raleway', sans-serif;
}

.events-grid-4x2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 0;
    max-width: 1400px;
    margin: 0 auto;
}

/* --- ESTILO DE LAS TARJETAS --- */
.event-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 15% 12%;
    min-height: 420px; /* Asegura el aspecto rectangular alto */
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}

.event-inner {
    transition: transform 0.4s ease;
    width: 100%;
}

/* Tarjetas decorativas centradas */
.deco-only {
    align-items: center; /* Centra el icono gigante */
}

/* --- COLORES DE FONDO --- */
.bg-white {
    background-color: #ffffff;
    color: #333333;
}
.bg-white .event-icon { color: #6d6e70; }

.bg-orange {
    background-color: #F59121;
    color: #ffffff;
}
.bg-orange .event-icon { color: #ffffff; }

.bg-black {
    background-color: #1A1A1A; /* Negro profundo y cálido */
    color: #ffffff;
}
.bg-black .event-icon { color: #ffffff; }

/* Transparente toma el color del .social-events-wrapper (#F4F5F7) */
.bg-transparent {
    background-color: transparent;
}
.bg-transparent .event-icon { color: #6d6e70; } /* Gris oscuro para los iconos sueltos */

/* --- TIPOGRAFÍA --- */
.event-card h3 {
    font-size: clamp(22px, 2vw, 26px);
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 15px 0;
    color: inherit;
    letter-spacing: 0.5px;
}

.event-card p {
    font-size: clamp(14px, 1.1vw, 15px);
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    color: inherit;
    opacity: 0.9;
}

/* --- ICONOS --- */
.event-icon {
    margin-bottom: 25px;
    display: flex;
    justify-content: flex-start;
}

.event-icon svg {
    width: 65px;
    height: 65px;
    transition: all 0.4s ease;
}

/* Iconos gigantes en las cajas decorativas */
.deco-only .event-icon svg {
    width: 85px;
    height: 85px;
}

/* --- EFECTO HOVER --- */
.event-card:not(.deco-only):not(.empty-slot):hover {
    transform: translateY(-12px);
    z-index: 10;
}

.bg-white:hover { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15); }
.bg-orange:hover { box-shadow: 0 25px 50px -12px rgba(245, 145, 33, 0.4); }
.bg-black:hover { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.4); }

.event-card:hover .event-inner {
    transform: translateY(-5px);
}

/* Movimiento sutil para las cajas decorativas (sin sombra) */
.deco-only:not(.empty-slot):hover svg {
    transform: scale(1.1) rotate(5deg);
    color: #F59121; /* El icono se ilumina en tu tono naranja al pasar el mouse */
}

/* --- RESPONSIVE --- */

/* Tablets (1024px) */
@media (max-width: 1024px) {
    .events-grid-4x2 {
        grid-template-columns: repeat(2, 1fr); /* 2 columnas */
    }
    .empty-slot { display: none; } /* Ocultamos la caja vacía */
    .event-card { min-height: 350px; }
}

/* Móviles (767px) */
@media (max-width: 767px) {
    .events-grid-4x2 {
        grid-template-columns: 1fr; /* 1 sola columna */
    }
    .deco-only { display: none; } /* Ocultamos los iconos decorativos para no alargar la página */
    .event-card {
        min-height: auto;
        padding: 50px 30px;
    }
}/* End custom CSS */