/* ======================================================================
   Componentes compartidos — psicologojurgenespinoza.com
   Centralizado el 2026-08-17 para evitar copias distintas por página.
   ====================================================================== */

@keyframes pulseWhatsAppNav {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,.45), 0 6px 14px rgba(37,211,102,.35); }
  70%  { box-shadow: 0 0 0 14px rgba(37,211,102,0), 0 8px 20px rgba(37,211,102,.30); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0), 0 6px 14px rgba(37,211,102,.35); }
}

@keyframes pulseCallNav {
  0%   { box-shadow: 0 0 0 0 rgba(8,36,74,.55), 0 6px 14px rgba(8,36,74,.45); }
  70%  { box-shadow: 0 0 0 14px rgba(8,36,74,0), 0 8px 20px rgba(8,36,74,.40); }
  100% { box-shadow: 0 0 0 0 rgba(8,36,74,0), 0 6px 14px rgba(8,36,74,.45); }
}

@keyframes pulseFab {
  0%   { box-shadow: 0 0 0 0 rgba(1,21,71,.35), 0 8px 22px rgba(1,21,71,.35); }
  70%  { box-shadow: 0 0 0 16px rgba(1,21,71,0), 0 8px 22px rgba(1,21,71,.30); }
  100% { box-shadow: 0 0 0 0 rgba(1,21,71,0), 0 8px 22px rgba(1,21,71,.35); }
}

