/* signature/styles.css - Versión Invertida (Corazón Grande y Alineación Perfecta) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Dancing+Script:wght@600;700&display=swap');

.gb-external-signature {
    font-family: 'Poppins', sans-serif !important;
    text-align: center !important;
    padding: 20px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
}

/* --- ESTILO DEL TEXTO "DISEÑADO CON AMOR POR" --- */
.gb-external-signature > span:not(.gb-heart-external) {
    font-family: 'Dancing Script', cursive !important;
    font-size: 18px !important; /* Tamaño reducido aprobado */
    font-weight: 700 !important;
    display: inline-block !important;
    transform: translateY(1px) !important;
}

/* El elemento del corazón con la animación */
.gb-heart-external {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important; /* ¡Corazón devuelto a su tamaño ideal! */
    height: 17px !important;
    animation: gbBeatExternal 1.8s ease-out infinite !important;
    transform-origin: center !important;
}

.gb-heart-external svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

@keyframes gbBeatExternal {
    0%, 100% { transform: scale(1); opacity: 1; }
    15% { transform: scale(1.25); opacity: 0.9; }
    30% { transform: scale(1.1); opacity: 1; }
    45% { transform: scale(1.3); opacity: 0.8; }
}

/* --- ESTILO DE LA MARCA (Gokiebox) --- */
.gb-link-external {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important; /* Tamaño de marca aprobado */
    text-decoration: none !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    margin-top: 6px;
    transition: all 0.3s ease !important;
}

.gb-link-external:hover {
    opacity: 0.8 !important;
    transform: scale(1.05) !important;
}

/* --- MONOCROMO: TEMA CLARO (Para fondos oscuros) --- */
.gb-external-signature.light-theme,
.gb-external-signature.light-theme span {
    color: #FFFFFF !important;
}
.gb-external-signature.light-theme svg {
    fill: #FFFFFF !important;
}
.gb-external-signature.light-theme a {
    color: #FFFFFF !important;
}

/* --- MONOCROMO: TEMA OSCURO (Para fondos claros) --- */
.gb-external-signature.dark-theme,
.gb-external-signature.dark-theme span {
    color: #000000 !important;
}
.gb-external-signature.dark-theme svg {
    fill: #000000 !important;
}
.gb-external-signature.dark-theme a {
    color: #000000 !important;
}