/* ISM - IVA por cliente. */

.fh-iva-resumen,
.fh-iva-aviso {
    margin: 18px 0;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(31, 50, 65, 0.05);
}

.fh-iva-resumen {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe7eb;
}

.fh-iva-resumen header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    background: #f7f9fb;
    border-bottom: 1px solid #e3e9ed;
}

.fh-iva-icono {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    background: #165c7d;
    border-radius: 9px;
    color: #fff;
}

.fh-iva-icono i {
    color: #fff !important;
}

.fh-iva-resumen header strong,
.fh-iva-resumen header small {
    display: block;
}

.fh-iva-resumen header strong {
    color: #1f3443;
    font-size: 14px;
}

.fh-iva-resumen header small {
    margin-top: 2px;
    color: #74818a;
    font-size: 11px;
}

.fh-iva-importes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #e8edf0;
}

.fh-iva-importes > div {
    padding: 15px 18px;
    background: #fff;
}

.fh-iva-importes span,
.fh-iva-importes strong {
    display: block;
}

.fh-iva-importes span {
    margin-bottom: 4px;
    color: #85919a;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.fh-iva-importes strong {
    color: #263b48;
    font-size: 14px;
}

.fh-iva-importes .fh-iva-total {
    background: #edf6fa;
}

.fh-iva-importes .fh-iva-total strong {
    color: #165c7d;
    font-size: 16px;
}

.fh-iva-clausula {
    padding: 15px 18px;
    background: #fff9f4;
    border-top: 1px solid #f0d9c8;
}

.fh-iva-clausula strong {
    color: #c55b15;
    font-size: 11px;
    text-transform: uppercase;
}

.fh-iva-clausula p {
    margin: 5px 0 0;
    color: #5c6972;
    font-size: 12px;
    line-height: 1.55;
}

.fh-iva-aviso {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 18px;
    background: #fff7f1;
    border: 1px solid #f0d4bf;
    border-left: 5px solid #e87722;
    color: #4d5e69;
}

.fh-iva-aviso > i {
    margin-top: 2px;
    color: #e87722;
    font-size: 20px;
}

.fh-iva-aviso strong {
    display: block;
    color: #1f3443;
    font-size: 14px;
}

.fh-iva-aviso p {
    margin: 4px 0 6px;
    font-size: 12px;
    line-height: 1.5;
}

.fh-iva-aviso a {
    color: #165c7d;
    font-size: 12px;
    font-weight: 700;
}

.fh-iva-pedido {
    margin: 0 0 18px;
}

@media (max-width: 575px) {
    .fh-iva-importes {
        grid-template-columns: 1fr;
    }
}

/* Checkout: información fiscal tras los totales. */
.fh-iva-resumen-checkout {
    margin: 14px 0 0;
    border-color: #d7e3e9;
    box-shadow: none;
}

.fh-iva-resumen-checkout header {
    padding: 13px 16px;
}

.fh-iva-resumen-checkout .fh-iva-icono {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
}

.fh-iva-linea-checkout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 17px;
    background: #fff;
}

.fh-iva-linea-checkout span {
    color: #566872;
    font-size: 12px;
    font-weight: 700;
}

.fh-iva-linea-checkout strong {
    color: #165c7d;
    font-size: 14px;
}

.fh-iva-resumen-checkout .fh-iva-clausula {
    padding: 13px 17px;
}

.fh-iva-resumen-checkout .fh-iva-clausula p {
    font-size: 11px;
}


/* ISM - Tabla fiscal checkout. */

.fh-iva-tabla-fiscal {
    width: 100%;
    margin: 18px 0 0;
    padding-top: 18px;
    border-top: 1px solid #dfe4e7;
}

.fh-iva-tabla-titulo {
    margin-bottom: 10px;
    color: #1f3443;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.fh-iva-tabla-contenedor {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dee2;
    border-radius: 7px;
}

.fh-iva-tabla {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.fh-iva-tabla thead th {
    padding: 10px 11px;
    background: #f2f4f5;
    border: 0;
    border-bottom: 2px solid #59636a;
    color: #20272c;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase;
    vertical-align: bottom;
}

.fh-iva-tabla thead th:nth-child(1) {
    width: 22%;
}

.fh-iva-tabla thead th:nth-child(2) {
    width: 58%;
}

.fh-iva-tabla thead th:nth-child(3) {
    width: 20%;
}

.fh-iva-tabla tbody td {
    padding: 13px 11px;
    background: #fff;
    border: 0;
    color: #4a5962;
    font-size: 11px;
    line-height: 1.55;
    vertical-align: top;
}

.fh-iva-tabla-tipo strong,
.fh-iva-tabla-tipo small {
    display: block;
}

.fh-iva-tabla-tipo strong {
    color: #1f3443;
    font-size: 11px;
    font-weight: 700;
}

.fh-iva-tabla-tipo small {
    margin-top: 3px;
    color: #697780;
    font-size: 10px;
}

.fh-iva-tabla-clausula {
    border-left: 1px solid #e3e7e9 !important;
    border-right: 1px solid #e3e7e9 !important;
}

.fh-iva-tabla-importe {
    text-align: right !important;
    white-space: nowrap;
}

.fh-iva-tabla tbody .fh-iva-tabla-importe strong {
    color: #1f3443;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .fh-iva-tabla thead th,
    .fh-iva-tabla tbody td {
        padding: 9px 7px;
        font-size: 9px;
    }

    .fh-iva-tabla thead th:nth-child(1) {
        width: 24%;
    }

    .fh-iva-tabla thead th:nth-child(2) {
        width: 54%;
    }

    .fh-iva-tabla thead th:nth-child(3) {
        width: 22%;
    }
}

/* ISM - Color de la tabla fiscal. */

.fh-iva-tabla-titulo {
    padding-left: 10px;
    border-left: 4px solid #e87722;
    color: #165c7d !important;
}

.fh-iva-tabla thead th {
    background: #165c7d !important;
    border-bottom-color: #104761 !important;
    color: #fff !important;
}

.fh-iva-tabla tbody td {
    background: #fff !important;
}

.fh-iva-tabla tbody .fh-iva-tabla-tipo {
    background: #f1f7fa !important;
}

.fh-iva-tabla tbody .fh-iva-tabla-tipo strong {
    color: #165c7d !important;
}

.fh-iva-tabla tbody .fh-iva-tabla-importe {
    background: #fff7f1 !important;
}

.fh-iva-tabla tbody .fh-iva-tabla-importe strong {
    color: #d66317 !important;
}

.fh-iva-tabla-clausula {
    color: #4f606a !important;
}