#cotizador-wp-container {
    max-width: 900px;
    margin: 2rem auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
#cotizador-wp-container h2 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    color: #0056b3;
}
#cotizador-wp-container label {
    font-weight: 600;
    margin-right: 0.5rem;
    display: block;
    margin-top: 1rem;
}
#tipo-arancel, #categoria, #buscador {
    padding: 0.6rem;
    margin: 0.5rem 0 1rem 0;
    width: 100%;
    max-width: 500px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
}
#buscador:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
}
.cotizador-cargando {
    text-align: center;
    padding: 2rem;
    color: #666;
}
.cotizador-cargando i {
    margin-right: 0.5rem;
    color: #0056b3;
}
.aviso {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
    padding: 1rem;
    border-radius: 4px;
    margin: 1rem 0;
}
.aviso-arancel-particular {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
    margin-bottom: 1.5rem;
}
.btn-descargar-arancel {
    display: inline-block;
    margin-top: 0.8rem;
    padding: 0.6rem 1.2rem;
    background-color: #dc3545;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
}
.btn-descargar-arancel:hover {
    background-color: #c82333;
}
.lista-cotizador {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 1.5rem;
}
.cotizador-item {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem;
    background-color: #fff;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto auto;
    gap: 0.4rem;
    align-items: start;
}
.cotizador-item.particular { border-left: 4px solid #0056b3; }
.cotizador-item.libre_eleccion { border-left: 4px solid #28a745; }
.cotizador-item.pad { border-left: 4px solid #ffc107; }
.etiqueta-tipo {
    grid-row: 1;
    grid-column: 1;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    color: #fff;
}
.etiqueta-particular { background-color: #0056b3; }
.etiqueta-libre_eleccion { background-color: #28a745; }
.etiqueta-pad { background-color: #ffc107; color: #000; }
.cotizador-categoria {
    grid-row: 1;
    grid-column: 2;
    font-size: 0.85rem;
    color: #666;
    text-align: right;
}
.cotizador-codigo {
    grid-row: 2;
    grid-column: 1 / span 2;
    font-weight: 700;
    font-size: 0.95rem;
    color: #333;
}
.cotizador-nombre {
    grid-row: 3;
    grid-column: 1 / span 2;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.4;
}
.cotizador-valores {
    grid-row: 2 / span 2;
    grid-column: 3;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.cotizador-valor { font-size: 0.9rem; }
.valor-etiqueta { font-weight: 600; color: #666; margin-right: 0.3rem; }
.valor-numero { font-weight: 700; color: #0056b3; }
#descargas-arancel {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}
.button-cotizador {
    display: inline-block;
    padding: 0.6rem 1.2rem;
    background-color: #0056b3;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
}
.button-cotizador:hover { background-color: #003d80; }
.button-cotizador i { margin-right: 0.4rem; }
@media (max-width: 600px) {
    .cotizador-item {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .etiqueta-tipo, .cotizador-categoria, .cotizador-codigo, .cotizador-nombre, .cotizador-valores {
        grid-column: 1;
        grid-row: auto;
    }
    .cotizador-valores { text-align: left; margin-top: 0.5rem; }
}