/**
Theme Name: VEO Astra Child
Author: Kebes
Author URI: http://www.kebes.es
Description: VEO Astra Child
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: veo-astra-child
Template: astra
*/
/*global*/
body {
    --wp--custom--ast-default-block-top-padding: 20vh;
    --wp--custom--ast-default-block-bottom-padding: 40vh;
    --wp--custom--ast-default-block-right-padding: 3em;
    --wp--custom--ast-default-block-left-padding: 3em;
    --wp--custom--ast-content-width-size: 100%;
    --wp--style--global--content-size: 100%;
}

body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
    --ast-body-line-height: 1.3;
}

.wp-block-separator {
    border-top: 1px solid;
}

strong {
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content :where(h1, h2, h3, h4, h5, h6) {
    font-style: italic;
    letter-spacing: -0.02em;
    --ast-body-line-height: 1.2;
}

a:where(.wp-block-button__link) {
    box-shadow: none;
}

a.wp-block-button__link.wp-element-button {
    display: flex;
    gap: 19px;
}

a.wp-block-button__link.wp-element-button:before {
    content: "";
    width: 30px;
    height: 15px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="30" height="15" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.4141 8.4375H0V6.5625H26.4141L21.1641 1.3125L22.5 0L30 7.5L22.5 15L21.1641 13.6875L26.4141 8.4375Z" fill="black"/></svg>');
    background-repeat: no-repeat;
}

.ast-builder-grid-row-5-equal a.wp-block-button__link.wp-element-button:before,
.has-ast-global-color-5-background-color a.wp-block-button__link.wp-element-button:before {
    background-image: url('data:image/svg+xml,<svg width="30" height="15" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.4141 8.4375H0V6.5625H26.4141L21.1641 1.3125L22.5 0L30 7.5L22.5 15L21.1641 13.6875L26.4141 8.4375Z" fill="white"/></svg>');
}

button,
.ast-button,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    box-shadow: none;
}

#veo-cursor span {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    text-transform: none;
}

@media (width <=921px) {}

@media (width <=768px) {}

@media (width <=544px) {}

/*header*/
#ast-hf-menu-1 .menu-item a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 1.2em;
    vertical-align: middle;
}

#ast-hf-menu-1 .menu-item a::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0 1em;
    transition: transform 0.3s ease;
}

#ast-hf-menu-1 .menu-item a span {
    display: inline-block;
    transition: transform 0.3s ease;
}

#ast-hf-menu-1 .menu-item:hover a span {
    transform: translateY(-100%);
}

#ast-hf-menu-1 .menu-item:hover a::after {
    transform: translateY(-100%);
}

.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,
#masthead .ast-container,
.site-header-focus-item + .ast-breadcrumbs-wrapper {
    padding-left: 3em;
    padding-right: 3em;
}

#home-sobre-mi {
    padding-top: 20vh;
    padding-bottom: 40vh;
}

#home-sobre-mi em,
.single-proyecto .entry-content em {
    font-family: 'Instrument Serif', serif;
    font-size: 0.9em;
    font-style: italic;
    letter-spacing: -0.02em;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .widget_text p,
#home-sobre-mi p {
    font-size: clamp(1.75rem, 0.8972rem + 3.2107vw, 4.75rem) !important;
    font-size: clamp(14px, calc(1em + 4vw), 180px) !important;
    line-height: 1.1em;
    letter-spacing: -0.02em;
    margin: 0;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .widget_text p sub,
#home-sobre-mi sub {
    bottom: 0;
    font-size: 0.6em;
    font-size: clamp(1rem, 0.7513rem + 0.9365vw, 1.875rem);
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    margin-right: 50px;
    letter-spacing: -0.02em;
}

.ast-builder-grid-row-5-equal .ast-builder-grid-row {
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr;
}

#lista-servicios {
    list-style: none;
    padding: 0;
}

#lista-servicios em {
    font-style: normal;
    display: inline-flex;
    align-content: center;
}

#lista-servicios {
    counter-reset: servicios-counter;
    list-style: none;
    margin-top: 80px;
}

#lista-servicios li {
    counter-increment: servicios-counter;
    position: relative;
    font-size: clamp(1.75rem, 1.288rem + 1.7391vw, 3.375rem);
    padding-right: 2em;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding: 0.4em 2em 0.4em 0;
}

#lista-servicios li::after {
    content: "0" counter(servicios-counter);
    font-family: 'Instrument Serif', serif;
    letter-spacing: -0.02em;
    font-style: italic;
    position: absolute;
    right: 0;
}

/*home*/
#page .site-content,
footer#colophon {
    transition: -webkit-filter 0.3s ease;
    transition: filter 0.3s ease;
    transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

footer#colophon.invert,
#page .site-content.invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

