.elementor-2 .elementor-element.elementor-element-403854d{--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:030px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-403854d:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-403854d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E7E736;}.elementor-2 .elementor-element.elementor-element-0b28c1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 0px 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-2 .elementor-element.elementor-element-1e56f66 .elementor-button{background-color:#FDD835;font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;fill:#000000;color:#000000;padding:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-1e56f66{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-1e56f66 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-1e56f66 .elementor-button:focus{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-1e56f66 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-1e56f66 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-5a061dc{--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;--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-2 .elementor-element.elementor-element-bb1fbd3{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-7d09ce3{--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-2 .elementor-element.elementor-element-77450e1 .elementor-button{background-color:#FDD835;font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;fill:#000000;color:#000000;padding:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-77450e1{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-77450e1 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-77450e1 .elementor-button:focus{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-77450e1 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-77450e1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-4721cc3{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-f5058c2 .elementor-button{background-color:#FDD835;font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;fill:#000000;color:#000000;padding:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-f5058c2{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-f5058c2 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-f5058c2 .elementor-button:focus{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-f5058c2 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-f5058c2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-769bc90{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-576db97.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-ca5803a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-16cc797{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-bbf4cc0 .elementor-button{background-color:#FDD835;font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;fill:#000000;color:#000000;padding:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-bbf4cc0{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-bbf4cc0 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-bbf4cc0 .elementor-button:focus{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-bbf4cc0 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-bbf4cc0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-216dbfb{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-f486191.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-cd42641{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-d05b8c1{padding:0px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-f113fa5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-f113fa5.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-792846d .elementor-button{background-color:#FDD835;font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;fill:#000000;color:#000000;padding:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-792846d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-792846d .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-792846d .elementor-button:focus{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-792846d .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-792846d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-c2ea013{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-ca5803a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-403854d{--padding-top:7px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-2 .elementor-element.elementor-element-5a061dc{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2 .elementor-element.elementor-element-7d09ce3{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2 .elementor-element.elementor-element-ca5803a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-16cc797{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2 .elementor-element.elementor-element-216dbfb{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-0b28c1d */.container {
            max-width: 900px;
            text-align: center;
        }

        .subtitle {
            font-size: 1.5em;
            margin-bottom: 10px;
            letter-spacing: 1px;
            color: #c1301d;
        }

        h1.title {
            font-size: 3em;
            margin-bottom: 20px;
            color: black;
            line-height: 1.2;
            font-weight: bold;
        }

        .title strong {
            color: #c1301d; /* Highlight color */
        }

        .description {
            font-size: 1.1em;
            line-height: 1.6;
            color: black;
        }

        .button {
            display: inline-block;
            background-color: #fdd835; /* Yellow color */
            color: #000000;
            padding: 15px 30px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1em;
            transition: background-color 0.3s ease;
        }

        .button:hover {
            background-color: #ffeb3b;
        }
@media (max-width: 768px) {
    h1.title {
        font-size: 2em; /* Tamaño de fuente más pequeño para móviles/tabletas */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb1fbd3 */.content-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
    align-items: center;
    gap: 40px; /* Space between the image and text */
}

/* Image Container */
.image-container {
    flex: 1;
    min-width: 300px; /* Ensures the image doesn't get too small */
    position: relative;
    /* Optional: Add a subtle overlay to the image */
}

.image-container img {
    max-width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: luminosity; /* This creates the black-and-white, almost ghostly effect */
    filter: brightness(0.8) contrast(1.2); /* Further fine-tunes the look */
}

/* Text Container */
.text-container {
    flex: 2;
    padding: 20px;
    min-width: 300px; /* Ensures text block doesn't get too small */
}

.title {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 5px;
    color: #c1301d; /* The accent color */
    letter-spacing: 1px;
}

.name {
    font-size: 2.5em;
    font-weight: 900;
    margin-bottom: 25px;
    line-height: 1.2;
    color: #c1301d; /* The accent color */
    text-transform: uppercase;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.5); /* Adds a subtle chiseled effect */
}

.text-container p {
    font-size: 1.1em;
    margin-bottom: 20px;
    max-width: 600px;
    color: #000; /* Lighter grey for readability */
}

