.elementor-30329 .elementor-element.elementor-element-4e6103d:not(.elementor-motion-effects-element-type-background), .elementor-30329 .elementor-element.elementor-element-4e6103d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#392F2E;}.elementor-30329 .elementor-element.elementor-element-4e6103d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-30329 .elementor-element.elementor-element-4e6103d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30329 .elementor-element.elementor-element-a88eb72{color:#392F2E;}.elementor-30329 .elementor-element.elementor-element-fb79da5{margin-top:0px;margin-bottom:0px;}.elementor-30329 .elementor-element.elementor-element-b418a85:not(.elementor-motion-effects-element-type-background), .elementor-30329 .elementor-element.elementor-element-b418a85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#392F2E;}.elementor-30329 .elementor-element.elementor-element-b418a85{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-30329 .elementor-element.elementor-element-b418a85 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30329 .elementor-element.elementor-element-5c23921 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30329 .elementor-element.elementor-element-5e68444 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-30329 .elementor-element.elementor-element-f72b86e > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-910770d > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-5ba3716 > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-f17a591 > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-14b5e74 > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-926d113 > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-96f6482 > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-ff5a6fe > .elementor-widget-container{margin:0px 0px 025px 0px;}.elementor-30329 .elementor-element.elementor-element-f8928f0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-30329 .elementor-element.elementor-element-7ef4a18{text-align:center;font-family:"Ropan black", Sans-serif;font-weight:600;color:#BB2649;}.elementor-30329 .elementor-element.elementor-element-64b696b{font-family:"Ropan black", Sans-serif;font-size:21px;font-weight:normal;}.elementor-30329 .elementor-element.elementor-element-e930f9c .elementor-button{background-color:#BB2649;font-family:"Ropan black", Sans-serif;fill:#FFFFFF;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-e930f9c .elementor-button:hover, .elementor-30329 .elementor-element.elementor-element-e930f9c .elementor-button:focus{background-color:#971F3B;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-e930f9c .elementor-button:hover svg, .elementor-30329 .elementor-element.elementor-element-e930f9c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-8931774{margin-top:46px;margin-bottom:0px;}.elementor-30329 .elementor-element.elementor-element-b55ffbe{margin-top:46px;margin-bottom:0px;padding:0px 0px 49px 0px;}.elementor-30329 .elementor-element.elementor-element-182b5f5:not(.elementor-motion-effects-element-type-background), .elementor-30329 .elementor-element.elementor-element-182b5f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #BB2649 0%, #392F2E 100%);}.elementor-30329 .elementor-element.elementor-element-182b5f5{border-style:solid;box-shadow:0px 9px 10px 0px rgba(0, 0, 0, 0.62) inset;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:150px 0px 150px 0px;z-index:0;}.elementor-30329 .elementor-element.elementor-element-182b5f5, .elementor-30329 .elementor-element.elementor-element-182b5f5 > .elementor-background-overlay{border-radius:39px 39px 0px 0px;}.elementor-30329 .elementor-element.elementor-element-182b5f5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30329 .elementor-element.elementor-element-c55c848{text-align:center;}.elementor-30329 .elementor-element.elementor-element-c55c848 .elementor-heading-title{font-family:"Ropan black", Sans-serif;font-size:91px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-6d1ddb4 > .elementor-container{max-width:1297px;}.elementor-30329 .elementor-element.elementor-element-6d1ddb4 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:25px;}.elementor-30329 .elementor-element.elementor-element-6d1ddb4{margin-top:27px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-30329 .elementor-element.elementor-element-e927cde > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-30329 .elementor-element.elementor-element-e927cde > .elementor-element-populated{border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF59;box-shadow:4px 0px 10px 0px rgba(0, 0, 0, 0.5);margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-30329 .elementor-element.elementor-element-e927cde > .elementor-element-populated, .elementor-30329 .elementor-element.elementor-element-e927cde > .elementor-element-populated > .elementor-background-overlay, .elementor-30329 .elementor-element.elementor-element-e927cde > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-30329 .elementor-element.elementor-element-192959e{text-align:center;}.elementor-30329 .elementor-element.elementor-element-192959e .elementor-heading-title{font-family:"Ropan", Sans-serif;font-size:26px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-b751108{text-align:center;font-family:"Ropan", Sans-serif;font-size:19px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-2d8159b > .elementor-element-populated{border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF59;box-shadow:4px 0px 10px 0px rgba(0,0,0,0.5);margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-30329 .elementor-element.elementor-element-2d8159b > .elementor-element-populated, .elementor-30329 .elementor-element.elementor-element-2d8159b > .elementor-element-populated > .elementor-background-overlay, .elementor-30329 .elementor-element.elementor-element-2d8159b > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-30329 .elementor-element.elementor-element-4f6325f{text-align:center;}.elementor-30329 .elementor-element.elementor-element-4f6325f .elementor-heading-title{font-family:"Ropan", Sans-serif;font-size:26px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-a6eeca5{text-align:center;font-family:"Ropan", Sans-serif;font-size:19px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-282f339 > .elementor-element-populated{border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF59;box-shadow:4px 0px 10px 0px rgba(0,0,0,0.5);margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-30329 .elementor-element.elementor-element-282f339 > .elementor-element-populated, .elementor-30329 .elementor-element.elementor-element-282f339 > .elementor-element-populated > .elementor-background-overlay, .elementor-30329 .elementor-element.elementor-element-282f339 > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-30329 .elementor-element.elementor-element-68b4954{text-align:center;}.elementor-30329 .elementor-element.elementor-element-68b4954 .elementor-heading-title{font-family:"Ropan", Sans-serif;font-size:26px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-805691f{text-align:center;font-family:"Ropan", Sans-serif;font-size:19px;color:#FFFFFF;}.elementor-30329 .elementor-element.elementor-element-2f8b516{margin-top:60px;margin-bottom:0px;}.elementor-30329 .elementor-element.elementor-element-f9aead7{--e-image-carousel-slides-to-show:7;}.elementor-30329 .elementor-element.elementor-element-f9aead7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30329 .elementor-element.elementor-element-f9aead7 .swiper-wrapper{display:flex;align-items:center;}.elementor-30329 .elementor-element.elementor-element-7c5bb2d:not(.elementor-motion-effects-element-type-background), .elementor-30329 .elementor-element.elementor-element-7c5bb2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#392F2E;}.elementor-30329 .elementor-element.elementor-element-7c5bb2d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-30329 .elementor-element.elementor-element-7c5bb2d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-30329:not(.elementor-motion-effects-element-type-background), body.elementor-page-30329 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6EC1E4;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-30329 .elementor-element.elementor-element-b418a85{padding:0px 40px 40px 40px;}.elementor-30329 .elementor-element.elementor-element-182b5f5{padding:40px 0px 0px 0px;}.elementor-30329 .elementor-element.elementor-element-c55c848 .elementor-heading-title{font-size:27px;line-height:1.3em;}.elementor-30329 .elementor-element.elementor-element-192959e .elementor-heading-title{font-size:23px;}.elementor-30329 .elementor-element.elementor-element-b751108{font-size:17px;}.elementor-30329 .elementor-element.elementor-element-4f6325f .elementor-heading-title{font-size:23px;}.elementor-30329 .elementor-element.elementor-element-a6eeca5{font-size:16px;}.elementor-30329 .elementor-element.elementor-element-68b4954 .elementor-heading-title{font-size:23px;}.elementor-30329 .elementor-element.elementor-element-805691f{font-size:16px;}.elementor-30329 .elementor-element.elementor-element-f9aead7{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for html, class: .elementor-element-fcbdbe9 */.servicios-hero {
    background-color: #392F2E; /* Fondo marrón SV */
    padding: 150px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.servicios-wrapper {
    position: relative;
    width: 100%;
    max-width: 1200px;
    text-align: center;
}