footer#colophon.invert img,
#page .site-content.invert img,
#page .site-content.invert #lista-servicios li em:after {
    -webkit-filter: invert(1);
    filter: invert(1);
}

#lista-servicios > li > em {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

#lista-servicios > li > em:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 0;
    pointer-events: none;
    border-radius: 4px;
}

/* Estado Hover */
#lista-servicios li:hover em:after {
    height: var(--dynamic-height, 40px);
    width: auto;
    margin-left: 12px;
    opacity: 1;
}

/* Tus imágenes se mantienen aquí */
#lista-servicios > li:nth-child(1) > em:after {
    background-image: url(https://sebasdsgn.com/wp-content/uploads/2026/01/8da257d9-3ad7-4353-9d9d-5717d6e37fd0_PaxRomama-09.webp);
}

#lista-servicios > li:nth-child(2) > em:after {
    background-image: url(https://sebasdsgn.com/wp-content/uploads/2026/01/8da257d9-3ad7-4353-9d9d-5717d6e37fd0_PaxRomama-09.webp);
}

#lista-servicios > li:nth-child(3) > em:after {
    background-image: url(https://sebasdsgn.com/wp-content/uploads/2026/01/8da257d9-3ad7-4353-9d9d-5717d6e37fd0_PaxRomama-09.webp);
}

#lista-servicios > li:nth-child(4) > em:after {
    background-image: url(https://sebasdsgn.com/wp-content/uploads/2026/01/8da257d9-3ad7-4353-9d9d-5717d6e37fd0_PaxRomama-09.webp);
}

/*sobre-mi*/
#sobre-mi-container {
    margin-top: -80px;
}

#sobre-mi-container > div > h1 {
    font-size: clamp(2.25rem, 0.7575rem + 5.6187vw, 7.5rem);
    letter-spacing: -0.04em;
    margin-bottom: 1em;
}

#sobre-mi-container > figure,
#sobre-mi-container > figure img {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    max-height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100vh;
    cursor: pointer;
}

/*
#sobre-mi-container > figure:before {
    content: "Click me";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    z-index: 10;
    font-family: 'Instrument Serif', serif;
    letter-spacing: -0.02em;
    pointer-events: none;
    font-style: italic;
    color: #000;
}
*/
#sobre-mi-container > figure.completado:before {
    display: none;
}

#sobre-mi-container > figure.completado {
    pointer-events: none;
}

@media (width <=768px) {

    #sobre-mi-container > figure,
    #sobre-mi-container > figure img {
        position: inherit;
    }
}

/* Estado INICIAL de la imagen (antes de la animación) */
.encima {
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    scale: 0.9;
    pointer-events: none;
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.encima.aparecer {
    opacity: 1;
    scale: 0.8;
}

#sobre-mi-container > div {
    padding-top: 40vh;
    padding-right: 10%;
    padding-left: 2%;
    color: #000;
}

#sobre-mi-container p.has-medium-font-size {
    font-size: clamp(1.25rem, 1.5vw + 0.875rem, 2rem) !important;
    font-weight: 500;
}

#sobre-mi-container .wp-block-separator {
    margin: 60px auto;
}

#cv-container {
    margin-bottom: 60px;
}

#cv-container h4 {
    font-family: 'Satoshi';
    color: #000;
}

#cv-container p {
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    margin-bottom: 0.6em;
    color: #000;
}

#cv-container .cv {
    -webkit-margin-before: 60px;
    margin-block-start: 60px;
}

#cv-container .cv:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0;
}

/*contacto*/
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type=date],
select,
textarea {
    box-shadow: none;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: clamp(1rem, 0.5vw + 0.875rem, 1.125rem);
    padding-left: 0 !important;
}

.ast-article-single figure,
.ast-article-single img:not(figure img) {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/*footer*/
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    padding-top: 20vh;
}

@media (width >921px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
        display: flex;
        justify-content: space-between;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
        width: 40%;
    }
}

#logo-footer {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    display: grid;
    padding-top: 20vh;
    padding-bottom: 40vh;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-footer-grid-columns {
    max-width: 100%;
}

.ast-footer-copyright a {
    color: #FFF;
}

#astra-footer-menu li,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .widget_nav_menu li {
    margin-bottom: 0.5em;
}

.ast-footer-copyright img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.ast-footer-copyright a {
    text-decoration: underline;
}

@media (max-width: 921px) {
    #astra-footer-menu .menu-item > a {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (width <=544px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section.site-footer-primary-section-2 {
        display: none;
    }

    .site-footer-primary-section-3 {
        order: 2;
    }

    .site-footer-primary-section-4 {
        order: 1;
    }

    .site-footer-primary-section-1 {
        order: 3;
        margin-top: 40px;
        opacity: 0.5;
    }
}

/*contacto*/
#contact-container > div {
    -moz-column-gap: 8%;
    column-gap: 8%;
}

