/* Ajustes para mobile - Samsung S10 e similares */
@media screen and (max-width: 768px) {
    /* Ajustar headline principal */
    h1 {
        font-size: 3.5rem !important; /* Reduzir de 6xl para um tamanho menor */
        line-height: 1.1 !important;
        padding: 0 10px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Ajustes específicos para telas muito pequenas */
    @media screen and (max-width: 380px) {
        h1 {
            font-size: 3rem !important;
        }
    }
    
    /* Garantir que o container tenha padding adequado */
    .max-w-7xl {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Ajustar espaçamento do hero section */
    section#inicio {
        padding-top: 6rem !important; /* Reduzir padding top */
        padding-bottom: 3rem !important;
    }
    
    /* Ajustar texto do hero */
    .text-6xl, .text-8xl {
        font-size: 3.5rem !important;
        line-height: 1.1 !important;
    }
    
    /* Prevenir overflow horizontal */
    body {
        overflow-x: hidden !important;
    }
    
    /* Ajustar botões para mobile */
    button {
        white-space: normal !important;
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
    
    /* Fix para navbar mobile */
    nav {
        padding: 0 1rem !important;
    }
    
    /* Ajustar cards e grids */
    .grid {
        gap: 1rem !important;
    }
    
    /* Garantir que nada ultrapasse a largura da tela */
    * {
        max-width: 100vw !important;
    }
}

/* Ajustes específicos para Samsung S10 (360x760) */
@media screen and (max-width: 360px) {
    h1, .text-6xl, .text-8xl {
        font-size: 2.75rem !important;
        letter-spacing: -0.02em !important;
    }
    
    .text-xl {
        font-size: 1.125rem !important;
    }
    
    .text-2xl {
        font-size: 1.25rem !important;
    }
}

/* Fix específico para iPhone/iOS */
@supports (-webkit-touch-callout: none) {
    /* Detecta Safari/iOS */
    h1 {
        word-break: break-word !important;
        -webkit-hyphens: auto !important;
        hyphens: auto !important;
    }
    
    .text-6xl, .text-8xl {
        font-size: 3rem !important;
        line-height: 1.2 !important;
    }
    
    /* Fix para iPhone com telas menores */
    @media screen and (max-width: 390px) {
        h1, .text-6xl, .text-8xl {
            font-size: 2.5rem !important;
            letter-spacing: -0.03em !important;
        }
    }
    
    /* Garantir que o texto não quebre de forma estranha */
    h1 span {
        display: inline-block !important;
        width: 100% !important;
    }
}

/* Fix adicional para Safari */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        h1 {
            font-size: clamp(2.5rem, 8vw, 4rem) !important;
        }
    }
}