/* ==========================================================================
   Cabecera global de verificada.com.mx
   Barra fija con Menú, marca TRAMITE y redes sociales, más el popup
   "Selecciona". La dibuja cabecera.js; aquí sólo vive el estilo.
   Todo cuelga de .vf-cabecera y .vf-redes para no chocar con Elementor.
   ========================================================================== */

:root {
    --vf-cabecera-alto: 53px;
}

.vf-cabecera,
.vf-cabecera *,
.vf-cabecera *::before,
.vf-cabecera *::after,
.vf-redes,
.vf-redes *,
.vf-redes *::before,
.vf-redes *::after {
    box-sizing: border-box;
}

/* Barra ------------------------------------------------------------------- */

.vf-cabecera {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9000;
    min-height: var(--vf-cabecera-alto);
    margin: 0;
    padding: 0 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 10px rgb(0 0 0 / 50%);
    color: #000000;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.vf-cabecera-interior {
    position: relative;
    max-width: 767px;
    min-height: var(--vf-cabecera-alto);
    margin: 0 auto;
}

/* Botón Menú (abre el popup de Elementor Pro) */

.vf-cabecera .vf-cabecera-menu {
    position: absolute;
    top: 10px;
    left: 9px;
    z-index: 2;
    display: inline-block;
    margin: 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 10px;
    background: #15CC7D;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.vf-cabecera .vf-cabecera-menu:hover,
.vf-cabecera .vf-cabecera-menu:focus-visible {
    background: #10925A;
    color: #FFFFFF;
    text-decoration: none;
}

/* Marca TRAMITE (mismo bloque que el widget HTML original) */

.vf-cabecera-marca {
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
}

/* 177px como la imagen original; en pantallas angostas se encoge para no
   pisar los iconos de redes. Va con dos clases para ganarle al CSS del widget
   HTML viejo mientras siga publicado en alguna página. */
.vf-cabecera .vf-tramite {
    --vf-ancho: clamp(136px, calc(100vw - 210px), 177px);
}

.vf-tramite {
    width: var(--vf-ancho);
    margin: 0 auto;
    padding: .935em 0 1em;                /* el aire de arriba y abajo que traía el PNG */
    font: 900 calc(var(--vf-ancho) * .0791)/1 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
}

.vf-tramite-fila1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .265em;
    padding-bottom: .196em;
}

.vf-tramite-logo {
    display: block;
    width: 1.043em;
    height: 1.043em;
    max-width: none;
    flex: none;
}

.vf-tramite-titulo {
    position: relative;
    display: flex;
    justify-content: center;
    width: 5.39em;
}

.vf-tramite-titulo > span {
    font-size: .86em;
    line-height: 1;
    white-space: nowrap;
    transform: scaleX(1.45);              /* el TRAMITE va un poco estirado a lo ancho */
}

.vf-tramite-titulo::after {              /* el subrayado */
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: .065em;
    background: #000;
}

.vf-tramite-banda {
    padding: .159em 0 .167em;
    text-align: center;
    background: linear-gradient(
        180deg,
        rgba(244, 244, 244, .86) 0%,
        rgba(242, 253, 255, .86) 100%
    );
    text-shadow: .022em .022em .09em rgba(0, 0, 0, .3);
}

.vf-tramite-lema {
    display: inline-flex;
    align-items: center;
    gap: .324em;
    transform: scaleX(1.142);
}

.vf-tramite-punto {
    width: .285em;
    height: .326em;
    border-radius: 50%;
    background: #5CC043;
    flex: none;
}

/* Redes sociales: un solo botón con los tres iconos y "Siguenos" */

