/* Estilos base (Mobile-First) */
* {
    margin: 0 !important;
    padding: 0 !important;
}

html {
    font-size: 16px !important;
}

.top-title {
    font-size: 97% !important;
}

.center-title {
    font-size: 294% !important;
}

.acces-code-text {
    font-size: 100% !important;
    padding-bottom: 1% !important;
}

.verification-section {
    padding: 0% 0% !important;
}

.row-footer-padding {
    padding: 0% 0% !important;
}

.site-footer .container {
    max-width: 100% !important;
}

.site-footer {
    padding: 0% 8% !important;
}

.image-grid {
    margin-bottom: 2% !important;
}

.images-title {
    margin-bottom: 2% !important;
}

.about-working-hours {
    padding-left: 19% !important;
}

.verified-text {
    padding-left: 18.5% !important;
}

.verified-text__product,
.warranty-justify-text {
    text-align: justify !important;
}

.subtitle-product {
    text-align: center;
    margin-bottom: 1vh !important;
    color: #ffffff;
}

.product-info {}

.btn-custom {
    background-color: #FFA500; /* Fondo naranja */
    border: none; /* Sin borde */
    color: #ffffff; /* Texto blanco para mejor contraste */
    transition: none; /* Elimina la transición */
    padding: 10px 20px !important; /* Ajusta el padding para mejor apariencia */
}

.btn-custom:focus, .btn-custom:active {
    background-color: #FFA500 !important; /* Mantén el fondo naranja */
    border: none !important; /* Sin borde */
    color: #ffffff !important; /* Mantén el texto blanco */
    box-shadow: none !important; /* Elimina la sombra */
}

/* Media Queries para Responsividad (De Mayor a Menor Resolución, Solo max-width) */

/* Monitores 4K (3840x2160) */
@media only screen and (max-width: 3840px) {
    /*
      Resolución típica: 3840x2160 (4K Ultra HD)
      Usar en la herramienta de desarrollador: 3840px de ancho y 2160px de alto.
    */
    .top-title {
        font-size: 3.7rem !important;
    }
    .center-title {
        font-size: 3.7rem !important;
        margin-bottom: 2% !important;
    }
    .container {
        max-width: 80%;
    }
    .acces-code-text {
        font-size: 2rem !important;
    }
    .input-text-code {
        padding: 2% !important;
    }
    .search_product {
        padding: 0.5% !important;
    }
    #searchButtonText {
        font-size: 2rem;
    }
    .site-footer .copyright-text {
        font-size: 2rem;
    }
    .footer-right-text{ 
        font-size: 2rem;
    }
    .product-info {
        font-size: 3rem;
        margin-bottom: 2% !important;
    }
    .input-text-code {
        font-size: 2rem;
    }
    .text-white__names {
        font-size: 2rem !important;
    }
    #verificationButton {
        font-size: 2rem;
        display: block;
        padding: 0.5% !important;
    }
    .images-title {
        font-size: 3rem;
    }
    #errorText {
        font-size: 2rem;
    }
    .verified-titles {
        font-size: 3.7rem;
    }
    .verified-titles__text {
        font-size: 2rem;
    }
    #warrantySection {
      justify-content: center;
    }
    .separate-text {
        padding-left: 7% !important;
    }
    .row {
        width: 100%;
    }
    .verified-titles__text {
        width: 120%;
    }
    .verified-text {
        padding-top: 1% !important;
        padding-bottom: 9% !important;
    }
}

/* Monitores 2K (2560x1440) */
@media only screen and (max-width: 2560px) {
    /*
      Resolución típica:    x1440 (QHD)
      Usar en la herramienta de desarrollador: 2560px de ancho y 1440px de alto.
    */
    .verified-text {
        padding-bottom: 22% !important;
    }
}

/* Monitores Full HD (1920x1080) */
@media only screen and (max-width: 1920px) {
    /*
      Resolución típica: 1920x1080 (Full HD)
      Usar en la herramienta de desarrollador: 1920px de ancho y 1080px de alto.
    */
    .top-title {
        font-size: 2rem !important;
    }
    .center-title {
        font-size: 2rem !important;
    }
    .acces-code-text {
        font-size: 1.6rem !important;
    }
    #searchButtonText {
        font-size: 1.6rem;
    }
    .site-footer .copyright-text {
        font-size: 1.6rem;
    }
    .footer-right-text {
        font-size: 1.6rem;
    }
    .input-text-code {
        font-size: 1.6rem !important;
    }
    .product-info {
        font-size: 1.8rem;
    }
    .text-white__names {
        font-size: 1.6rem !important;
    }
    #verificationButton {
        font-size: 1.6rem !important;
    }
    .images-title {
        font-size: 1.8rem;
    }
    .verified-titles {
        font-size: 2rem;
    }
    .verified-titles__text {
        font-size: 1.6rem;
    }
    .verified-text {
        padding-bottom: 23% !important;
    }
    #errorText {
        font-size: 1.6rem;
    }
}

