.elementor-488 .elementor-element.elementor-element-8b66cd8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-488 .elementor-element.elementor-element-ffa9be9{--display:flex;--justify-content:center;}.elementor-488 .elementor-element.elementor-element-7be1d9e{--display:flex;}.elementor-488 .elementor-element.elementor-element-69b90a7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-488 .elementor-element.elementor-element-68ccde3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-488 .elementor-element.elementor-element-29a9bf9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-488 .elementor-element.elementor-element-51c8e12{font-family:"Manrope", Sans-serif;font-size:94px;font-weight:300;color:#303030;}.elementor-488 .elementor-element.elementor-element-e9e24f1{font-family:"Manrope", Sans-serif;font-size:21px;font-weight:400;color:#2A2A2A;}.elementor-488 .elementor-element.elementor-element-1784164{--display:flex;}@media(min-width:768px){.elementor-488 .elementor-element.elementor-element-8b66cd8{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-8b66cd8 */.cool-split h2 {
  width: 85%;
  color: rgba(40, 40, 40, 0.125);
  transition: color 0.3s;
  font-size: 98px;
}
.cool-split p {
  width: 85%;
  color: rgba(40, 40, 40, 0.125);
  transition: color 0.3s;
  font-size:34px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7be1d9e *//* Centramos el video dentro de su contenedor */
.seccion-video-expand {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 80px 0;
}

/* Estado inicial del video antes de expandirse */
.video-scroll {
    width: 40%; /* Empieza al 60% del ancho de la pantalla */
    max-width: 1200px;
    border-radius: 24px; /* Bordes redondeados elegantes */
    overflow: hidden;
    transition: border-radius 0.3s ease; /* Para que la pérdida de bordes sea fluida */
    will-change: transform, width;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29a9bf9 */.servicios-accordion {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-family: inherit;
}

/* Cada fila del servicio */
.accordion-item {
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

/* Cabecera interactiva */
.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.accordion-header h3 {
    font-size: 2.2rem;
    margin: 0;
    font-weight: 500;
    color: #111111;
    transition: transform 0.3s ease;
}

/* Icono del Accordion */
.accordion-icon {
    font-size: 1.8rem;
    font-weight: 300;
    color: #111111;
    transition: transform 0.4s ease;
}

/* --- LA IMAGEN FLOTANTE (HOVER REVEAL) --- */
.hover-image {
    position: fixed; /* O fixed para que use coordenadas de pantalla directas */
    top: 0;
    left: 0;
    width: 150px;    /* Ajusta el tamaño de la tarjeta de la imagen */
    height: 150px;
    object-fit: contain;
    pointer-events: none; /* Evita que la imagen bloquee los eventos del mouse */
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6); /* Centrada en el puntero y encogida al inicio */
    z-index: 10;
}

/* Contenido oculto del acordeón */
.accordion-content {
    height: 0;
    overflow: hidden;
    padding-right: 100px;
}

.accordion-content p {
    padding-bottom: 30px;
    margin: 0;
    color: #666666;
    font-size: 1.2rem;
    line-height: 1.6;
}/* End custom CSS */