.servicios-mega-titulo {
    font-family: 'Ropan', sans-serif;
    font-size: 180px; /* Tamaño extra grande como la referencia */
    color: #ffffff;
    line-height: 0.9;
    margin: 0;
    font-weight: 700;
}

/* --- ANIMACIÓN DE FLOTACIÓN --- */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

/* Aplicamos la animación a las etiquetas */
.tag {
    position: absolute;
    font-family: 'Ropan', sans-serif;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 8px 20px;
    border-radius: 6px;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
    background: rgba(0,0,0,0.2);
    /* Animación por defecto */
    animation: float 4s ease-in-out infinite;
}

/* Diferentes tiempos para que no se muevan todas a la vez */
.tag-1 { top: -40px; left: 15%; animation-delay: 0s; }
.tag-2 { top: 20%; left: 30%; animation-delay: 1s; }
.tag-3 { top: -20px; right: 10%; animation-delay: 0.5s; }
.tag-4 { bottom: 10%; left: 20%; animation-delay: 1.5s; }
.tag-5 { bottom: -30px; left: 50%; animation-delay: 2s; }
.tag-6 { bottom: 20%; right: 15%; animation-delay: 0.8s; }

/* El hover anula la animación para que el usuario tenga control */
.tag:hover {
    background-color: #BB2649 !important;
    border-color: #BB2649 !important;
    transform: scale(1.1) translateY(-5px) !important;
    animation: none; /* Se detiene al tocarlo */
    z-index: 10;
}