/* Laptops y escritorios estándar (1440x900) */
@media only screen and (max-width: 1440px) {
    /*
      Resolución típica: 1440x900 (HD+)
      Usar en la herramienta de desarrollador: 1440px de ancho y 900px de alto.
    */
    .center-title {
        font-size: 1.5rem !important;
    }
    .top-title {
        font-size: 1.5rem !important;
    }
    .acces-code-text {
        font-size: 1.19rem !important;
    }
    .product-info {
        font-size: 1.35rem;
    }
    #searchButtonText {
        font-size: 1.19rem;
    }
    .input-text-code {
        font-size: 1.19rem !important;
    }
    .text-white__names {
        font-size: 1.19rem !important;
    }
    #verificationButton {
        font-size: 1.19rem !important;
    }
    .images-title {
        font-size: 1.35rem;
    }
    .site-footer .copyright-text {
        font-size: 1.19rem;
    }
    .footer-right-text {
        font-size: 1.19rem;
    }
    .verified-titles {
        font-size: 1.35rem;
    }
    .verified-titles__text {
        font-size: 1.19rem;
    }
    #errorText {
        font-size: 1.19rem;
    }
}

/* Laptops pequeñas (1280x800) */
@media only screen and (max-width: 1280px) {
    /*
      Resolución típica: 1280x800 (WXGA)
      Usar en la herramienta de desarrollador: 1280px de ancho y 800px de alto.
    */

}

/* Tabletas (1024x768) */
@media only screen and (max-width: 1024px) {
    /*
      Resolución típica: 1024x768 (iPad estándar)
      Usar en la herramienta de desarrollador: 1024px de ancho y 768px de alto.
    */
    .acces-code-text {
        font-size: 1rem !important;
    }
    #searchButtonText {
        font-size: 1rem;
    }
    #verificationButton {
        font-size: 1rem !important;
    }
    .text-white__names {
        font-size: 1rem !important;
    }
    .verified-titles__text {
        font-size: 1rem;
    }
    .verified-text {
        padding-bottom: 29% !important;
    }
    #errorText {
        font-size: 1rem;
    }
}

/* Tabletas pequeñas (768x1024) */
@media only screen and (max-width: 988px) {

}

/* Tabletas pequeñas (768x1024) */
@media only screen and (max-width: 768px) {
    /*
      Resolución típica: 768x1024 (iPad en vertical)
      Usar en la herramienta de desarrollador: 768px de ancho y 1024px de alto.
    */
    .verified-titles__text {
        width: 107%;
    }
    .verified-text {
        padding-top: 1% !important;
        padding-bottom: 23% !important;
    }
    .verified-titles__text {
        font-size: 82%;
        padding-right: 5% !important;
    }
    #errorText {
        font-size: 0.9rem;
    }
}

/* Móviles grandes (414x896) */
@media only screen and (max-width: 680px) {
    /*
      Resolución típica: 414x896 (iPhone XR)
      Usar en la herramienta de desarrollador: 414px de ancho y 896px de alto.
    */
    .verified-text {
        padding-bottom: 0% !important;
        padding-left: 24% !important;
    }
}

/* Móviles grandes (414x896) */
@media only screen and (max-width: 605px) {
    /*
      Resolución típica: 414x896 (iPhone XR)
      Usar en la herramienta de desarrollador: 414px de ancho y 896px de alto.
    */
    .site-footer .row {
        justify-content: center;
    }
}


/* Móviles grandes (414x896) */
@media only screen and (max-width: 414px) {
    /*
      Resolución típica: 414x896 (iPhone XR)
      Usar en la herramienta de desarrollador: 414px de ancho y 896px de alto.
    */
    .center-title {
        font-size: 1.1rem !important;
    }
    .top-title {
        font-size: 1.1rem !important;
    }
    .acces-code-text {
        font-size: 0.9rem !important;
    }
    #searchButtonText {
        font-size: 0.9rem;
    }
    .input-text-code {
        font-size: 1.1rem !important;
    }
    #verificationButton {
        font-size: 0.9rem !important;
    }
    .footer-right-text {
        font-size: 0.9rem;
    }
    .site-footer .copyright-text {
        font-size: 0.9rem;
    }
    .product-info {
        font-size: 1.05rem;
    }
    .images-title {
        font-size: 1.05rem;
    }
    .verified-titles {
        font-size: 1.1rem;
    }
    .verified-titles__text {
        font-size: 0.9rem;
        padding-right: 5% !important;
    }
    .text-white__names {
        font-size: 0.9rem !important;
    }
}

/* Móviles medianos (375x812) */
@media only screen and (max-width: 375px) {
    /*
      Resolución típica: 375x812 (iPhone X/XS/11 Pro)
      Usar en la herramienta de desarrollador: 375px de ancho y 812px de alto.
    */
    .top-title {
        font-size: 0.9rem !important;
    }
    .center-title {
        font-size: 0.9rem !important;
    }
    .acces-code-text {
        font-size: 0.7rem !important;
    }
    #searchButtonText {
        font-size: 0.7rem;
    }
    .text-white__names {
        font-size: 0.7rem !important;
    }
    .product-info {
        font-size: 0.87rem;
    }
    .images-title {
        font-size: 0.87rem;
    }
    .input-text-code {
        font-size: 0.9rem !important;
    }
    .site-footer .copyright-text {
        font-size: 0.8rem;
    }
    .footer-right-text {
        font-size: 0.8rem;
    }
    .verified-titles {
        font-size: 0.9rem;
    }
    .verified-titles__text {
        font-size: 0.7rem;
    }
    #verificationButton {
        font-size: 0.7rem !important;
    }
    #errorText {
        font-size: 0.7rem;
    }
}

/* Móviles pequeños (320x568) */
@media only screen and (max-width: 320px) {
    /*
      Resolución típica: 320x568 (iPhone 5/SE)
      Usar en la herramienta de desarrollador: 320px de ancho y 568px de alto.
    */

}