#contact-container p.has-medium-font-size {
    font-size: clamp(1.25rem, 1.5vw + 0.875rem, 2rem) !important;
}

input[type="submit"] {
    /* El texto del botón */
    padding-right: 60px;
    /* Espacio para que la flecha no pise el texto */
    /* Tu flecha como fondo */
    background-image: url('data:image/svg+xml,<svg width="30" height="15" viewBox="0 0 30 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.4141 8.4375H0V6.5625H26.4141L21.1641 1.3125L22.5 0L30 7.5L22.5 15L21.1641 13.6875L26.4141 8.4375Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    /* 10px desde la derecha, centrado vertical */
    background-size: 30px 15px;
    /* Otros estilos necesarios */
    height: 40px;
    cursor: pointer;
}

/*kit digital*/
#kitDigital {
    background-color: var(--ast-global-color-5);
}

#kitDigital > * {
    opacity: 0.5;
}

#kitDitialLogos img {
    max-height: 30px;
}

#kitDitialLogos img.height2 {
    max-height: 27px;
}

#kitDigital > p {
    text-transform: none;
    font-size: clamp(0.6875rem, 0.25vw + 0.625rem, 0.75rem);
}

#kitDitialLogos {
    gap: 16px;
}

@media (width >921px) {
    #kitDigital {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    #kitDigital > * {
        max-width: 630px;
    }

    #kitDigital > p:after {
        display: none;
    }

    #kitDigital > p {
        padding-bottom: 1em;
        padding-top: 1em;
        margin: 0;
    }
}

/*proyectos*/
.contenedor-proyectos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
    width: 100%;
}

/* En lugar de 3n, usamos la clase de ACF */
.proyecto-item.proyecto-destacado {
    grid-column: span 2;
}

.proyecto-link-wrapper {
    text-decoration: none !important;
    display: block;
}

.proyecto-imagen img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.proyecto-info h3 {
    margin: 0 0 10px 0;
    font-size: clamp(1rem, 1vw + 0.75rem, 1.625rem);
}

.proyecto-excerpt {
    margin-bottom: 15px;
    color: #585858;
}

.proyecto-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 3px;
}

.proyecto-tags span {
    border: 1px solid #969696;
    border-radius: 50px;
    color: #969696;
    padding: 3px 15px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Contenedor del título para alinear el badge a la derecha */
.proyecto-titulo-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Alineación vertical al centro */
    gap: 15px;
    margin-bottom: 10px;
}

.proyecto-titulo-flex h3 {
    margin: 0 !important;
    /* Quitamos el margen inferior original para centrarlo con el badge */
}

/* Estilo del texto próximamente */
.badge-proximamente {
    text-transform: uppercase;
}

/* Responsivo */
@media (max-width: 768px) {
    .contenedor-proyectos {
        grid-template-columns: 1fr;
    }

    .proyecto-item.proyecto-destacado {
        grid-column: span 1;
    }
}

/*proyectos slider*/
.swiper-proyectos {
    width: 100%;
    height: 100vh;
    background: #000;
    /* Fondo negro mientras carga */
}

.slide-link-full {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
    text-decoration: none !important;
}

/* Imagen optimizada */
.slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* Clave para que actúe como background */
    z-index: 0;
}

.slide-overlay-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.slide-content-bottom {
    position: relative;
    z-index: 2;
    padding: 0 0 80px 60px;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    /* Un poco de sombra para mayor contraste */
}

/* Responsive */
@media (max-width: 768px) {
    .slide-content-bottom {
        padding: 0 30px 60px 30px;
    }
}

/* Personalización de flechas Swiper */
#slider-proyectos h2 {
    font-size: clamp(0.875rem, 1vw + 0.625rem, 1.5rem);
    text-decoration: none !important;
    color: #FFF;
}

#slider-proyectos .slide-excerpt {
    font-size: clamp(1rem, 1.5vw + 0.625rem, 1.75rem);
    max-width: 600px;
}

#slider-proyectos .swiper-button-next,
#slider-proyectos .swiper-button-prev {
    width: 20vw;
    height: 100vh;
    background-color: red;
    top: 0;
    border-radius: 0;
    opacity: 0;
}

.swiper-pagination-bullet {
    background: rgb(255 255 255 / 40%);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .4);
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 13px;
}

