/* BrittanySignature Font Definition */
@font-face {
    font-family: 'BrittanySignature';
    src: url('../fonts/BrittanySignature.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Clase base para BrittanySignature con espaciado optimizado */
.font-brittany {
    font-family: 'BrittanySignature', cursive, sans-serif;
    line-height: 2; /* Más espacio para caracteres con descenders/ascenders */
    letter-spacing: 0.04em;
    padding: 0.5rem 0; /* Espaciado vertical adicional */
}

/* Específico para títulos grandes en hero */
.font-brittany-hero {
    font-family: 'BrittanySignature', cursive, sans-serif;
    line-height: 1.3;
    letter-spacing: 0.02em;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    /* Evitar que se corte el texto */
    overflow: visible;
    display: block;
}

/* Clase para el header más pequeño */
.font-brittany-header {
    font-family: 'BrittanySignature', cursive, sans-serif;
    line-height: 1.5;
    letter-spacing: 0.02em;
    padding: 0.25rem 0;
    overflow: visible;
}

/* Estilos responsivos mejorados */
@media (min-width: 640px) {
    .font-brittany-hero {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .font-brittany-hero {
        line-height: 1.2;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
}

/* Asegurar que el contenedor no corte el texto */
.brittany-container {
    overflow: visible;
    padding: 1rem 0;
}

/* Variante con shadow suave para mejorar legibilidad */
.font-brittany-shadow {
    font-family: 'BrittanySignature', cursive, sans-serif;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 1.4;
    padding: 0.5rem 0;
}

/* Fix para evitar cortes en dispositivos móviles */
@media (max-width: 639px) {
    .font-brittany-hero {
        font-size: 2.5rem; /* Un poco más pequeño en móviles */
        line-height: 1.4;
        padding: 1rem 0;
    }
}