.btn-whatsapp-nav {
  background: linear-gradient(135deg,#25D366,#1ebe5d) !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 500;
  box-shadow: 0 6px 14px rgba(37,211,102,.35);
  transition: transform .3s ease, box-shadow .3s ease;
  animation: pulseWhatsAppNav 2.6s infinite;
}
.btn-whatsapp-nav:hover,
.btn-whatsapp-nav:focus-visible {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 10px 22px rgba(37,211,102,.45);
  color:#fff !important;
  animation:none;
}

.btn-llamar-ahora {
  background: linear-gradient(135deg,#0b3d91,#08244e) !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 500;
  box-shadow: 0 6px 14px rgba(8,36,74,.45);
  transition: transform .3s ease, box-shadow .3s ease;
  animation: pulseCallNav 2.6s infinite;
}
.btn-llamar-ahora:hover,
.btn-llamar-ahora:focus-visible {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 10px 22px rgba(8,36,74,.55);
  color:#fff !important;
  animation:none;
}

/* Accesibilidad de foco sin alterar el diseño con ratón/táctil. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(13,110,253,.55);
  outline-offset: 3px;
}

.site-legal-links {
  background:#07142f;
  color:rgba(255,255,255,.82);
  text-align:center;
  padding:.7rem 1rem;
  font-size:.86rem;
}
.site-legal-links a { color:#fff; text-decoration:none; margin:0 .55rem; }
.site-legal-links a:hover,
.site-legal-links a:focus-visible { text-decoration:underline; }

/* Con seis enlaces en escritorio, reducimos el padding antes de que colapse el menú. */
@media (min-width:992px) and (max-width:1199.98px) {
  .navbar-nav .nav-link { padding-left:.45rem !important; padding-right:.45rem !important; font-size:.94rem; }
}

@media (max-width:575.98px) {
  .site-legal-links a { display:inline-block; margin:.25rem .4rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ======================================================================
   Menú flotante social compartido
   Sustituye copias por página y elimina conflictos entre variantes.
   contacto.html conserva su variante .fab-wrapper independiente.
   ====================================================================== */
@keyframes fabEntrance {
  from { opacity:0; transform:translateY(30px); }
  to { opacity:1; transform:translateY(0); }
}
@media (max-width:576px) {
}

/* ==========================================================
   SOCIAL FAB UNIFICADO
   Botón flotante de redes y contacto
   ========================================================== */

.social-fab {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 10000;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.social-fab-list {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(18px);

    transition:
        opacity .25s ease,
        transform .30s cubic-bezier(.2,.8,.2,1),
        visibility .25s ease;
}

.social-fab-open .social-fab-list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.social-fab-item {
    width: max-content;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;

    gap: 10px;

    opacity: 0;
    transform: translateX(16px) scale(.94);

    transition:
        opacity .25s ease,
        transform .30s cubic-bezier(.2,.8,.2,1);
}

.social-fab-open .social-fab-item {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.social-fab-open .social-fab-item:nth-child(1) {
    transition-delay: .02s;
}

.social-fab-open .social-fab-item:nth-child(2) {
    transition-delay: .05s;
}

.social-fab-open .social-fab-item:nth-child(3) {
    transition-delay: .08s;
}

.social-fab-open .social-fab-item:nth-child(4) {
    transition-delay: .11s;
}

.social-fab-open .social-fab-item:nth-child(5) {
    transition-delay: .14s;
}

.social-fab-open .social-fab-item:nth-child(6) {
    transition-delay: .17s;
}


/* Etiquetas */

.social-fab-label {
    background: rgba(255,255,255,.98);
    color: #20252b;

    padding: 6px 13px;

    border: 1px solid rgba(0,0,0,.06);
    border-radius: 999px;

    box-shadow:
        0 4px 14px rgba(0,0,0,.13);

    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;

    opacity: 1;
}


/* Botones */

.social-fab-btn {
    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    color: #fff;

    box-shadow:
        0 6px 18px rgba(0,0,0,.22);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}

.social-fab-btn svg {
    width: 23px;
    height: 23px;

    display: block;

    fill: currentColor;
}

.social-fab-btn:hover,
.social-fab-btn:focus-visible {
    color: #fff;

    transform:
        translateY(-2px)
        scale(1.08);

    box-shadow:
        0 9px 24px rgba(0,0,0,.28);

    filter: brightness(1.04);
}


/* Colores correspondientes */

.social-fab-whatsapp {
    background: #25D366;
}

.social-fab-facebook {
    background: #1877F2;
}

.social-fab-linkedin {
    background: #0A66C2;
}

.social-fab-tiktok {
    background: #000000;
}

.social-fab-phone {
    background: #0D6EFD;
}

/* Gradiente oficial aproximado de Instagram */

.social-fab-instagram {
    background:
        radial-gradient(
            circle at 30% 107%,
            #fdf497 0%,
            #fdf497 5%,
            #fd5949 45%,
            #d6249f 60%,
            #285AEB 90%
        );
}


/* Botón principal + */

.social-fab-main {
    width: 62px;
    height: 62px;

    flex: 0 0 62px;

    border: 0;
    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #173874,
            #071a42
        );

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    box-shadow:
        0 8px 26px rgba(7,26,66,.38);

    transition:
        transform .30s ease,
        box-shadow .30s ease;
}

.social-fab-main:hover,
.social-fab-main:focus-visible {
    transform: scale(1.06);

    box-shadow:
        0 11px 30px rgba(7,26,66,.48);
}

.social-fab-plus {
    display: block;

    font-family: Arial, sans-serif;

    font-size: 34px;
    font-weight: 300;
    line-height: 1;

    transform: translateY(-1px);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1);
}

.social-fab-open .social-fab-plus {
    transform:
        translateY(-1px)
        rotate(45deg);
}


/* Accesibilidad de teclado */

.social-fab-btn:focus-visible,
.social-fab-main:focus-visible {
    outline: 3px solid rgba(13,110,253,.32);
    outline-offset: 3px;
}


/* Móvil */

@media (max-width: 576px) {

    .social-fab {
        right: 14px;
        bottom: 16px;
    }

    .social-fab-list {
        gap: 9px;
        margin-bottom: 10px;
    }

    .social-fab-btn {
        width: 46px;
        height: 46px;

        flex-basis: 46px;
    }

    .social-fab-btn svg {
        width: 21px;
        height: 21px;
    }

    .social-fab-main {
        width: 56px;
        height: 56px;

        flex-basis: 56px;
    }

    .social-fab-plus {
        font-size: 31px;
    }

    .social-fab-label {
        display: none;
    }
}


/* Usuarios que prefieren menos movimiento */

@media (prefers-reduced-motion: reduce) {

    .social-fab *,
    .social-fab *::before,
    .social-fab *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* SOCIAL-FAB-VIEWPORT-SAFETY:START */
.social-fab { max-width: calc(100vw - 20px); }
.social-fab-list {
    max-height: calc(100dvh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: none;
}
.social-fab-list::-webkit-scrollbar { display: none; }
@media (max-width: 576px) {
    .social-fab-label { display: none; }
}
@media (max-height: 520px) {
    .social-fab { right: 10px; bottom: 10px; }
    .social-fab-list { gap: 6px; margin-bottom: 7px; max-height: calc(100dvh - 72px); }
    .social-fab-btn { width: 40px; height: 40px; flex-basis: 40px; }
    .social-fab-btn svg { width: 19px; height: 19px; }
    .social-fab-main { width: 48px; height: 48px; flex-basis: 48px; }
    .social-fab-plus { font-size: 27px; }
    .social-fab-label { display: none; }
}
/* SOCIAL-FAB-VIEWPORT-SAFETY:END */

/* FOOTER-SOCIAL-BRAND:START */

.footer .footer-item .footer-btn a.footer-social-facebook,
.footer .footer-item .footer-btn a.footer-social-linkedin {
    color: #ffffff !important;
    border: 0;
}

.footer .footer-item .footer-btn a.footer-social-facebook {
    background: #1877F2 !important;
}

.footer .footer-item .footer-btn a.footer-social-linkedin {
    background: #0A66C2 !important;
}

.footer .footer-item .footer-btn a.footer-social-facebook:hover,
.footer .footer-item .footer-btn a.footer-social-linkedin:hover,
.footer .footer-item .footer-btn a.footer-social-facebook:focus-visible,
.footer .footer-item .footer-btn a.footer-social-linkedin:focus-visible {
    color: #ffffff !important;

    filter:
        brightness(.9);

    transform:
        translateY(-2px);
}

.footer .footer-item
.footer-btn
.footer-social-icon {

    width:
        18px;

    height:
        18px;

    display:
        block;

    fill:
        currentColor;

    pointer-events:
        none;
}

/* FOOTER-SOCIAL-BRAND:END */

/* SOCIAL-FAB-YOUTUBE:START */

.social-fab-youtube {
    background: #FF0000;
}


/* Nuevo séptimo botón:
   conserva la animación escalonada existente */

.social-fab-open
.social-fab-item:nth-child(7) {
    transition-delay: .20s;
}

/* SOCIAL-FAB-YOUTUBE:END */


/* SOCIAL-FAB-EFFECTS-V2:START */

/* ==========================================================
   PULSO DEL BOTON PRINCIPAL
   Usa el mismo azul oscuro de su diseño actual
   ========================================================== */

.social-fab:not(.social-fab-open) .social-fab-main {
    animation: socialFabMainPulse 2.3s ease-out infinite;
}

@keyframes socialFabMainPulse {

    0% {
        box-shadow:
            0 8px 26px rgba(7,26,66,.38),
            0 0 0 0 rgba(23,56,116,.42);
    }

    55% {
        box-shadow:
            0 9px 28px rgba(7,26,66,.42),
            0 0 0 11px rgba(23,56,116,0);
    }

    100% {
        box-shadow:
            0 8px 26px rgba(7,26,66,.38),
            0 0 0 0 rgba(23,56,116,0);
    }
}


/* Cuando se abre, el pulso se detiene */

.social-fab-open .social-fab-main {
    animation: none;
}


/* ==========================================================
   COLOR DE RESPLANDOR DE CADA BOTON
   ========================================================== */

.social-fab-tiktok {
    --fab-rgb: 37, 244, 238;
}

.social-fab-instagram {
    --fab-rgb: 214, 36, 159;
}

.social-fab-facebook {
    --fab-rgb: 24, 119, 242;
}

.social-fab-linkedin {
    --fab-rgb: 10, 102, 194;
}

.social-fab-youtube {
    --fab-rgb: 255, 0, 0;
}

.social-fab-phone {
    --fab-rgb: 13, 110, 253;
}

.social-fab-whatsapp {
    --fab-rgb: 37, 211, 102;
}


/* ==========================================================
   EFECTO AL APARECER
   Pequeño rebote + destello del color de cada red
   ========================================================== */

.social-fab-open
.social-fab-item
.social-fab-btn {

    animation:
        socialFabBrandReveal
        .46s
        cubic-bezier(.2,.8,.2,1);
}


@keyframes socialFabBrandReveal {

    0% {
        transform:
            scale(.72)
            rotate(-5deg);

        box-shadow:
            0 5px 14px rgba(0,0,0,.18),
            0 0 0 0 rgba(var(--fab-rgb),.42);
    }

    55% {
        transform:
            scale(1.12)
            rotate(2deg);

        box-shadow:
            0 8px 22px rgba(0,0,0,.24),
            0 0 0 8px rgba(var(--fab-rgb),.12);
    }

    100% {
        transform:
            scale(1)
            rotate(0);

        box-shadow:
            0 6px 18px rgba(0,0,0,.22),
            0 0 0 0 rgba(var(--fab-rgb),0);
    }
}


/* ==========================================================
   SALIDA ESCALONADA
   ========================================================== */

.social-fab-open
.social-fab-item:nth-child(1)
.social-fab-btn {
    animation-delay: .02s;
}

.social-fab-open
.social-fab-item:nth-child(2)
.social-fab-btn {
    animation-delay: .06s;
}

.social-fab-open
.social-fab-item:nth-child(3)
.social-fab-btn {
    animation-delay: .10s;
}

.social-fab-open
.social-fab-item:nth-child(4)
.social-fab-btn {
    animation-delay: .14s;
}

.social-fab-open
.social-fab-item:nth-child(5)
.social-fab-btn {
    animation-delay: .18s;
}

.social-fab-open
.social-fab-item:nth-child(6)
.social-fab-btn {
    animation-delay: .22s;
}

.social-fab-open
.social-fab-item:nth-child(7)
.social-fab-btn {
    animation-delay: .26s;
}


/* ==========================================================
   HOVER: RESPLANDOR DEL COLOR DE CADA RED
   Solo dispositivos con mouse real
   ========================================================== */

@media (hover: hover) and (pointer: fine) {

    .social-fab-btn:hover {

        box-shadow:
            0 10px 26px rgba(0,0,0,.26),
            0 0 0 5px rgba(var(--fab-rgb),.13);
    }
}


/* ==========================================================
   ACCESIBILIDAD
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .social-fab-main,
    .social-fab-btn {

        animation: none !important;
    }
}

/* SOCIAL-FAB-EFFECTS-V2:END */


/* === INTRO DE APERTURA (movido desde <style> embebido) === */
#jurgen-site-intro {
    position: fixed;
    inset: 0;

    width: 100vw;
    height: 100vh;

    width: 100dvw;
    height: 100dvh;

    z-index: 2147483000;

    background: #ffffff;

    /* Sin JS, el overlay queda oculto y no bloquea la página. */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    overflow: hidden;

    transition:
        opacity .48s ease,
        visibility .48s ease;
}

#jurgen-site-intro.jurgen-intro-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#jurgen-site-intro.jurgen-intro-out {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

html.jurgen-intro-lock,
html.jurgen-intro-lock body {
    overflow: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    #jurgen-site-intro {
        transition: none;
    }
}

/* SOCIAL-FAB-CLOUD-V2:START */

/* ==========================================================
   SOCIAL FAB CLOUD V2
========================================================== */

.social-fab {
    isolation: isolate;
}


.social-fab-cloud-wrap {

    position: absolute;

    right: 84px;
    bottom: 5px;

    z-index: 3;


    width:
        min(
            258px,
            calc(
                100vw - 118px
            )
        );

    min-width:
        0;


    opacity:
        0;

    visibility:
        hidden;

    pointer-events:
        none;


    transform:
        translate3d(
            8px,
            6px,
            0
        )
        scale(.96);


    transform-origin:
        right bottom;


    transition:

        opacity
        .42s
        ease,

        transform
        .48s
        cubic-bezier(
            .2,
            .82,
            .2,
            1
        ),

        visibility
        .34s
        ease;

}


.social-fab-cloud-wrap.is-visible {

    opacity:
        1;

    visibility:
        visible;

    pointer-events:
        auto;


    transform:
        translate3d(
            0,
            0,
            0
        )
        scale(1);

}


.social-fab-cloud-wrap.is-hiding {

    opacity:
        0;

    visibility:
        hidden;

    pointer-events:
        none;


    transform:
        translate3d(
            8px,
            4px,
            0
        )
        scale(.97);

}


/* ==========================================================
   BURBUJA
========================================================== */

.social-fab-cloud {

    position:
        relative;


    width:
        100%;

    min-width:
        0;


    display:
        flex;

    align-items:
        center;

    gap:
        10px;


    padding:
        11px
        14px
        11px
        12px;


    overflow:
        hidden;


    border:
        1px solid
        rgba(
            37,
            143,
            220,
            .22
        );


    border-radius:
        20px
        20px
        7px
        20px;


    background:

        radial-gradient(
            circle at 18% 10%,
            rgba(
                72,
                187,
                255,
                .18
            ),
            transparent 36%
        ),

        linear-gradient(
            135deg,
            #dff4ff 0%,
            #e9f8ff 52%,
            #f4fbff 100%
        );


    box-shadow:

        0 7px 16px
        rgba(
            7,
            31,
            69,
            .12
        ),

        inset 0 1px 0
        rgba(
            255,
            255,
            255,
            .95
        );


    color:
        #0a315c;


    font-family:
        inherit;


    text-align:
        left;


    cursor:
        pointer;

}


/* ==========================================================
   BRILLO CONFINADO DENTRO DE LA BURBUJA
========================================================== */

.social-fab-cloud::before {

    content:
        "";


    position:
        absolute;

    inset:
        0;


    z-index:
        0;


    border-radius:
        inherit;


    pointer-events:
        none;


    background:

        linear-gradient(
            105deg,

            transparent
            0%,

            transparent
            32%,

            rgba(
                255,
                255,
                255,
                .72
            )
            46%,

            transparent
            60%,

            transparent
            100%
        );


    background-size:
        220% 100%;


    background-position:
        115% 0;


    opacity:
        0;

}


.social-fab-cloud-wrap.is-visible
.social-fab-cloud::before {

    animation:
        socialFabCloudSweepV2
        1.35s
        ease
        .45s
        1;

}


/* ==========================================================
   COLA
========================================================== */

.social-fab-cloud-tail {

    position:
        absolute;


    right:
        -5px;

    bottom:
        11px;


    z-index:
        -1;


    width:
        12px;

    height:
        12px;


    background:
        #e5f6ff;


    border-right:
        1px solid
        rgba(
            37,
            143,
            220,
            .18
        );


    border-bottom:
        1px solid
        rgba(
            37,
            143,
            220,
            .18
        );


    border-radius:
        0 0 3px 0;


    transform:
        rotate(-45deg);


    pointer-events:
        none;

}


/* ==========================================================
   ICONO
========================================================== */

.social-fab-cloud-icon {

    position:
        relative;

    z-index:
        1;


    width:
        32px;

    height:
        32px;


    flex:
        0 0 32px;


    display:
        grid;

    place-items:
        center;


    border-radius:
        50%;


    background:
        linear-gradient(
            145deg,
            #2ab4f5,
            #0877d7
        );


    color:
        #ffffff;


    box-shadow:
        0 4px 10px
        rgba(
            8,
            119,
            215,
            .20
        );

}


.social-fab-cloud-icon.is-social {

    background:
        linear-gradient(
            145deg,
            #8a5cf6,
            #4263eb
        );

}


.social-fab-cloud-icon svg {

    width:
        17px;

    height:
        17px;


    fill:
        none;


    stroke:
        currentColor;


    stroke-width:
        1.9;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;

}


/* ==========================================================
   TEXTO
========================================================== */

.social-fab-cloud-copy {

    position:
        relative;

    z-index:
        1;


    display:
        block;


    min-width:
        0;


    flex:
        1 1 auto;

}


.social-fab-cloud-copy strong {

    display:
        block;


    width:
        100%;


    min-width:
        0;


    margin:
        0;


    color:
        #0a315c;


    font-size:
        12.5px;


    font-weight:
        800;


    line-height:
        1.24;


    white-space:
        normal;


    overflow-wrap:
        break-word;


    word-break:
        normal;

}


.social-fab-cloud-copy small {

    display:
        block;


    width:
        100%;


    min-width:
        0;


    margin-top:
        3px;


    color:
        #5c7894;


    font-size:
        10.4px;


    font-weight:
        650;


    line-height:
        1.25;


    white-space:
        normal;


    overflow-wrap:
        break-word;

}


/* ==========================================================
   HOVER
========================================================== */

.social-fab-cloud:hover,
.social-fab-cloud:focus-visible {

    border-color:
        rgba(
            8,
            119,
            215,
            .34
        );


    box-shadow:

        0 8px 18px
        rgba(
            7,
            31,
            69,
            .14
        ),

        inset 0 1px 0
        rgba(
            255,
            255,
            255,
            .98
        );

}


.social-fab-cloud:focus-visible {

    outline:
        3px solid
        rgba(
            13,
            110,
            253,
            .24
        );


    outline-offset:
        3px;

}


/* ==========================================================
   FAB ABIERTO
========================================================== */

.social-fab-open
.social-fab-cloud-wrap {

    opacity:
        0 !important;


    visibility:
        hidden !important;


    pointer-events:
        none !important;


    transform:
        translate3d(
            8px,
            4px,
            0
        )
        scale(.97)
        !important;

}


/* ==========================================================
   ANIMACIÓN
========================================================== */

@keyframes socialFabCloudSweepV2 {

    0% {

        opacity:
            0;


        background-position:
            115% 0;

    }


    18% {

        opacity:
            .72;

    }


    78% {

        opacity:
            .38;

    }


    100% {

        opacity:
            0;


        background-position:
            -115% 0;

    }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media
(max-width: 576px) {

    .social-fab-cloud-wrap {

        right:
            72px;


        bottom:
            4px;


        width:
            min(
                246px,
                calc(
                    100vw - 100px
                )
            );

    }


    .social-fab-cloud {

        gap:
            9px;


        padding:
            10px
            12px
            10px
            10px;


        border-radius:
            18px
            18px
            6px
            18px;

    }


    .social-fab-cloud-icon {

        width:
            30px;


        height:
            30px;


        flex-basis:
            30px;

    }


    .social-fab-cloud-icon svg {

        width:
            16px;


        height:
            16px;

    }


    .social-fab-cloud-copy strong {

        font-size:
            11.7px;

    }


    .social-fab-cloud-copy small {

        font-size:
            9.7px;

    }

}


/* ==========================================================
   MÓVIL PEQUEÑO
========================================================== */

@media
(max-width: 360px) {

    .social-fab-cloud-wrap {

        right:
            68px;


        width:
            calc(
                100vw - 90px
            );

    }


    .social-fab-cloud-copy strong {

        font-size:
            11.2px;

    }


    .social-fab-cloud-copy small {

        font-size:
            9.3px;

    }

}


@media
(max-height: 520px) {

    .social-fab-cloud-wrap {

        right:
            66px;


        bottom:
            2px;

    }

}


/* ==========================================================
   ACCESIBILIDAD
========================================================== */

@media
(prefers-reduced-motion: reduce) {

    .social-fab-cloud-wrap,

    .social-fab-cloud::before {

        transition-duration:
            .01ms !important;


        animation:
            none !important;

    }

}

/* SOCIAL-FAB-CLOUD-V2:END */