/* Landing (index.html). Antes era un bloque de estilos inline. */
/* Quill custom font mappings */
.ql-font-dancing { font-family: 'Dancing Script', cursive; }
.ql-font-greatvibes { font-family: 'Great Vibes', cursive; font-size: 1.25em; }
.ql-font-pacifico { font-family: 'Pacifico', cursive; font-weight: normal; }

/* Custom font sizes for Hero content from Quill */
.ql-size-3rem { font-size: 3rem !important; line-height: 1.1; }
.ql-size-4rem { font-size: 4rem !important; line-height: 1.1; }
.ql-size-5rem { font-size: 5rem !important; line-height: 1.1; }
.ql-size-6rem { font-size: 6rem !important; line-height: 1.1; }
.ql-size-7rem { font-size: 7rem !important; line-height: 1.1; }
.ql-size-8rem { font-size: 8rem !important; line-height: 1; }
.ql-size-10rem { font-size: 10rem !important; line-height: 1; }
.ql-size-12rem { font-size: 12rem !important; line-height: 1; }

/* Quill alignment classes */
.ql-align-left { text-align: left; }
.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }

@media (max-width: 768px) {
    .ql-size-12rem { font-size: 2.75rem !important; }
    .ql-size-10rem { font-size: 2.5rem !important; }
    .ql-size-8rem { font-size: 2.25rem !important; }
    .ql-size-7rem { font-size: 2.15rem !important; }
    .ql-size-6rem { font-size: 2rem !important; }
    .ql-size-5rem { font-size: 1.85rem !important; }
    .ql-size-4rem { font-size: 1.75rem !important; }
}

/* Quill formatting reset for CTA */
#hero-cta p, #hero-cta span, #hero-cta strong {
    display: inline;
    margin: 0;
    padding: 0;
    color: white !important;
}

#hero-cta {
    color: white !important;
}

/* Ensure header contact button is white */
.nav-links a[href="#contacto"].bg-gradient-to-r {
    color: white !important;
}

/* Custom Utilities for JS interactions */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

.grecaptcha-badge { visibility: hidden; }