.text-container strong {
    color: #fff;
    font-weight: 700;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column; /* Stack image and text vertically */
    }

    .image-container {
        width: 100%;
        margin-bottom: 20px;
    }

    .text-container {
        padding: 0;
    }

    .name {
        font-size: 2.5em;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63a378a */span.title {
            font-size: 2.5em;
            margin-bottom: 20px;
            color: black;
            line-height: 1.2;
            font-weight: bold;
        }

        .span strong {
            color: #c1301d; /* Highlight color */
        }   
     .header-section {
            max-width: 1100px;
            margin-bottom: 50px;
        }

        .main-title {
            font-size: 2.5em;
            font-weight: 700;
            color: #1a2a4b; /* Azul oscuro */
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .main-description {
            font-size: 1.1em;
            color: black;
            line-height: 1.6;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .highlight-text {
            font-style: italic;
            font-weight: 500;
        }

        .cards-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            max-width: 1000px;
        }

        .card {
            background-color: #C1301D;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            padding: 30px;
            width: 230px; /* Ancho fijo para las tarjetas */
            text-align: left;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
        }

        .card-title {
            font-size: 1.2em;
            font-weight: 600;
            color: #1a2a4b;
            margin-bottom: 15px;
            color:#FDD835;
        }

        .card-description {
            font-size: 0.95em;
            line-height: 1.5;
            color: white;
        }

        /* Media queries para un diseño responsivo */
        @media (max-width: 768px) {
            .cards-container {
                flex-direction: column;
                align-items: center;
            }
            .card {
                width: 90%;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4721cc3 *//* General Reset & Body */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* Level Question Box */
.level-question-box {
    background-color: #dbdbdb; /* Dark background as per image */
    padding: 40px;
    border-radius: 8px;
    margin-bottom: 60px; /* Space below the box */
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.level-question-box::before {
    content: '';
    position: absolute;
    top: -20px; /* Position above the box */
    left: 50%;
    transform: translateX(-50%) rotate(45deg); /* Create the upward pointing triangle */
    width: 40px;
    height: 40px;
    background-color: #dbdbdb;
    z-index: -1; /* Place it behind the box content */
}

.level-question-title {
    font-size: 1.8em;
    font-weight: 900; /* Extra bold */
    color: black; /* Primary color for the title */
    margin-bottom: 25px;
    letter-spacing: 1px;
}

.level-question-box p {
    font-size: 1.1em;
    margin-bottom: 20px;
    color: #ddd;
}
.level-question-box p:last-of-type {
    margin-bottom: 0;
}

/* Program Title (YOU RUN ADS) */
.program-title {
    font-size: 3.5em; /* Large and impactful */
    font-weight: 900;
    color: #c1301d; /* Use the primary color */
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* For a more metallic/chiseled look */
}

.lightning-icon {
    display: inline-block;
    color: #c1301d; /* Lightning bolt color */
    font-size: 0.9em; /* Slightly smaller than text */
    vertical-align: middle;
    /* If using a real SVG/icon font, you'd style it here */
    transform: translateY(-2px); /* Adjust vertical alignment */
}


.program-description {
    font-size: 1.3em;
    margin-bottom: 15px;
    color: #444;
    font-weight: 700;
}

.program-description .highlight {
    color: #c1301d; /* Highlight Meta Ads with the accent color */
    font-weight: 900;
}

.program-slogan {
    font-size: 1.1em;
    margin-bottom: 50px;
    color: #666;
}

/* Industry Buttons */
.industry-buttons {
    display: flex;
    flex-wrap: wrap; /* Allow buttons to wrap to the next line */
    justify-content: center;
    gap: 15px; /* Space between buttons */
}

.industry-btn {
    background-color: #222; /* Dark background for buttons */
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 50px; /* Pill shape */
    font-size: 1em;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: flex; /* Allow icon and text to be side-by-side */
    align-items: center;
}

.industry-btn .lightning-icon {
    color: #c1301d; /* Accent color for the icon */
    margin-right: 8px; /* Space between icon and text */
    font-size: 1.1em; /* Make icon slightly larger than text */
}

.industry-btn:hover {
    background-color: #c1301d; /* Change background to primary color on hover */
    transform: translateY(-3px); /* Slight lift effect */
    box-shadow: 0 5px 15px rgba(193, 48, 29, 0.5); /* Shadow on hover */
    color: white; /* Ensure text remains white */
}

.industry-btn:hover .lightning-icon {
    color: white; /* Change icon to white on hover */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .level-question-title {
        font-size: 1.5em;
    }

    .program-title {
        font-size: 2.5em;
    }

    .program-description {
        font-size: 1em;
    }

    .industry-buttons {
        gap: 10px;
    }

    .industry-btn {
        padding: 10px 20px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .level-question-title {
        font-size: 1.3em;
    }

    .program-title {
        font-size: 2em;
        line-height: 1.2;
    }

    .level-question-box {
        padding: 30px 20px;
    }

    .industry-buttons {
        flex-direction: column; /* Stack buttons vertically on small screens */
        align-items: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-576db97 */.question-title {
            font-family: 'Arial Black', sans-serif; /* Similar a la fuente de la imagen */
            font-size: 2em;
            color: #000000;
            line-height: 1.2;
            text-transform: uppercase;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-972c541 */.container {
            max-width: 800px;
            width: 100%;
            text-align: center;
        }

        .question-title1 {
            font-family: 'Arial Black', sans-serif; /* Similar a la fuente de la imagen */
            font-size: 2.2em;
            color: #000000;
            margin-bottom: 40px;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .support-section {
            display: flex;
            align-items: flex-start; /* Alinea los elementos al inicio (arriba) */
            text-align: left;
            margin-top: 30px;
            padding: 20px;
            border-left: 5px solid #c1301d; /* Línea azul a la izquierda, puedes ajustar el color */
        }

        .support-icon {
            flex-shrink: 0; /* Evita que el contenedor del icono se encoja */
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-right: 20px;
        }

        .support-icon img {
            width: 80px; /* Tamaño del avatar */
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 5px;
        }

        .support-icon p {
            font-family: 'Arial Black', sans-serif;
            font-size: 0.9em;
            color: #000000;
            text-transform: uppercase;
            line-height: 1.2;
            text-align: center;
        }

        .support-description {
            font-size: 1.1em;
            line-height: 1.6;
            color: #333333;
        }

        .support-description strong {
            color: #c1301d; /* Color para resaltar "12 sesiones grupales de soporte en directo" */
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f486191 */.question-title {
            font-family: 'Arial Black', sans-serif; /* Similar a la fuente de la imagen */
            color: #000000;
            margin-bottom: 40px;
            line-height: 1.2;
            text-transform: uppercase;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d05b8c1 */.title-clase{
    font-size: 2.8em;
    margin-bottom: 20px;
    color: #fdd835;
    line-height: 1.2;
    font-weight: bold;
}
.event-card {
    display: flex;
    flex-direction: row;
    background-color: #c1301d;
    color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    max-width: 900px;
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    /* Estas dos líneas son las clave para centrar el bloque en la página */
    margin-left: auto;
    margin-right: auto;
}
        .event-info {
            flex: 1;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            position: relative;
        }
        
        /* Efecto de superposición para el fondo */
        .event-info::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('https://via.placeholder.com/600x400/800000/FFFFFF?text=Fondo+de+Patrón'); /* Imagen de fondo o patrón */
            background-size: cover;
            background-position: center;
            opacity: 0.1; /* Transparencia del fondo */
            z-index: 0;
        }

        .event-info h1 {
            font-size: 2.2em;
            font-weight: bold;
            line-height: 1.2;
            margin-bottom: 20px;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
        }

        .event-info p {
            font-size: 1.1em;
            line-height: 1.6;
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }

        .event-info .date {
            font-size: 1em;
            font-weight: bold;
            font-style: italic;
            position: relative;
            z-index: 1;
        }

        .event-image {
            width: 45%;
            position: relative;
            overflow: hidden;
        }

        .event-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        /* Estilo para el cartel amarillo de "Valorado en" */
        .value-badge {
            position: absolute;
            bottom: 20px;
            right: 20px;
            background-color: #fdd835; /* Amarillo brillante */
            color: #000000;
            padding: 10px 20px;
            border-radius: 5px;
            font-weight: bold;
            text-align: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transform: rotate(-5deg); /* Ligera inclinación */
        }

        @media (max-width: 768px) {
            .event-card {
                flex-direction: column;
            }
            .event-info, .event-image {
                width: 100%;
            }
            .event-info {
                padding: 30px 20px;
                text-align: center;
            }
            .event-image {
                height: 300px; /* Altura fija para la imagen en móviles */
            }
            .value-badge {
                right: auto;
                bottom: 20px;
                left: 50%;
                transform: translateX(-50%) rotate(-5deg);
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea4ca3c */.title-clase{
    font-size: 2.5em;
    margin-bottom: 20px;
    color: #fdd835;
    line-height: 1.2;
    font-weight: bold;
}
.title-gratis{
    font-size: 2em;
    margin-bottom: 20px;
    color: white;
    line-height: 1.2;
    font-weight: bold;
}
.event-card {
    display: flex;
    flex-direction: row;
    background-color: #c1301d;
    color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    max-width: 900px;
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    /* Estas dos líneas son las clave para centrar el bloque en la página */
    margin-left: auto;
    margin-right: auto;
}
        .event-info {
            flex: 1;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            position: relative;
        }
        
        /* Efecto de superposición para el fondo */
        .event-info::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('https://via.placeholder.com/600x400/800000/FFFFFF?text=Fondo+de+Patrón'); /* Imagen de fondo o patrón */
            background-size: cover;
            background-position: center;
            opacity: 0.1; /* Transparencia del fondo */
            z-index: 0;
        }

        .event-info h1 {
            font-size: 2.2em;
            font-weight: bold;
            line-height: 1.2;
            margin-bottom: 20px;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
        }

        .event-info p {
            font-size: 1.1em;
            line-height: 1.6;
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }

        .event-info .date {
            font-size: 1em;
            font-weight: bold;
            font-style: italic;
            position: relative;
            z-index: 1;
        }

        .event-image {
            width: 45%;
            position: relative;
            overflow: hidden;
        }

        .event-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        /* Estilo para el cartel amarillo de "Valorado en" */
        .value-badge {
            position: absolute;
            bottom: 20px;
            right: 20px;
            background-color: #fdd835; /* Amarillo brillante */
            color: #000000;
            padding: 10px 20px;
            border-radius: 5px;
            font-weight: bold;
            text-align: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transform: rotate(-5deg); /* Ligera inclinación */
        }

        @media (max-width: 768px) {
            .event-card {
                flex-direction: column;
            }
            .event-info, .event-image {
                width: 100%;
            }
            .event-info {
                padding: 30px 20px;
                text-align: center;
            }
            .event-image {
                height: 300px; /* Altura fija para la imagen en móviles */
            }
            .value-badge {
                right: auto;
                bottom: 20px;
                left: 50%;
                transform: translateX(-50%) rotate(-5deg);
            }
        }/* End custom CSS */