.vf-cabecera .vf-cabecera-redes {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #757575;
    font: inherit;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.vf-cabecera .vf-cabecera-redes:focus-visible {
    outline: 2px solid #248CCB;
    outline-offset: 3px;
    border-radius: 6px;
}

.vf-cabecera-iconos {
    display: flex;
    gap: 5px;
}

.vf-cabecera-icono {
    display: inline-flex;
    width: 25px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #FFFFFF;
    transition: background-color .15s ease;
}

.vf-cabecera-icono svg {
    display: block;
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.vf-cabecera-icono--instagram { background: #E74D84; }
.vf-cabecera-icono--facebook  { background: #3864DC; }
.vf-cabecera-icono--tiktok    { background: #161616; }

.vf-cabecera-redes:hover .vf-cabecera-icono--instagram { background: #AC164B; }
.vf-cabecera-redes:hover .vf-cabecera-icono--facebook  { background: #0E3296; }
.vf-cabecera-redes:hover .vf-cabecera-icono--tiktok    { background: #000000; }

.vf-cabecera-siguenos {
    margin: 0;
    color: #757575;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 340px) {
    .vf-cabecera-iconos {
        gap: 4px;
    }

    .vf-cabecera-icono {
        width: 22px;
        height: 22px;
    }

    .vf-cabecera-icono svg {
        width: 13px;
        height: 13px;
    }
}

/* Aviso de escritorio: sólo se ve a partir de 768px */

.vf-cabecera-aviso {
    display: none;
    margin: 0;
    color: #3EB85E;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

@media (min-width: 768px) {
    :root {
        --vf-cabecera-alto: 107px;
    }

    .vf-cabecera {
        padding: 0 30px;
    }

    .vf-cabecera .vf-tramite {
        --vf-ancho: 250px;                /* escritorio: ajusta este número a gusto */
    }

    .vf-cabecera-interior {
        max-width: none;
    }

    .vf-cabecera-menu {
        top: 17px;
        left: -10px;
        padding: 12px 24px;
        font-size: 15px;
    }

    .vf-cabecera-marca {
        top: 10px;
    }

    .vf-tramite {
        padding-top: 0;
    }

    .vf-cabecera-redes {
        top: 8px;
        right: 0;
        gap: 5px;
    }

    .vf-cabecera-icono {
        width: 34px;
        height: 32px;
    }

    .vf-cabecera-icono svg {
        width: 19px;
        height: 19px;
    }

    .vf-cabecera-siguenos {
        font-size: 13px;
    }

    .vf-cabecera-aviso {
        position: absolute;
        right: 0;
        bottom: 6px;
        left: 0;
        display: block;
    }

    /* La página del listado ya tiene diseño de escritorio: ahí se quita el
       aviso "Diseño adaptado para móviles" y la barra recupera su alto sin
       ese renglón. Las demás páginas (Mapas) se quedan como estaban. */
    :root:has(#modo-listado) {
        --vf-cabecera-alto: 64px;
    }

    :root:has(#modo-listado) .vf-cabecera-aviso {
        display: none;
    }
}

/* PC (ratón y 1024 px o más), al estilo de Zillow -------------------------
   Barra blanca de 72 px con una línea gris fina abajo (sin la sombra gruesa,
   que ensuciaba la barra blanca de filtros de abajo): a la izquierda el
   botón Menú (con su desplegable) y las redes, la marca TRAMITE al centro y
   los enlaces de texto a la derecha (etapa U8b). En celular y tableta
   (también las táctiles de 1024 o más) no cambia NADA: estas piezas no se
   muestran y .vf-cabecera-izquierda no dibuja caja. */

.vf-cabecera-nav,
.vf-cabecera-menu-pc,
.vf-cabecera .vf-cabecera-boton-menu,
.vf-menu-pc {
    display: none;
}

.vf-cabecera-izquierda {
    display: contents;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    /* 72 de la barra + 28 del aviso "Diseño adaptado para móviles" en las
       páginas que lo llevan; la del listado no lo lleva. */
    :root {
        --vf-cabecera-alto: 100px;
    }

    :root:has(#modo-listado) {
        --vf-cabecera-alto: 72px;
    }

    .vf-cabecera {
        padding: 0 24px;
        box-shadow: inset 0 -1px 0 #D1D1D5;
        color: #2A2A33;
    }

    .vf-cabecera-interior {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        grid-template-rows: 72px auto;
        align-items: center;
        column-gap: 32px;
        max-width: none;                  /* de pared a pared, como la barra de filtros */
    }

    /* El Menú del celular cede su lugar al de PC (botón con desplegable). */
    .vf-cabecera .vf-cabecera-menu {
        display: none;
    }

    .vf-cabecera-izquierda {
        display: flex;
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }

    /* Enlaces a la derecha. La caja mide lo que miden los enlaces y se pega
       al borde (justify-self); si no caben, se topa al ancho de su columna y
       se desborda hacia la derecha: cabecera.js lo nota (scrollWidth) y
       oculta el último. */
    .vf-cabecera-nav {
        display: flex;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        min-width: 0;
        max-width: 100%;
        align-items: center;
        gap: 28px;
    }

    /* Enlaces de texto: sencillos, gris muy oscuro, un solo renglón. Van con
       dos clases para ganarle a los estilos de enlaces del tema. */
    .vf-cabecera .vf-cabecera-enlace {
        display: inline-flex;
        flex: none;
        align-items: center;
        height: 40px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        color: #2A2A33;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1;
        text-decoration: none;
        text-transform: none;
        white-space: nowrap;
    }

    .vf-cabecera .vf-cabecera-enlace:hover {
        color: #0F72B5;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 6px;
    }

    .vf-cabecera .vf-cabecera-enlace.vf-cabecera-enlace--oculto {
        display: none;
    }

    .vf-cabecera .vf-cabecera-enlace:focus-visible,
    .vf-cabecera .vf-cabecera-boton-menu:focus-visible {
        outline: 2px solid #248CCB;
        outline-offset: 3px;
        border-radius: 4px;
    }

    .vf-cabecera-marca {
        position: static;
        grid-column: 2;
        grid-row: 1;
        transform: none;
    }

    .vf-cabecera .vf-tramite {
        --vf-ancho: 212px;
        padding: 0;
    }

    /* Redes: los mismos iconos, en fila y sin la leyenda (queda como nombre
       accesible y como globo al pasar el ratón). */
    .vf-cabecera .vf-cabecera-redes {
        position: static;
        flex: none;
        flex-direction: row;
        gap: 0;
        padding: 4px 0;
    }

    .vf-cabecera .vf-cabecera-iconos {
        gap: 6px;
    }

    .vf-cabecera .vf-cabecera-icono {
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }

    .vf-cabecera .vf-cabecera-icono svg {
        width: 18px;
        height: 18px;
    }

    .vf-cabecera .vf-cabecera-siguenos {
        display: none;
    }

    /* Botón primario sólido. Verde más oscuro que el #15CC7D del celular:
       con texto blanco en negrita de 16 px da 4.98:1 (AA); el de siempre
       sólo 2.11:1. Abre el desplegable de abajo. */
    .vf-cabecera-menu-pc {
        position: relative;
        display: flex;
        flex: none;
    }

    .vf-cabecera .vf-cabecera-boton-menu {
        display: inline-flex;
        flex: none;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 40px;
        margin: 0;
        padding: 0 16px 0 20px;
        border: 0;
        border-radius: 8px;
        background: #0D8050;
        box-shadow: none;
        color: #FFFFFF;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        text-decoration: none;
        text-transform: none;
        white-space: nowrap;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        transition: background-color .15s ease;
    }

    /* El tema pinta los botones al enfocar: aquí se queda igual. */
    .vf-cabecera .vf-cabecera-boton-menu:focus {
        border: 0;
        background: #0D8050;
        color: #FFFFFF;
    }

    .vf-cabecera .vf-cabecera-boton-menu:hover,
    .vf-cabecera .vf-cabecera-boton-menu:focus-visible,
    .vf-cabecera .vf-cabecera-boton-menu[aria-expanded="true"] {
        border: 0;
        background: #0B6E44;
        color: #FFFFFF;
        text-decoration: none;
    }

    .vf-cabecera-boton-menu-flecha {
        display: inline-flex;
        transition: transform .15s ease;
    }

    .vf-cabecera-boton-menu-flecha svg {
        display: block;
        width: 12px;
        height: 12px;
    }

    .vf-cabecera-boton-menu[aria-expanded="true"] .vf-cabecera-boton-menu-flecha {
        transform: rotate(180deg);
    }

    /* Desplegable: tarjeta blanca bajo el botón, opciones de 44 px. */
    .vf-menu-pc:not([hidden]) {
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        z-index: 3;
        display: block;
        width: 280px;
        padding: 8px 0;
        border: 1px solid #D1D1D5;
        border-radius: 8px;
        background: #FFFFFF;
        box-shadow: 0 8px 24px rgb(16 24 40 / 16%);
    }

    .vf-menu-pc-lista {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .vf-menu-pc-lista > li {
        margin: 0;
        padding: 0;
    }

    .vf-menu-pc-lista > li::before,
    .vf-menu-pc-lista > li::marker {
        content: none;
    }

    .vf-menu-pc-lista > .vf-menu-pc-separador {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid #EDEEF1;
    }

    .vf-cabecera .vf-menu-pc-opcion {
        display: flex;
        min-height: 44px;
        align-items: center;
        gap: 10px;
        margin: 0;
        padding: 0 18px;
        border: 0;
        background: none;
        color: #2A2A33;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.2;
        text-decoration: none;
        text-transform: none;
        white-space: nowrap;
    }

    .vf-cabecera .vf-menu-pc-opcion:hover,
    .vf-cabecera .vf-menu-pc-opcion:focus-visible {
        background: #F2F4F6;
        color: #0F72B5;
        text-decoration: none;
    }

    .vf-cabecera .vf-menu-pc-opcion:focus-visible {
        outline: 2px solid #248CCB;
        outline-offset: -2px;
    }

    /* Aviso de escritorio: renglón propio debajo de la barra (no en la del
       listado, que ya tiene diseño de escritorio). */
    .vf-cabecera .vf-cabecera-aviso {
        position: static;
        grid-column: 1 / -1;
        grid-row: 2;
        height: 28px;
        margin: 0 -24px;
        padding: 0 24px;
        border-top: 1px solid #EDEEF1;
        font-size: 14px;
        line-height: 27px;
    }

    :root:has(#modo-listado) .vf-cabecera-aviso {
        display: none;
    }
}

/* Laptops (1024-1279): marca un poco más chica, menos aire y enlaces de
   14 px, para que quepan dos enlaces a la derecha (el tercero, "Vender mi
   propiedad", queda en el Menú). El margen de 24 px no cambia: la cabecera
   queda alineada con la barra de filtros. */
@media (min-width: 1024px) and (max-width: 1279px) and (hover: hover) and (pointer: fine) {
    .vf-cabecera-interior {
        column-gap: 24px;
    }

    .vf-cabecera-izquierda {
        gap: 16px;
    }

    .vf-cabecera-nav {
        gap: 20px;
    }

    .vf-cabecera .vf-cabecera-enlace {
        font-size: 14px;
    }

    .vf-cabecera .vf-tramite {
        --vf-ancho: 188px;
    }
}

/* Popup "Selecciona" ------------------------------------------------------ */

.vf-redes {
    position: fixed;
    top: var(--vf-cabecera-alto);
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    max-width: 520px;
    max-height: calc(100dvh - var(--vf-cabecera-alto));
    margin: 0 auto;
    padding: 0;
    overflow: auto;
    border: 0;
    border-radius: 0 0 22px 22px;
    background: #2B2B2B;
    box-shadow: 0 16px 40px rgb(0 0 0 / 45%);
    color: #FFFFFF;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
}

.vf-redes::backdrop {
    background: rgb(0 0 0 / 80%);
}

.vf-redes-panel {
    position: relative;
    padding: 16px 14px 28px;
    outline: none;
}

.vf-redes .vf-redes-cerrar {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    outline: none;
    background: #EF4136;
    box-shadow: 0 1px 3px rgb(0 0 0 / 35%);
    color: #FFFFFF;
    line-height: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.vf-redes .vf-redes-cerrar svg {
    display: block;
    width: 16px;
    height: 16px;
}

.vf-redes .vf-redes-cerrar:hover,
.vf-redes .vf-redes-cerrar:active {
    background: #D3352B;
}

.vf-redes .vf-redes-cerrar:focus-visible,
.vf-redes .vf-redes-opcion:focus-visible,
.vf-redes .vf-redes-central:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

.vf-redes .vf-redes-titulo {
    margin: 6px 0 20px;
    padding: 0;
    color: #FFFFFF;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 1.1;
    text-align: center;
    text-transform: none;
}

.vf-redes-lista {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vf-redes .vf-redes-opcion {
    display: flex;
    min-height: 56px;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    color: #2E2E2E;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.vf-redes .vf-redes-opcion:hover,
.vf-redes .vf-redes-opcion:active {
    background: #F3F3F1;
    color: #2E2E2E;
    text-decoration: none;
}

.vf-redes-opcion-icono {
    display: grid;
    width: 42px;
    height: 42px;
    flex: none;
    place-items: center;
}

.vf-redes-opcion-icono svg {
    display: block;
    width: 38px;
    height: 38px;
}

/* El nombre se centra en el espacio libre con márgenes automáticos y NO se
   estira (flex: 1 estiraba el degradado a toda la pastilla y las letras sólo
   mostraban la parte de en medio). Así el color fuerte queda en la primera
   letra y el claro en la última. */
.vf-redes .vf-redes-opcion-texto {
    flex: 0 1 auto;
    margin: 0 auto;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 350;                   /* Roboto variable (la carga cabecera.js) */
    letter-spacing: .4px;
    line-height: 1.15;
    text-align: center;
}

/* Cada red con su color de marca en el nombre. Instagram, Facebook y TikTok
   llevan degradado de dos colores (a 90°, de izquierda a derecha) recortado
   al texto; el color plano de abajo es el respaldo por si algún navegador no
   recorta. */
.vf-redes .vf-redes-opcion--instagram .vf-redes-opcion-texto,
.vf-redes .vf-redes-opcion--facebook .vf-redes-opcion-texto,
.vf-redes .vf-redes-opcion--tiktok .vf-redes-opcion-texto {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vf-redes .vf-redes-opcion--instagram .vf-redes-opcion-texto {
    background-image: linear-gradient(90deg, #E83E7F 0%, #FF8CFF 100%);
    color: #E83E7F;
}

.vf-redes .vf-redes-opcion--facebook .vf-redes-opcion-texto {
    background-image: linear-gradient(90deg, #3E40E8 0%, #51A6FF 100%);
    color: #3E40E8;
}

.vf-redes .vf-redes-opcion--tiktok .vf-redes-opcion-texto {
    background-image: linear-gradient(90deg, #040562 0%, #FD82FF 100%);
    color: #7A3FB0;
}

.vf-redes .vf-redes-opcion--threads .vf-redes-opcion-texto {
    color: #111111;
}

.vf-redes .vf-redes-opcion--whatsapp .vf-redes-opcion-texto {
    color: #4DC46C;
}

.vf-redes .vf-redes-sugerencias {
    margin: 28px 0 10px;
    padding: 0;
    color: #FFFFFF;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.15;
    text-align: center;
}

.vf-redes .vf-redes-central {
    display: flex;
    min-height: 56px;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border: 0;
    border-radius: 12px;
    background: #BDBDBD;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.vf-redes .vf-redes-central:hover,
.vf-redes .vf-redes-central:active {
    background: #A9A9A9;
    color: #FFFFFF;
    text-decoration: none;
}

.vf-redes-central .vf-redes-opcion-icono svg {
    width: 34px;
    height: 34px;
    fill: #FFFFFF;
}

/* El padding derecho compensa el icono (42px) y su separación (10px) para
   que el texto quede centrado respecto al botón completo. */
.vf-redes .vf-redes-central-texto {
    flex: 1;
    padding-right: 52px;
    color: #FFFFFF;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
}

.vf-redes .vf-redes-central-texto b {
    display: block;
    font-weight: 700;
    text-decoration: underline;
}

@media (max-width: 360px) {
    .vf-redes .vf-redes-titulo {
        font-size: 30px;
    }

    .vf-redes .vf-redes-opcion-texto {
        font-size: 29px;
    }
}