/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/09/2026, 09:31:53 AM
    Author     : pcgc7
*/


/* PRESENTACIÓN */
.w-75 { width: 95% !important; }
.mb-4 { margin-bottom: 1.5rem !important; }

/* Estilo para dispositivos con tamaño de pantalla mayor a 1424px y menor que 1648px - xxl */
@media screen and (min-width: 1424px) and (max-width: 1647.98px) {
   
   /* PRESENTACIÓN */
   .w-100 { width: 90% !important; }
   .mb-4 { margin-bottom: 1.5rem !important; }   
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 1200px y menor que 1424px - xl */
@media screen and (min-width: 1200px) and (max-width: 1423.98px) {
    
   /* PRESENTACIÓN */
   .w-100 { width: 85% !important; }
   .mb-4 { margin-bottom: 1.25rem !important; }   
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 992px y menor que 1200px - lg */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    
    /* PRESENTACIÓN */
    .w-100 { width: 80% !important; }
    .mb-4 { margin-bottom: 1rem !important; }    
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 768px y menor que 992px - md */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    
    /* PRESENTACIÓN */
    .w-100 { width: 55% !important; }
    .mb-4 { margin-bottom: 1rem !important; }    
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 576px y menor que 768px - sm */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
    
    /* PRESENTACIÓN */
    .w-100 { width: 55% !important; }
    .mb-4 { margin-bottom: 1rem !important; }    
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 481px y menor que 576px - xs */
@media screen and (min-width: 481px) and (max-width: 575.98px) {
    
    /* PRESENTACIÓN */
    .w-100 { width: 55% !important; }
    .mb-4 { margin-bottom: 1rem !important; }    
}

/* Estilo para dispositivos con tamaño de pantalla menor que 481px - xs */
@media screen and (max-width: 480.98px) {
    
    /* PRESENTACIÓN */
    .w-100 { width: 55% !important; }
    .mb-4 { margin-bottom: 1rem !important; }    
}