/**
 * GlobalRoute - Estilos CSS para Tablets y Workstations
 * Versión: 1.0.0
 * Basado en estilos móviles con proporciones escaladas
 */

/* =========================
   ESTILOS PARA TABLETS (768px - 1023px)
   ========================= */

/* Proporción base para tablets: 1.33x (768/576) */
@media (min-width: 768px) and (max-width: 1023px) {
    
    /* Contenedor principal */
    .globalroute-content {
        padding: 26px; /* 20px * 1.33 */
        max-width: 960px; /* 720px * 1.33 */
    }
    
    /* Mensajes */
    .globalroute-messages {
        top: 26px; /* 20px * 1.33 */
        right: 26px; /* 20px * 1.33 */
        max-width: 533px; /* 400px * 1.33 */
    }
    
    .globalroute-message {
        padding: 20px 26px; /* 15px * 1.33, 20px * 1.33 */
        font-size: 18px; /* 14px * 1.33 */
        margin-bottom: 13px; /* 10px * 1.33 */
    }
    
    /* Contenedor de búsqueda */
    .globalroute-search-container {
        padding: 32px; /* 24px * 1.33 */
    }
    
    /* Header */
    .globalroute-header-flex.globalroute-header-centered {
        padding: 32px 0 21px 0; /* 24px * 1.33, 16px * 1.33 */
    }
    
    /* Botón de retroceso */
    .globalroute-back-btn-flex {
        left: 21px; /* 16px * 1.33 */
        width: 64px; /* 48px * 1.33 */
        height: 64px; /* 48px * 1.33 */
        min-width: 64px; /* 48px * 1.33 */
        min-height: 64px; /* 48px * 1.33 */
    }
    
    .globalroute-back-btn-icon {
        width: 37px; /* 28px * 1.33 */
        height: 37px; /* 28px * 1.33 */
    }
    
    /* Título del header */
    .globalroute-header-title {
        font-size: 24px; /* 18px * 1.33 */
        line-height: 32px; /* 24px * 1.33 */
    }
    
    /* Barra de búsqueda */
    .globalroute-search-input-container-centered {
        height: 64px; /* 48px * 1.33 */
        border-radius: 32px; /* 24px * 1.33 */
        padding: 0 21px; /* 0 16px * 1.33 */
    }
    
    .globalroute-search-icon-centered {
        width: 24px; /* 24px * 1.33 */
        height: 24px; /* 24px * 1.33 */
    }
    
    .globalroute-search-input-centered {
        font-size: 18px; /* 14px * 1.33 */
        padding: 0 16px; /* 0 12px * 1.33 */
    }
    
    .globalroute-search-input-centered::placeholder {
        font-size: 18px; /* 14px * 1.33 */
    }
    
    /* Botón de limpiar búsqueda */
    .globalroute-clear-search-btn {
        width: 32px; /* 24px * 1.33 */
        height: 32px; /* 24px * 1.33 */
    }
    
    .globalroute-clear-search-btn svg {
        width: 16px; /* 12px * 1.33 */
        height: 16px; /* 12px * 1.33 */
    }
    
    /* Fila de categorías */
    .globalroute-category-row {
        gap: 21px; /* 16px * 1.33 */
        padding: 21px 0; /* 16px * 1.33 */
    }
    
    /* Botones de categorías */
    .globalroute-category-btn2 {
        width: 200px; /* Ancho fijo para tablets */
        height: 48px !important; /* Altura fija para tablets */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 16px;
        border-radius: 12px;
        background: #FDFDFE;
        border: 0.50px solid #1B1B1B;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        box-sizing: border-box;
    }
    
    .globalroute-category-icon2 {
        width: 32px; /* 24px * 1.33 */
        height: 32px; /* 24px * 1.33 */
        margin-right: 21px; /* 16px * 1.33 */
        margin-left: 17px; /* 13px * 1.33 */
    }
    
    .globalroute-category-icon2 img {
        width: 32px; /* 24px * 1.33 */
        height: 32px; /* 24px * 1.33 */
    }
    
    .globalroute-category-label2 {
        font-size: 18px; /* 14px * 1.33 */
        line-height: 24px; /* 18px * 1.33 */
    }
    
    /* Botón de estacionamientos específico */
    .globalroute-category-btn2.globalroute-category-parking,
    .globalroute-category-btn2.globalroute-category-clean {
        width: 200px !important; /* Ancho fijo igual para ambos botones en tablets */
        height: 48px !important; /* Altura fija para tablets */
    }
    
    /* Sobrescribir específicamente el botón de estacionamientos para tablets */
    .globalroute-category-btn2.globalroute-category-parking {
        width: 200px !important;
        height: 48px !important; /* Altura fija para tablets */
        border-radius: 24px !important;
        border: 0.50px solid #1B1B1B !important;
        background: transparent !important;
        padding: 12px 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
    }
    
    .globalroute-category-btn2.globalroute-category-parking .globalroute-category-icon2 {
        width: auto !important;
        height: 24px !important;
        background: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    .globalroute-category-btn2.globalroute-category-parking .globalroute-category-icon2 img {
        width: auto !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 0 !important;
    }
    
    .globalroute-category-btn2.globalroute-category-parking .globalroute-category-label2 {
        width: auto !important;
        height: auto !important;
        text-align: justify !important;
        color: #1B1B1B !important;
        font-size: 16px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        word-wrap: break-word !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean {
        width: 200px; /* Ancho fijo igual para ambos botones en tablets */
        height: 48px !important; /* Altura fija para tablets */
    }
    
    .globalroute-category-btn2.globalroute-category-clean .globalroute-category-icon2 {
        width: auto;
        height: 24px;
    }
    
    .globalroute-category-btn2.globalroute-category-clean .globalroute-category-icon2 img {
        width: auto;
        height: 100%;
    }
    
    .globalroute-category-btn2.globalroute-category-clean .globalroute-category-label2 {
        width: auto !important;
        height: auto !important;
        text-align: justify !important;
        color: #1B1B1B !important;
        font-size: 16px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        word-wrap: break-word !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Estados activos e inactivos para botones de categorías en tablets */
    .globalroute-category-btn2.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: none !important;
        transform: scale(1.02) !important;
        box-shadow: 0 4px 12px rgba(0, 94, 254, 0.2) !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-icon2 {
        background: none !important;
    }
    
    .globalroute-category-btn2.inactive {
        background: transparent !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
        opacity: 0.7 !important;
    }
    
    .globalroute-category-btn2.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* Estados específicos para centros de limpieza en tablets */
    .globalroute-category-btn2.globalroute-category-clean.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: 0.50px solid #005EFE !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive {
        background: #FDFDFE !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* POIs en el mapa */
    img[src*="wash_1.png"] {
        width: 48px !important; /* 36px * 1.33 */
        height: 57px !important; /* 43px * 1.33 */
    }
    
    img[src*="parking_1.png"] {
        width: 48px !important; /* 36px * 1.33 */
        height: 57px !important; /* 43px * 1.33 */
    }
    
    /* POIs seleccionados en el mapa */
    img[src*="wash_2.png"] {
        width: 48px !important; /* 36px * 1.33 */
        height: 57px !important; /* 43px * 1.33 */
    }
    
    img[src*="parking_2.png"] {
        width: 48px !important; /* 36px * 1.33 */
        height: 57px !important; /* 43px * 1.33 */
    }
    
    .globalroute-poi-card-icon {
        width: 56px !important; /* 42px * 1.33 */
        height: 67px !important; /* 50px * 1.33 */
    }
    
    .globalroute-poi-card-icon img {
        width: 56px !important; /* 42px * 1.33 */
        height: 67px !important; /* 50px * 1.33 */
    }
    
    .globalroute-poi-icon {
        width: 56px !important; /* 42px * 1.33 */
        height: 67px !important; /* 50px * 1.33 */
    }
    
    .globalroute-poi-icon img {
        width: 56px !important; /* 42px * 1.33 */
        height: 67px !important; /* 50px * 1.33 */
    }
    
    /* Tarjeta POI */
    .globalroute-poi-card {
        max-width: 640px; /* 480px * 1.33 */
        min-width: 426px; /* 320px * 1.33 */
        border-radius: 27px 27px 0 0; /* 20px * 1.33 */
        padding: 0 0 27px 0; /* 0 0 20px * 1.33 */
    }
    
    .globalroute-poi-card-bar {
        width: 75px; /* 56px * 1.33 */
        height: 8px; /* 6px * 1.33 */
        border-radius: 4px; /* 3px * 1.33 */
        margin: 16px auto 11px auto; /* 12px * 1.33, 8px * 1.33 */
    }
    
    .globalroute-poi-card-content {
        padding: 0 21px; /* 0 16px * 1.33 */
    }
    
    .globalroute-poi-card-title {
        font-size: 24px; /* 18px * 1.33 */
        line-height: 32px; /* 24px * 1.33 */
    }
    
    .globalroute-poi-card-address {
        font-size: 16px; /* 12px * 1.33 */
        line-height: 24px; /* 18px * 1.33 */
    }
    
    .globalroute-poi-card-distance {
        font-size: 14px; /* 11px * 1.33 */
        padding: 5px 13px; /* 4px * 1.33, 10px * 1.33 */
        border-radius: 13px; /* 10px * 1.33 */
    }
    
    .globalroute-poi-card-rating-value {
        font-size: 18px; /* 14px * 1.33 */
    }
    
    .globalroute-poi-card-rating-stars {
        font-size: 20px; /* 15px * 1.33 */
    }
    
    .globalroute-poi-card-rating-count {
        font-size: 16px; /* 12px * 1.33 */
    }
    
    .globalroute-poi-card-buttons {
        gap: 16px; /* 12px * 1.33 */
    }
    
    .globalroute-poi-card-btn-outline,
    .globalroute-poi-card-btn-primary {
        padding: 16px 32px; /* 12px * 1.33, 24px * 1.33 */
        font-size: 18px; /* 14px * 1.33 */
        border-radius: 16px; /* 12px * 1.33 */
    }
    
    /* Botón de ubicación */
    .globalroute-location-btn {
        width: 64px; /* 48px * 1.33 */
        height: 64px; /* 48px * 1.33 */
        border-radius: 32px; /* 24px * 1.33 */
    }
    
    .globalroute-location-btn svg {
        width: 32px; /* 24px * 1.33 */
        height: 32px; /* 24px * 1.33 */
    }
    
    .globalroute-location-btn span {
        font-size: 16px; /* 12px * 1.33 */
    }
    
    /* Opiniones */
    .globalroute-opinions-container {
        max-height: 507px; /* 380px * 1.33 */
    }
    
    .opinion-item {
        padding: 19px; /* 14px * 1.33 */
    }
    
    .user-avatar {
        width: 47px; /* 35px * 1.33 */
        height: 47px; /* 35px * 1.33 */
    }
    
    .opinion-text {
        font-size: 17px; /* 13px * 1.33 */
    }
}

/* =========================
   ESTILOS PARA WORKSTATIONS (1024px+)
   ========================= */

/* Proporción base para workstations: 1.5x (1024/683) */
@media (min-width: 1024px) {
    
    /* Contenedor principal */
    .globalroute-content {
        padding: 30px; /* 20px * 1.5 */
        max-width: 1200px; /* 800px * 1.5 */
    }
    
    /* Mensajes */
    .globalroute-messages {
        top: 30px; /* 20px * 1.5 */
        right: 30px; /* 20px * 1.5 */
        max-width: 600px; /* 400px * 1.5 */
    }
    
    .globalroute-message {
        padding: 22px 30px; /* 15px * 1.5, 20px * 1.5 */
        font-size: 21px; /* 14px * 1.5 */
        margin-bottom: 15px; /* 10px * 1.5 */
    }
    
    /* Contenedor de búsqueda */
    .globalroute-search-container {
        padding: 36px; /* 24px * 1.5 */
    }
    
    /* Header */
    .globalroute-header-flex.globalroute-header-centered {
        padding: 36px 0 24px 0; /* 24px * 1.5, 16px * 1.5 */
    }
    
    /* Botón de retroceso */
    .globalroute-back-btn-flex {
        left: 24px; /* 16px * 1.5 */
        width: 72px; /* 48px * 1.5 */
        height: 72px; /* 48px * 1.5 */
        min-width: 72px; /* 48px * 1.5 */
        min-height: 72px; /* 48px * 1.5 */
    }
    
    .globalroute-back-btn-icon {
        width: 42px; /* 28px * 1.5 */
        height: 42px; /* 28px * 1.5 */
    }
    
    /* Título del header */
    .globalroute-header-title {
        font-size: 27px; /* 18px * 1.5 */
        line-height: 36px; /* 24px * 1.5 */
    }
    
    /* Barra de búsqueda */
    .globalroute-search-input-container-centered {
        height: 72px; /* 48px * 1.5 */
        border-radius: 36px; /* 24px * 1.5 */
        padding: 0 24px; /* 0 16px * 1.5 */
    }
    
    .globalroute-search-icon-centered {
        width: 24px; /* 24px * 1.5 */
        height: 24px; /* 24px * 1.5 */
    }
    
    .globalroute-search-input-centered {
        font-size: 21px; /* 14px * 1.5 */
        padding: 0 18px; /* 0 12px * 1.5 */
    }
    
    .globalroute-search-input-centered::placeholder {
        font-size: 21px; /* 14px * 1.5 */
    }
    
    /* Botón de limpiar búsqueda */
    .globalroute-clear-search-btn {
        width: 36px; /* 24px * 1.5 */
        height: 36px; /* 24px * 1.5 */
    }
    
    .globalroute-clear-search-btn svg {
        width: 18px; /* 12px * 1.5 */
        height: 18px; /* 12px * 1.5 */
    }
    
    /* Fila de categorías */
    .globalroute-category-row {
        gap: 24px; /* 16px * 1.5 */
        padding: 24px 0; /* 16px * 1.5 */
    }
    
    /* Botones de categorías */
    .globalroute-category-btn2 {
        width: 220px; /* Ancho fijo para workstations */
        height: 48px !important; /* Altura fija para workstations */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 16px;
        border-radius: 12px;
        background: #FDFDFE;
        border: 0.50px solid #1B1B1B;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        box-sizing: border-box;
    }
    
    .globalroute-category-icon2 {
        width: 36px; /* 24px * 1.5 */
        height: 36px; /* 24px * 1.5 */
        margin-right: 24px; /* 16px * 1.5 */
        margin-left: 20px; /* 13px * 1.5 */
    }
    
    .globalroute-category-icon2 img {
        width: 36px; /* 24px * 1.5 */
        height: 36px; /* 24px * 1.5 */
    }
    
    .globalroute-category-label2 {
        font-size: 21px; /* 14px * 1.5 */
        line-height: 27px; /* 18px * 1.5 */
    }
    
    /* Botón de estacionamientos específico */
    .globalroute-category-btn2.globalroute-category-parking,
    .globalroute-category-btn2.globalroute-category-clean {
        width: 220px !important; /* Ancho fijo igual para ambos botones en workstations */
        height: 48px !important; /* Altura fija para workstations */
    }
    
    /* Sobrescribir específicamente el botón de estacionamientos para workstations */
    .globalroute-category-btn2.globalroute-category-parking {
        width: 220px !important;
        height: 48px !important; /* Altura fija para workstations */
        border-radius: 24px !important;
        border: 0.50px solid #1B1B1B !important;
        background: transparent !important;
        padding: 12px 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
    }
    
    .globalroute-category-btn2.globalroute-category-parking .globalroute-category-icon2 {
        width: auto !important;
        height: 24px !important;
        background: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    .globalroute-category-btn2.globalroute-category-parking .globalroute-category-icon2 img {
        width: auto !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 0 !important;
    }
    
    .globalroute-category-btn2.globalroute-category-parking .globalroute-category-label2 {
        width: auto !important;
        height: auto !important;
        text-align: justify !important;
        color: #1B1B1B !important;
        font-size: 16px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        word-wrap: break-word !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean {
        width: 220px !important; /* Ancho fijo igual para ambos botones en workstations */
        height: 48px !important; /* Altura fija para workstations */
    }
    
    .globalroute-category-btn2.globalroute-category-clean .globalroute-category-icon2 {
        width: auto;
        height: 24px;
    }
    
    .globalroute-category-btn2.globalroute-category-clean .globalroute-category-icon2 img {
        width: auto;
        height: 100%;
    }
    
    .globalroute-category-btn2.globalroute-category-clean .globalroute-category-label2 {
        width: auto !important;
        height: auto !important;
        text-align: justify !important;
        color: #1B1B1B !important;
        font-size: 16px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        word-wrap: break-word !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Estados activos e inactivos para botones de categorías en workstations */
    .globalroute-category-btn2.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: none !important;
        transform: scale(1.02) !important;
        box-shadow: 0 4px 12px rgba(0, 94, 254, 0.2) !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-icon2 {
        background: none !important;
    }
    
    .globalroute-category-btn2.inactive {
        background: transparent !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
        opacity: 0.7 !important;
    }
    
    .globalroute-category-btn2.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* Estados específicos para centros de limpieza en workstations */
    .globalroute-category-btn2.globalroute-category-clean.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: 0.50px solid #005EFE !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive {
        background: #FDFDFE !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* POIs en el mapa */
    img[src*="wash_1.png"] {
        width: 54px !important; /* 36px * 1.5 */
        height: 65px !important; /* 43px * 1.5 */
    }
    
    img[src*="parking_1.png"] {
        width: 54px !important; /* 36px * 1.5 */
        height: 65px !important; /* 43px * 1.5 */
    }
    
    /* POIs seleccionados en el mapa */
    img[src*="wash_2.png"] {
        width: 54px !important; /* 36px * 1.5 */
        height: 65px !important; /* 43px * 1.5 */
    }
    
    img[src*="parking_2.png"] {
        width: 54px !important; /* 36px * 1.5 */
        height: 65px !important; /* 43px * 1.5 */
    }
    
    .globalroute-poi-card-icon {
        width: 63px !important; /* 42px * 1.5 */
        height: 75px !important; /* 50px * 1.5 */
    }
    
    .globalroute-poi-card-icon img {
        width: 63px !important; /* 42px * 1.5 */
        height: 75px !important; /* 50px * 1.5 */
    }
    
    .globalroute-poi-icon {
        width: 63px !important; /* 42px * 1.5 */
        height: 75px !important; /* 50px * 1.5 */
    }
    
    .globalroute-poi-icon img {
        width: 63px !important; /* 42px * 1.5 */
        height: 75px !important; /* 50px * 1.5 */
    }
    
    /* Tarjeta POI */
    .globalroute-poi-card {
        max-width: 720px; /* 480px * 1.5 */
        min-width: 480px; /* 320px * 1.5 */
        border-radius: 30px 30px 0 0; /* 20px * 1.5 */
        padding: 0 0 30px 0; /* 0 0 20px * 1.5 */
    }
    
    .globalroute-poi-card-bar {
        width: 84px; /* 56px * 1.5 */
        height: 9px; /* 6px * 1.5 */
        border-radius: 5px; /* 3px * 1.5 */
        margin: 18px auto 12px auto; /* 12px * 1.5, 8px * 1.5 */
    }
    
    .globalroute-poi-card-content {
        padding: 0 24px; /* 0 16px * 1.5 */
    }
    
    .globalroute-poi-card-title {
        font-size: 27px; /* 18px * 1.5 */
        line-height: 36px; /* 24px * 1.5 */
    }
    
    .globalroute-poi-card-address {
        font-size: 18px; /* 12px * 1.5 */
        line-height: 27px; /* 18px * 1.5 */
    }
    
    .globalroute-poi-card-distance {
        font-size: 16px; /* 11px * 1.5 */
        padding: 6px 15px; /* 4px * 1.5, 10px * 1.5 */
        border-radius: 15px; /* 10px * 1.5 */
    }
    
    .globalroute-poi-card-rating-value {
        font-size: 21px; /* 14px * 1.5 */
    }
    
    .globalroute-poi-card-rating-stars {
        font-size: 22px; /* 15px * 1.5 */
    }
    
    .globalroute-poi-card-rating-count {
        font-size: 18px; /* 12px * 1.5 */
    }
    
    .globalroute-poi-card-buttons {
        gap: 18px; /* 12px * 1.5 */
    }
    
    .globalroute-poi-card-btn-outline,
    .globalroute-poi-card-btn-primary {
        padding: 18px 36px; /* 12px * 1.5, 24px * 1.5 */
        font-size: 21px; /* 14px * 1.5 */
        border-radius: 18px; /* 12px * 1.5 */
    }
    
    /* Botón de ubicación */
    .globalroute-location-btn {
        width: 72px; /* 48px * 1.5 */
        height: 72px; /* 48px * 1.5 */
        border-radius: 36px; /* 24px * 1.5 */
    }
    
    .globalroute-location-btn svg {
        width: 36px; /* 24px * 1.5 */
        height: 36px; /* 24px * 1.5 */
    }
    
    .globalroute-location-btn span {
        font-size: 18px; /* 12px * 1.5 */
    }
    
    /* Opiniones */
    .globalroute-opinions-container {
        max-height: 570px; /* 380px * 1.5 */
    }
    
    .opinion-item {
        padding: 21px; /* 14px * 1.5 */
    }
    
    .user-avatar {
        width: 53px; /* 35px * 1.5 */
        height: 53px; /* 35px * 1.5 */
    }
    
    .opinion-text {
        font-size: 20px; /* 13px * 1.5 */
    }
}

/* =========================
   ESTILOS ESPECÍFICOS PARA PANTALLAS GRANDES (1440px+)
   ========================= */

@media (min-width: 1440px) {
    
    /* Contenedor principal */
    .globalroute-content {
        max-width: 1400px;
        padding: 40px;
    }
    
    /* Tarjeta POI */
    .globalroute-poi-card {
        max-width: 800px;
        min-width: 600px;
    }
    
    /* Botones de categorías más grandes */
    .globalroute-category-btn2 {
        padding: 20px 28px;
        font-size: 24px;
        line-height: 30px;
    }
    
    .globalroute-category-btn2.globalroute-category-parking,
    .globalroute-category-btn2.globalroute-category-clean {
        width: 250px;
        height: 60px;
    }
    
    /* Estados activos e inactivos para botones de categorías en pantallas grandes */
    .globalroute-category-btn2.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: none !important;
        transform: scale(1.02) !important;
        box-shadow: 0 4px 12px rgba(0, 94, 254, 0.2) !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-icon2 {
        background: none !important;
    }
    
    .globalroute-category-btn2.inactive {
        background: transparent !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
        opacity: 0.7 !important;
    }
    
    .globalroute-category-btn2.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* Estados específicos para centros de limpieza en pantallas grandes */
    .globalroute-category-btn2.globalroute-category-clean.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: 0.50px solid #005EFE !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive {
        background: #FDFDFE !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* POIs más grandes */
    img[src*="wash_1.png"],
    img[src*="parking_1.png"] {
        width: 60px !important;
        height: 72px !important;
    }
    
    .globalroute-poi-card-icon,
    .globalroute-poi-icon {
        width: 70px !important;
        height: 84px !important;
    }
    
    .globalroute-poi-card-icon img,
    .globalroute-poi-icon img {
        width: 70px !important;
        height: 84px !important;
    }
}

/* =========================
   ESTILOS PARA PANTALLAS MUY GRANDES (1920px+)
   ========================= */

@media (min-width: 1920px) {
    
    /* Contenedor principal */
    .globalroute-content {
        max-width: 1600px;
        padding: 50px;
    }
    
    /* Tarjeta POI */
    .globalroute-poi-card {
        max-width: 900px;
        min-width: 700px;
    }
    
    /* Botones de categorías aún más grandes */
    .globalroute-category-btn2 {
        padding: 24px 32px;
        font-size: 28px;
        line-height: 36px;
    }
    
    .globalroute-category-btn2.globalroute-category-parking,
    .globalroute-category-btn2.globalroute-category-clean {
        width: 300px;
        height: 72px;
    }
    
    /* Estados activos e inactivos para botones de categorías en pantallas muy grandes */
    .globalroute-category-btn2.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: none !important;
        transform: scale(1.02) !important;
        box-shadow: 0 4px 12px rgba(0, 94, 254, 0.2) !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.active .globalroute-category-icon2 {
        background: none !important;
    }
    
    .globalroute-category-btn2.inactive {
        background: transparent !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
        opacity: 0.7 !important;
    }
    
    .globalroute-category-btn2.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* Estados específicos para centros de limpieza en pantallas muy grandes */
    .globalroute-category-btn2.globalroute-category-clean.active {
        background: #005EFE !important;
        color: #FFFFFF !important;
        border: 0.50px solid #005EFE !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.active .globalroute-category-label2 {
        color: #FFFFFF !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive {
        background: #FDFDFE !important;
        color: #1B1B1B !important;
        border: 0.50px solid #1B1B1B !important;
    }
    
    .globalroute-category-btn2.globalroute-category-clean.inactive .globalroute-category-label2 {
        color: #1B1B1B !important;
    }
    
    /* POIs aún más grandes */
    img[src*="wash_1.png"],
    img[src*="parking_1.png"] {
        width: 72px !important;
        height: 86px !important;
    }
    
    .globalroute-poi-card-icon,
    .globalroute-poi-icon {
        width: 84px !important;
        height: 100px !important;
    }
    
    .globalroute-poi-card-icon img,
    .globalroute-poi-icon img {
        width: 84px !important;
        height: 100px !important;
    }
}

/* =========================
   OPTIMIZACIONES DE RENDIMIENTO
   ========================= */

/* Optimización para pantallas de alta densidad */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .globalroute-category-icon2 img,
    .globalroute-poi-card-icon img,
    .globalroute-poi-icon img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Soporte para preferencias de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    .globalroute-poi-card,
    .globalroute-category-btn2,
    .globalroute-back-btn-flex,
    .globalroute-location-btn {
        transition: none !important;
        animation: none !important;
    }
    
    .globalroute-poi-card-bar:hover,
    .globalroute-category-btn2:hover,
    .globalroute-back-btn-flex:hover,
    .globalroute-location-btn:hover {
        transform: none !important;
    }
}

/* Optimización para modo oscuro en tablets y workstations */
@media (prefers-color-scheme: dark) and (min-width: 768px) {
    .globalroute-poi-card {
        background: #1a1a1a;
        color: #e0e0e0;
    }
    
    .globalroute-poi-card-title {
        color: #ffffff;
    }
    
    .globalroute-poi-card-address {
        color: #b0b0b0;
    }
    
    .globalroute-category-btn2 {
        background: #2d2d2d;
        color: #e0e0e0;
        border-color: #404040;
    }
    
    .globalroute-category-btn2.active {
        background: #005EFE;
        color: #ffffff;
    }
}