.elementor-8 .elementor-element.elementor-element-b3b94e6{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-2285de6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-77b3a05{--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-8 .elementor-element.elementor-element-a354a6b{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1669847 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b555de2{--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:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-b3b94e6{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-2285de6 */<!-- TIPOGRAFÍA -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">

<style>
    .vd-hero-section {
        background: linear-gradient(135deg, rgba(0, 26, 112, 0.85) 0%, rgba(45, 204, 211, 0.75) 100%), 
        url('https://www.vdemergencias.com/wp-content/uploads/2025/06/vd-emergencias-portada.jpg') no-repeat center center/cover;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 5%;
        color: white;
        font-family: 'Poppins', sans-serif;
        overflow: hidden;
        position: relative;
    }

    .vd-hero-content {
        max-width: 1200px;
        margin: 0; /* Eliminado el auto para alinear a la izquierda */
        padding: 2rem;
        padding-left: 2rem; /* Reducido de 4rem a 2rem */
    }

    .vd-hero-title {
        font-size: 4.2rem; /* Aumentado de 3.6rem */
        font-weight: 700;
        margin-bottom: 1.5rem;
        line-height: 1.2;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        opacity: 0;
        transform: translateY(20px);
        animation: slideInUp 0.8s ease-out forwards;
    }

    .vd-hero-title .highlight {
        background: white;
        color: #001A70;
        padding: 0.2rem 0.6rem;
        border-radius: 8px;
    }

    .vd-emergency-text {
        font-size: 2.5rem; /* Aumentado de 2.2rem */
        font-weight: 700;
        color: white;
        display: inline-block;
        padding: 0.5rem 0;
        border-bottom: 3px solid #2DCCD3;
        opacity: 0;
        transform: translateY(20px);
        animation: slideInUp 0.8s ease-out 0.3s forwards;
    }

    .vd-hero-description {
        font-size: 1.5rem; /* Aumentado de 1.3rem */
        max-width: 650px;
        margin-bottom: 2.5rem;
        font-weight: 300;
        opacity: 0;
        transform: translateY(20px);
        animation: slideInUp 0.8s ease-out 0.6s forwards;
    }

    .vd-cta-button {
        display: inline-flex;
        align-items: center;
        background: #1ED760;
        color: white;
        padding: 1rem 2.5rem;
        border-radius: 50px;
        font-weight: 600;
        font-size: 1.2rem; /* Aumentado ligeramente */
        text-decoration: none;
        border: 2px solid #1ED760;
        transition: all 0.3s ease;
        opacity: 0;
        transform: translateY(20px);
        animation: slideInUp 0.8s ease-out 0.9s forwards;
    }

    .vd-cta-button:hover {
        background: #17bf55;
        border-color: #17bf55;
        transform: translateY(-3px);
    }

    .vd-service-badge {
        position: absolute;
        top: 30px;
        left: 30px;
        color: white;
        padding: 0.8rem 1.5rem;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-300e9d3 */.main-title-left {
  font-size: 28px; /* En lugar de 1.8rem */
}
.subtitle-left {
  font-size: 16px; /* En lugar de 1rem */
}/* End custom CSS */