/*
 # ########*###########################
 Autor: José Luis Rodriguez
 Mail: jrodriguez@bincodex.com
 Web: https://bincodex.com
 Fecha: 2025-11-11 09:59:23
 Archivo: rspv.css
 Codificación: UTF-8
 Editado en: Kate 25.04.3
 ####################################
 */






/* Media Queries para Responsividad */
 @media (max-width: 968px) {
    .detail-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .main-image {
        height: 400px;
    }
}





@media (min-width: 768px) {
	.search-form {
		flex-direction: row;
		align-items: flex-end;
	}

	.form-group {
		flex: 1;
	}

	.search-btn {
		align-self: auto;
	}

	.action-buttons {
        flex-direction: column;
    }

    .thumbnail-container {
        grid-template-columns: repeat(4, 1fr);
    }

    .product-title {
        font-size: 1.8rem;
    }

    .user-details {
/*         display: none; */
    }

    .user-info {
        padding: 8px;
    }

}






@media (max-width: 768px) {
	.user-details {
		display: none;
	}

	.user-info {
		padding: 8px;
	}
	.registration-form {
        grid-template-columns: 1fr;
    }

    .form-card {
        padding: 2rem 1.5rem;
    }

    .captcha-display {
        flex-direction: column;
    }

    .form-actions {
        flex-direction: column;
    }

    .logo-text {
        font-size: 1.8rem;
    }

    .modal {
        width: 95%;
        max-height: 90vh;
    }

    .modal-header,
    .modal-content,
    .modal-footer {
        padding: 1rem 1.5rem;
    }
}





@media (max-width: 480px) {

	body {
/*         padding: 1rem 0.5rem; */
    }

    .form-card {
        padding: 1.5rem 1rem;
    }

    .logo {
        flex-direction: column;
        gap: 8px;
    }

	.search-container {
		padding: 1.5rem;
	}

	.item-card {
		padding: 1rem;
	}
	.thumbnail-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .main-image {
        height: 300px;
    }

    .specs-grid {
        grid-template-columns: 1fr;
    }
}