.swiper-pagination {
    left: auto !important;
    right: 50px;
    width: auto !important;
    bottom: 89px !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet::before {
    background: #FFF;
}

/*proyecto single*/
.single-proyecto.ast-single-post.ast-page-builder-template .site-main > article {
    padding-top: 30vh;
    padding-left: 0;
    padding-right: 0;
}

.single-proyecto .entry-content .wp-block-image {
    margin-top: 0;
    margin-bottom: 0;
}

.single-proyecto .entry-content > * {
    margin-bottom: 20px;
}

:root .single-proyecto :where(.is-layout-flex) {
    gap: 20px;
}

.proyecto-custom-header {
    display: flex;
    justify-content: space-between;
    gap: 80px;
    padding: 60px 3em;
    align-items: stretch;
}

.proyecto-column {
    flex: 1;
}

.proyecto-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.proyecto-title {
    margin-top: 0;
    font-size: clamp(2.25rem, 4vw + 1.25rem, 5rem);
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 20px;
}

.proyecto-bottom-content .wp-block-buttons {
    margin-top: 40px;
}

/* Responsive */
@media (max-width: 921px) {
    .proyecto-custom-header {
        flex-direction: column;
        gap: 40px;
    }

    .proyecto-left {
        justify-content: flex-start;
    }
}

:root {
    interpolate-size: allow-keywords;
}

/*servicios*/
/* ── Wrap ───────────────────────────── */
.servicios-wrap {
    --accordion-collapsed-h: 80px;
}

/* ── Item ───────────────────────────── */
.servicio-item {
    display: grid;
    grid-template-columns: 48% 1fr auto;
    gap: 0;
    position: relative;
    overflow: hidden;
    transition: background-color 0.4s ease;
    cursor: pointer;
}

/* ── Columna imagen ─────────────────── */
.servicio-imagen {
    position: relative;
    overflow: hidden;
    height: var(--accordion-collapsed-h, 80px);
    transition: height 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

.servicio-item.is-active .servicio-imagen {
    height: 420px;
}

.servicio-imagen img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
    -webkit-filter: brightness(.85) saturate(.9);
    filter: brightness(.85) saturate(.9);
}

.servicio-item.is-active:hover .servicio-imagen img {
    transform: scale(1.04);
}

/* ── Columna contenido ──────────────── */
.servicio-contenido {
    padding: 0 48px 0 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.servicio-item.is-active .servicio-contenido {
    padding: 52px 48px 52px 52px;
    justify-content: space-between;
    gap: 24px;
}

.servicio-titulo {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.15;
    color: #FFF;
    margin: 0;
}

.servicio-texto {
    line-height: 1.75;
    color: #FFF;
    max-width: 580px;
}

.servicio-texto p + p {
    margin-top: .9em;
}

/* ── Estado acordeón ─────────────────── */
.servicio-texto,
.servicio-subservicios,
.servicio-cta {
    opacity: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.35s linear, height 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

.servicio-item.is-active .servicio-texto,
.servicio-item.is-active .servicio-subservicios,
.servicio-item.is-active .servicio-cta {
    opacity: 1;
    height: auto;
    pointer-events: auto;
    transition: opacity 0.4s linear 0.2s, height 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Subservicios ───────────────────── */
.servicio-subservicios {
    margin-top: 8px;
}

.servicio-item.is-active .servicio-subservicios {
    transition-delay: 0.5s;
}

.servicio-subservicios ul {
    list-style: none;
    padding-left: 0;
}

.servicio-subservicios li {
    font-weight: 700;
    color: #FFF;
    line-height: 1.62;
}

/* ── Botón ──────────────────────────── */
.servicio-cta {
    margin-top: auto;
    padding-top: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.servicio-cta .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    color: #FFF;
}

.servicio-cta .wp-block-button__link:hover {
    color: #fff;
}

/* ── Columna número ─────────────────── */
.servicio-numero {
    width: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 48px 32px 0 0;
    flex-shrink: 0;
}

.servicio-numero span {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.15;
    color: #FFF;
    font-family: 'Instrument Serif', serif;
    font-style: italic;
}

.servicio-item.is-active .servicio-numero {
    color: rgba(255, 255, 255, 0.15);
}

/* ── Responsive ─────────────────────── */
@media (max-width: 921px) {
    .servicio-item {
        position: relative;
        grid-template-columns: 1fr;
        grid-template-rows: 80px auto auto;
        overflow: visible;
    }

    .servicio-imagen {
        height: 260px !important;
        transition: none;
    }

    .servicio-imagen::after {
        background: linear-gradient(to bottom, transparent 60%, #111 100%);
    }

    .servicio-numero {
        order: -1;
        width: 100%;
        padding: 24px 0 0;
        justify-content: flex-end;
        opacity: 1 !important;
        transition: none;
    }

    .servicio-contenido {
        padding: 28px 0 36px !important;
        gap: 24px;
        justify-content: flex-start !important;
        overflow: visible;
        transition: none;
    }

    .servicio-texto,
    .servicio-subservicios,
    .servicio-cta {
        opacity: 1 !important;
        height: auto !important;
        pointer-events: auto !important;
        transition: none;
        overflow: visible;
    }

    .servicio-cta {
        justify-content: flex-start;
    }
}