Para que tu diseño de escritorio se mantenga intacto y el móvil sea un calco de tu imagen de referencia (título arriba y etiquetas agrupadas debajo alineadas a la izquierda), vamos a resetear el comportamiento de las capas solo en pantallas pequeñas.

Aquí tienes el código CSS corregido. La clave es usar display: flex con flex-direction: column para el contenedor y resetear los position: absolute que hacen que las etiquetas floten en ordenador.

Código CSS Final
CSS

/* --- ESTILOS DE ESCRITORIO (No tocar, ya te funcionan) --- */
.servicios-hero {
    background-color: #392F2E; 
    padding: 150px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.servicios-wrapper {
    position: relative;
    width: 100%;
    max-width: 1200px;
    text-align: center;
}

.servicios-mega-titulo {
    font-family: 'Ropan', sans-serif;
    font-size: 150px; 
    color: #ffffff;
    line-height: 0.9;
    margin: 0;
    font-weight: 700;
}

.tag {
    position: absolute;
    font-family: 'Ropan', sans-serif;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 8px 20px;
    border-radius: 6px;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
    background: rgba(0,0,0,0.2);
    animation: float 4s ease-in-out infinite;
}

/* Posiciones PC */
.tag-1 { top: -40px; left: 15%; }
.tag-2 { top: 20%; left: 30%; }
.tag-3 { top: -20px; right: 10%; }
.tag-4 { bottom: 10%; left: 20%; }
.tag-5 { bottom: -30px; left: 50%; }
.tag-6 { bottom: 20%; right: 15%; }

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

/* --- ADAPTACIÓN MÓVIL (Efecto Imagen de Referencia) --- */
@media (max-width: 768px) {
    .servicios-hero {
        padding: 40px 20px; /* Menos espacio para que se vea como la captura */
        align-items: flex-start;
    }

    .servicios-wrapper {
        display: flex;
        flex-direction: column; /* Apilamos: Título arriba, etiquetas abajo */
        text-align: left;
        align-items: flex-start;
    }

    .servicios-mega-titulo {
           padding: 40px 0px;
        font-size: 40px; /* Tamaño impacto para móvil */
        order: 1; /* Forzamos que sea lo primero arriba */
        margin-bottom: 0px;
        text-align: CENTER;
    }

    /* Convertimos las etiquetas flotantes en una cuadrícula ordenada */
    .tag {
        position: relative !important; /* Anulamos el absolute de PC */
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: inline-block;
        margin: 0 8px 10px 0; /* Espaciado entre etiquetas */
        font-size: 12px;
        padding: 6px 12px;
        animation: float-soft 6s ease-in-out infinite; /* Movimiento casi imperceptible */
    }

    /* Ajuste de contenedor para que las etiquetas fluyan una al lado de otra */
    .servicios-wrapper {
        display: block; /* Cambiamos a block para que el texto fluya natural */
    }
}

@keyframes float-soft {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e68444 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-visuals {
    width: 50%;
    position: relative;
    /* Añadimos padding si quieres que el borde redondeado no toque el límite del bloque */
    padding: 20px; 
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    /* AQUÍ EL BORDE REDONDEADO */
    border-radius: 30px; 
    overflow: hidden; 
    /* Sombra opcional para que resalten los bordes */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-5e68444 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-5e68444 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5e68444 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f72b86e *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

/* CLASE PARA INVERTIR EN ESCRITORIO */
.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-row.row-reverse {
    flex-direction: row-reverse;
}

/* Estado al entrar en pantalla */
.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-visuals {
    width: 50%;
    position: relative;
    padding: 20px; /* Espaciado para que se aprecie el redondeado */
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px; /* Esquinas redondeadas */
    overflow: hidden;    /* Corta las imágenes en las esquinas */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-f72b86e .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-f72b86e .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f72b86e .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-910770d *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-910770d .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-910770d .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-30329 .elementor-element.elementor-element-910770d .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-910770d .agency-visuals {
    width: 50%;
    position: relative;
    /* Añadimos padding si quieres que el borde redondeado no toque el límite del bloque */
    padding: 20px; 
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-910770d .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    /* AQUÍ EL BORDE REDONDEADO */
    border-radius: 30px; 
    overflow: hidden; 
    /* Sombra opcional para que resalten los bordes */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}

.elementor-30329 .elementor-element.elementor-element-910770d .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-910770d .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-910770d .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-910770d .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-910770d .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-910770d .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-910770d .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-910770d .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-910770d .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-910770d .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-910770d .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-910770d .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-910770d .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-910770d .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-910770d .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-910770d .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ba3716 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

/* CLASE PARA INVERTIR EN ESCRITORIO */
.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-row.row-reverse {
    flex-direction: row-reverse;
}

/* Estado al entrar en pantalla */
.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-visuals {
    width: 50%;
    position: relative;
    padding: 20px; /* Espaciado para que se aprecie el redondeado */
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px; /* Esquinas redondeadas */
    overflow: hidden;    /* Corta las imágenes en las esquinas */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-5ba3716 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-5ba3716 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f17a591 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-visuals {
    width: 50%;
    position: relative;
    /* Añadimos padding si quieres que el borde redondeado no toque el límite del bloque */
    padding: 20px; 
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    /* AQUÍ EL BORDE REDONDEADO */
    border-radius: 30px; 
    overflow: hidden; 
    /* Sombra opcional para que resalten los bordes */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-f17a591 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-f17a591 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-f17a591 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14b5e74 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

/* CLASE PARA INVERTIR EN ESCRITORIO */
.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-row.row-reverse {
    flex-direction: row-reverse;
}

/* Estado al entrar en pantalla */
.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-visuals {
    width: 50%;
    position: relative;
    padding: 20px; /* Espaciado para que se aprecie el redondeado */
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px; /* Esquinas redondeadas */
    overflow: hidden;    /* Corta las imágenes en las esquinas */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-14b5e74 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-14b5e74 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-926d113 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-926d113 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-926d113 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-30329 .elementor-element.elementor-element-926d113 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-926d113 .agency-visuals {
    width: 50%;
    position: relative;
    /* Añadimos padding si quieres que el borde redondeado no toque el límite del bloque */
    padding: 20px; 
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-926d113 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    /* AQUÍ EL BORDE REDONDEADO */
    border-radius: 30px; 
    overflow: hidden; 
    /* Sombra opcional para que resalten los bordes */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}

.elementor-30329 .elementor-element.elementor-element-926d113 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-926d113 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-926d113 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-926d113 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-926d113 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-926d113 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-926d113 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-926d113 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-926d113 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-926d113 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96f6482 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

/* CLASE PARA INVERTIR EN ESCRITORIO */
.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-row.row-reverse {
    flex-direction: row-reverse;
}

/* Estado al entrar en pantalla */
.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-visuals {
    width: 50%;
    position: relative;
    padding: 20px; /* Espaciado para que se aprecie el redondeado */
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px; /* Esquinas redondeadas */
    overflow: hidden;    /* Corta las imágenes en las esquinas */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-96f6482 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-96f6482 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-96f6482 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff5a6fe *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-visuals {
    width: 50%;
    position: relative;
    /* Añadimos padding si quieres que el borde redondeado no toque el límite del bloque */
    padding: 20px; 
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    /* AQUÍ EL BORDE REDONDEADO */
    border-radius: 30px; 
    overflow: hidden; 
    /* Sombra opcional para que resalten los bordes */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-ff5a6fe .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d5ad52 *//* --- CONTENEDOR PRINCIPAL --- */
.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-full-section {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-family: 'Ropan', sans-serif !important;
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-row {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: 50vh;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

/* CLASE PARA INVERTIR EN ESCRITORIO */
.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-row.row-reverse {
    flex-direction: row-reverse;
}

/* Estado al entrar en pantalla */
.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-row.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* --- COLUMNA IMÁGENES (CON BORDES REDONDEADOS) --- */
.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-visuals {
    width: 50%;
    position: relative;
    padding: 20px; /* Espaciado para que se aprecie el redondeado */
    box-sizing: border-box;
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .expanding-grid {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px; /* Esquinas redondeadas */
    overflow: hidden;    /* Corta las imágenes en las esquinas */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .expand-card {
    flex: 1;
    background-size: cover;
    background-position: center;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .expand-card:hover {
    flex: 3;
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .expanding-grid:hover .expand-card:not(:hover) {
    filter: brightness(0.7);
}

/* --- COLUMNA TEXTO --- */
.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-content {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-content-inner {
    max-width: 500px;
    width: 100%;
    text-align: left;
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-title {
    font-family: 'Ropan', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-desc {
    font-family: 'Ropan', sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 35px;
    color: rgba(255,255,255,0.9);
}

.elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-btn {
    font-family: 'Ropan', sans-serif !important;
    display: inline-block;
    padding: 18px 40px;
    background: #262120;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
}

/* --- AJUSTE MÓVIL OPTIMIZADO (SIN GUIONES Y PALABRAS COMPLETAS) --- */
@media (max-width: 768px) {
    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-row {
        flex-direction: column !important; 
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-visuals {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    
    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .expanding-grid {
        border-radius: 20px !important; 
    }

    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-content {
        width: 100% !important;
        padding: 30px 20px 50px 20px !important; 
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-content-inner {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* AJUSTE CRÍTICO DEL TÍTULO PARA EVITAR CORTES */
    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-title {
        /* Bajamos el tamaño máximo para que palabras como "COMUNICACIÓN" quepan enteras */
        font-size: clamp(1.3rem, 7vw, 1.8rem) !important; 
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
        
        /* DESACTIVAMOS GUIONES Y ROTURAS FORZADAS */
        hyphens: none !important;           /* Prohíbe los guiones automáticos */
        word-break: keep-all !important;    /* No rompe palabras a mitad */
        overflow-wrap: normal !important;   /* Evita cortes extraños */
        white-space: normal !important;      /* Permite el flujo natural del texto */
        
        word-wrap: normal !important;
    }

    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-desc {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }

    .elementor-30329 .elementor-element.elementor-element-9d5ad52 .agency-btn {
        padding: 15px 30px !important;
        font-size: 0.9rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0fe5d43 *//* --- NUEVO BLOQUE: HERO ROJO CON ETIQUETAS NEGRAS --- */
.servicios-hero-rojo {
    background-color: #ffffff; /* Fondo blanco */
    padding: 150px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.servicios-wrapper-rojo {
    position: relative;
    width: 100%;
    max-width: 1200px;
    text-align: center;
}
.servicios-mega-titulo-rojo {
    font-family: 'Ropan', sans-serif;
    font-size: 150px; 
    color: #BB2649; /* Título rojo */
    line-height: 0.9;
    margin: 0;
    font-weight: 700;
}
.tag-rojo {
    position: absolute;
    font-family: 'Ropan', sans-serif;
    font-size: 14px;
    color: #ffffff; /* Letras blancas */
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 8px 20px;
    border-radius: 6px;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
    background: #392F2E; /* Fondo marrón */
    animation: float-rojo 4s ease-in-out infinite;
}
/* Posiciones PC para etiquetas rojas */
.tag-rojo-1 { top: -40px; left: 15%; animation-delay: 0s; }
.tag-rojo-2 { top: 20%; left: 30%; animation-delay: 1s; }
.tag-rojo-3 { top: -20px; right: 10%; animation-delay: 0.5s; }
.tag-rojo-4 { bottom: 10%; left: 20%; animation-delay: 1.5s; }
.tag-rojo-5 { bottom: -30px; left: 50%; animation-delay: 2s; }
.tag-rojo-6 { bottom: 20%; right: 15%; animation-delay: 0.8s; }
@keyframes float-rojo {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
/* Hover para etiquetas rojas - AHORA EN NEGRO */
.tag-rojo:hover {
    background-color: #000000 !important; /* Fondo negro */
    color: #ffffff !important; /* Letras blancas */
    border-color: #000000 !important; /* Borde negro */
    transform: scale(1.1) translateY(-5px) !important;
    animation: none;
    z-index: 10;
}
/* --- ADAPTACIÓN MÓVIL PARA BLOQUE ROJO --- */
@media (max-width: 768px) {
    .servicios-hero-rojo {
        padding: 60px 20px; /* Un poco más de aire arriba y abajo */
        align-items: center; 
        width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .servicios-wrapper-rojo {
        display: flex;
        flex-direction: column;
        text-align: center; /* Centrado para mejor legibilidad en móvil */
        align-items: center;
        width: 100% !important;
    }

    .servicios-mega-titulo-rojo {
        /* Tamaño dinámico: mínimo 40px, máximo 80px */
        font-size: clamp(30px, 9vw, 80px) !important;
        line-height: 1 !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        text-align: center !important;
    }

    /* Contenedor para que las etiquetas fluyan bien */
    .servicios-wrapper-rojo br {
        display: none; /* Evitamos saltos de línea manuales si los hubiera */
    }

    .tag-rojo {
        position: relative !important; /* Quitamos el absoluto para que no floten fuera */
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: inline-flex !important; /* Alineación flexible */
        margin: 5px !important; /* Espacio uniforme entre etiquetas */
        font-size: 13px !important;
        padding: 8px 15px !important;
        white-space: normal !important; /* Permite que el texto de la etiqueta salte si es muy largo */
        text-align: center !important;
        animation: float-soft-rojo 6s ease-in-out infinite;
        vertical-align: middle;
    }
}

@keyframes float-soft-rojo {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
}
@keyframes float-soft-rojo {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-604c624 *//* Configuración básica */
body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 40px;
    background-color: #ffffff; /* Fondo blanco general */
    /* Barra decorativa inferior similar a la imagen */
    border-bottom: 20px solid #b93b55; 
    min-height: 100vh;
    box-sizing: border-box;
}

/* Contenedor principal de las columnas */
.contenedor-testimonios {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
    gap: 40px; /* Espacio entre las tarjetas */
    max-width: 1200px;
    margin: 0 auto;
}

/* Estilo de la tarjeta gris */
.tarjeta {
    background-color: #e6e6e6; /* Color gris de fondo */
    border-radius: 30px; /* Bordes redondeados */
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Todo alineado a la izquierda */
}

/* Imagen de perfil */
.foto-perfil img {
    width: 100px;
    height: 100px;
    border-radius: 50%; /* Hace la imagen redonda */
    object-fit: cover;
    margin-bottom: 20px;
    border: 3px solid #ccc; /* Opcional: borde gris fino alrededor foto */
}

/* Nombre (Color Rojo/Rosa) */
.nombre {
    color: #c93660; /* El color magenta de la imagen */
    font-size: 26px;
    font-weight: 800; /* Extra bold */
    margin: 0 0 5px 0;
}

/* Cargo (CEO...) */
.cargo {
    color: #666666;
    font-size: 16px;
    margin: 0 0 30px 0;
    font-weight: 400;
}

/* Texto del testimonio */
.texto p {
    color: #333333;
    font-size: 18px;
    line-height: 1.6; /* Altura de línea para facilitar lectura */
    margin-bottom: 15px;
}

/* Estilo para las negritas dentro del texto */
.texto strong {
    color: #222; /* Un negro un poco más intenso */
    font-weight: 800;
}

/* RESPONSIVE: Para móviles, cambiar a 1 sola columna */
@media (max-width: 768px) {
    .contenedor-testimonios {
        grid-template-columns: 1fr; /* Una sola columna */
        padding: 0 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-068ce8c *//* Configuración básica */
body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 40px;
    background-color: #ffffff; /* Fondo blanco general */
    /* Barra decorativa inferior similar a la imagen */
    border-bottom: 20px solid #b93b55; 
    min-height: 100vh;
    box-sizing: border-box;
}

/* Contenedor principal de las columnas */
.contenedor-testimonios {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
    gap: 40px; /* Espacio entre las tarjetas */
    max-width: 1200px;
    margin: 0 auto;
}

/* Estilo de la tarjeta gris */
.tarjeta {
    background-color: #e6e6e6; /* Color gris de fondo */
    border-radius: 30px; /* Bordes redondeados */
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Todo alineado a la izquierda */
}

/* Imagen de perfil */
.foto-perfil img {
    width: 100px;
    height: 100px;
    border-radius: 50%; /* Hace la imagen redonda */
    object-fit: cover;
    margin-bottom: 20px;
    border: 3px solid #ccc; /* Opcional: borde gris fino alrededor foto */
}

/* Nombre (Color Rojo/Rosa) */
.nombre {
    color: #c93660; /* El color magenta de la imagen */
    font-size: 26px;
    font-weight: 800; /* Extra bold */
    margin: 0 0 5px 0;
}

/* Cargo (CEO...) */
.cargo {
    color: #666666;
    font-size: 16px;
    margin: 0 0 30px 0;
    font-weight: 400;
}

/* Texto del testimonio */
.texto p {
    color: #333333;
    font-size: 18px;
    line-height: 1.6; /* Altura de línea para facilitar lectura */
    margin-bottom: 15px;
}

/* Estilo para las negritas dentro del texto */
.texto strong {
    color: #222; /* Un negro un poco más intenso */
    font-weight: 800;
}

/* RESPONSIVE: Para móviles, cambiar a 1 sola columna */
@media (max-width: 768px) {
    .contenedor-testimonios {
        grid-template-columns: 1fr; /* Una sola columna */
        padding: 0 20px;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-f9aead7 *//* 1. MOVIMIENTO LINEAL CONSTANTE */
/* Forzamos que la transición de Swiper no tenga aceleración (ease), sino que sea plana (linear) */
.elementor-30329 .elementor-element.elementor-element-f9aead7 .swiper-wrapper {
    transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2876347 *//* ============================================
   BLOQUE FAQ - PREGUNTAS FRECUENTES
   TIPOGRAFÍA GLOBAL: ROPAN
============================================ */

/* 1) Aplica ROPAN a TODO dentro del bloque FAQ (y sus pseudo-elementos) */
.sv-faq,
.sv-faq * ,
.sv-faq *::before,
.sv-faq *::after {
    font-family: 'ropan', sans-serif !important;
}

/* 2) Si quieres que sea GLOBAL a toda la web (opcional),
      deja esto activado. Si no, elimínalo. */
body {
    font-family: 'ropan', sans-serif !important;
}

/* ============================================
   RESET BÁSICO
============================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
   CONTENEDOR FAQ
============================================ */
.sv-faq {
    position: relative;
    padding: 120px 20px;
    overflow: hidden;
}

/* Canvas para partículas de fondo */
#svFaqCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 0.4;
}

/* Decoraciones de fondo */
.sv-faq-decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.sv-faq-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.12;
}

.sv-faq-glow-1 {
    width: 700px;
    height: 700px;
    background: #BC264B;
    top: 200px;
    left: -250px;
    animation: sv-float-faq 22s infinite ease-in-out;
}

.sv-faq-glow-2 {
    width: 600px;
    height: 600px;
    background: #BC264B;
    bottom: 300px;
    right: -200px;
    animation: sv-float-faq 28s infinite ease-in-out reverse;
}

@keyframes sv-float-faq {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(60px, -40px) scale(1.15); }
    66% { transform: translate(-40px, 40px) scale(0.85); }
}

/* Container */
.sv-faq-container {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 0 auto;
}

/* ============================================
   HEADER FAQ
============================================ */
.sv-faq-header {
    text-align: center;
    margin-bottom: 80px;
}

.sv-faq-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(188, 38, 75, 0.05);
    border: 1px solid rgba(188, 38, 75, 0.25);
    padding: 10px 22px;
    border-radius: 100px;
    margin-bottom: 30px;
}

.sv-faq-emoji {
    font-size: 1.3rem;
    animation: sv-brain-pulse 2s infinite;
}

@keyframes sv-brain-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

.sv-faq-badge-text {
    color: #BC264B;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.sv-faq-title {
    color: #ffffff;
    font-size: clamp(3rem, 6vw, 3.5rem);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

.sv-faq-title-highlight {
    color: #BC264B;
    position: relative;
    display: inline-block;
}

.sv-faq-subtitle {
    color: rgba(255, 255, 255, 0.65);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 400;
}

/* ============================================
   ACCORDION FAQ
============================================ */
.sv-faq-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sv-faq-item {
    position: relative;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    backdrop-filter: blur(10px);
}

.sv-faq-item:hover {
    border-color: rgba(188, 38, 75, 0.3);
    background: rgba(255, 255, 255, 0.04);
}

.sv-faq-item.active {
    border-color: rgba(188, 38, 75, 0.5);
    background: rgba(188, 38, 75, 0.03);
    box-shadow: 0 10px 40px rgba(188, 38, 75, 0.15);
}

/* Question */
.sv-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 35px;
    cursor: pointer;
    user-select: none;
    gap: 20px;
}

.sv-faq-question-content {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    flex: 1;
}

.sv-faq-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    background: rgba(188, 38, 75, 0.1);
    border: 1px solid rgba(188, 38, 75, 0.3);
    border-radius: 8px;
    color: #BC264B;
    font-size: 0.9rem;
    font-weight: 800;
    transition: all 0.3s;
}

.sv-faq-item:hover .sv-faq-number,
.sv-faq-item.active .sv-faq-number {
    background: rgba(188, 38, 75, 0.2);
    border-color: #BC264B;
    transform: scale(1.05);
}

.sv-faq-question-text {
    color: #ffffff;
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    font-weight: 700;
    line-height: 1.4;
    transition: color 0.3s;
}

.sv-faq-item:hover .sv-faq-question-text,
.sv-faq-item.active .sv-faq-question-text {
    color: #BC264B;
}

/* Icon */
.sv-faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    background: rgba(188, 38, 75, 0.08);
    border-radius: 10px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.sv-faq-item:hover .sv-faq-icon,
.sv-faq-item.active .sv-faq-icon {
    background: rgba(188, 38, 75, 0.15);
}

.sv-faq-icon svg {
    width: 20px;
    height: 20px;
    stroke: #BC264B;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.sv-faq-item.active .sv-faq-icon svg {
    transform: rotate(180deg);
}

/* Answer */
.sv-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                padding 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.sv-faq-item.active .sv-faq-answer {
    max-height: 500px;
    padding: 0 35px 32px 35px;
}

.sv-faq-answer-content {
    padding-left: 50px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.08rem;
    line-height: 1.8;
    font-weight: 400;
}

/* Línea decorativa */
.sv-faq-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #BC264B, transparent);
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.sv-faq-item.active .sv-faq-line {
    width: 100%;
}

/* ============================================
   CTA FINAL
============================================ */
.sv-faq-cta {
    text-align: center;
    margin-top: 70px;
    padding-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.sv-faq-cta-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.2rem;
    margin-bottom: 25px;
    font-weight: 500;
}

.sv-faq-cta-text strong {
    color: #BC264B;
    font-weight: 700;
}

.sv-btn-faq {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 20px 40px;
    background: linear-gradient(135deg, #BC264B 0%, #8a1c38 100%);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.sv-btn-faq::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s;
}

.sv-btn-faq:hover::before {
    left: 100%;
}

.sv-btn-faq:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 50px rgba(188, 38, 75, 0.4);
}

/* ============================================
   RESPONSIVE
============================================ */
@media (max-width: 768px) {
    .sv-faq {
        padding: 80px 20px;
    }

    /* AÑADIDO: Ajuste específico para el titular en móvil */
    .sv-faq-title {
        font-size: 26px 
    }

    .sv-faq-header {
        margin-bottom: 50px;
    }

    .sv-faq-question {
        padding: 22px 25px;
    }

    .sv-faq-question-content {
        gap: 12px;
    }

    .sv-faq-number {
        min-width: 28px;
        height: 28px;
        font-size: 0.85rem;
    }

    .sv-faq-item.active .sv-faq-answer {
        padding: 0 25px 28px 25px;
    }

    .sv-faq-answer-content {
        padding-left: 0;
        font-size: 1rem;
    }

    .sv-faq-cta {
        margin-top: 50px;
        padding-top: 40px;
    }

    .sv-btn-faq {
        padding: 18px 35px;
        font-size: 1rem;
    }
}/* End custom CSS */
/* Start custom CSS *//* --- RESET GLOBAL PARA ELIMINAR BORDES BLANCOS --- */

/* 1. Elimina el margen del navegador y del tema */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important; /* Evita que aparezca barra de scroll horizontal y borde blanco lateral */
}

/* 2. Ajuste específico para contenedores de WordPress/Theme */
#page, #content, .site-content, footer, header {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 3. Forzar que las secciones de Elementor toquen los bordes */
.elementor-section-wrap {
    overflow: hidden !important; /* Corta cualquier desbordamiento que cause espacios blancos */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Thin-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Extralight.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Extrabold.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Ropan';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.svcomunicacion.es/wp-content/uploads/2026/01/Ropan-Semibold.woff2') format('woff2');
}
/* End Custom Fonts CSS */