/* IOplat. Páginas «sistema de facturación» (/sistema-de-facturacion/): las enlaza inc/intencion_facturacion.php.
   Prefijo sf- para no chocar con css/style.css, que se carga antes. */
.sf{color:var(--color-gray-800)}
.sf section{padding-block:var(--space-16)}
.sf h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}
.sf a.sf-enlace,.sf-texto a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}
.sf a.sf-enlace:hover,.sf-texto a:hover{color:var(--color-secondary)}
.sf .sf-cabecera{padding-top:calc(var(--space-24) + var(--space-4));background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}
.sf-cabecera__rejilla{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-12);align-items:start}
.sf-migas ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-6)}
.sf-migas li+li::before{content:'›';margin-right:.5rem;color:var(--color-gray-500)}
.sf-migas a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}
.sf-cabecera h1{margin-bottom:var(--space-5);text-wrap:balance}
.sf-entrada{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-gray-700);max-width:38rem;margin-bottom:var(--space-8)}
.sf-acciones{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.sf-estado{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--space-4)}
.sf-factura{margin:0;background:var(--color-white);border:1px solid var(--color-gray-300);padding:var(--space-6);font-size:var(--font-size-sm);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sf-factura__cab{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem;border-bottom:2px solid var(--color-gray-800);padding-bottom:var(--space-3);margin-bottom:var(--space-3)}
.sf-factura__tipo{font-weight:700;font-size:var(--font-size-lg);color:var(--color-gray-900)}
.sf-factura__num{font-variant-numeric:tabular-nums;color:var(--color-gray-700)}
.sf-factura__doc{color:var(--color-gray-600);margin:var(--space-3) 0 0}
.sf-factura__datos{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1rem;margin:0 0 var(--space-4)}
.sf-factura__datos dt{color:var(--color-gray-600)}
.sf-factura__datos dd{color:var(--color-gray-900);overflow-wrap:anywhere}
.sf-factura table{width:100%;border-collapse:collapse}
.sf-factura th{font-weight:600;text-align:left;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-300);padding:.35rem 0}
.sf-factura td{padding:.5rem 0;border-bottom:1px solid var(--color-gray-100);vertical-align:top;color:var(--color-gray-800)}
.sf-factura .sf-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:.75rem}
.sf-factura td small{display:block;color:var(--color-gray-600);font-variant-numeric:tabular-nums}
.sf-factura__totales{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;margin:var(--space-3) 0 0}
.sf-factura__totales dt{text-align:right;color:var(--color-gray-600)}
.sf-factura__totales dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-gray-900)}
.sf-factura__totales .sf-total{font-weight:700;font-size:var(--font-size-base);border-top:1px solid var(--color-gray-800);padding-top:.35rem}
.sf-factura figcaption{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-gray-600)}
.sf-seccion{border-bottom:1px solid var(--color-gray-200)}
.sf-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}
.sf-dos h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-5)}
.sf-ficha{display:grid;grid-template-columns:minmax(8.5rem,auto) minmax(0,1fr);border-top:1px solid var(--color-gray-200)}
.sf-ficha dt,.sf-ficha dd{padding:.8rem 0;border-bottom:1px solid var(--color-gray-200)}
.sf-ficha dt{color:var(--color-gray-600);font-size:var(--font-size-sm);padding-right:1rem}
.sf-ficha dd{color:var(--color-gray-900);font-weight:500}
.sf-ficha dd span{display:block;font-weight:400;color:var(--color-gray-600);font-size:var(--font-size-sm);margin-top:.15rem}
.sf-lista{border-top:1px solid var(--color-gray-200)}
.sf-lista li{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-800)}
.sf-lista li svg{flex-shrink:0;margin-top:.2rem;color:var(--color-primary-dark)}
.sf-texto{margin-top:var(--space-5);color:var(--color-gray-700)}
.sf-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--color-gray-800)}
.sf-plan{padding:var(--space-6) var(--space-6) var(--space-6) 0;border-bottom:1px solid var(--color-gray-200)}
.sf-plan+.sf-plan{padding-left:var(--space-6);border-left:1px solid var(--color-gray-200)}
.sf-plan h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}
.sf-plan__precio{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin:0}
.sf-plan__precio span{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-600)}
.sf-plan__anual{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:.15rem 0 var(--space-3)}
.sf-plan p:last-child{color:var(--color-gray-700)}
.sf-faq{max-width:50rem}
.sf-faq__item{padding:var(--space-6) 0;border-bottom:1px solid var(--color-gray-200)}
.sf-faq__item:first-child{border-top:1px solid var(--color-gray-200)}
.sf-faq h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}
.sf-faq p{color:var(--color-gray-700);line-height:var(--line-height-relaxed)}
.sf-paises{border-top:1px solid var(--color-gray-200)}
.sf-paises li a{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(0,9rem) minmax(0,9rem);gap:.5rem 1.5rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-800)}
.sf-paises li a:hover .sf-paises__nombre{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}
.sf-paises__nombre{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--color-gray-900)}
.sf-paises__nombre svg{flex-shrink:0}
.sf-paises__dato{color:var(--color-gray-700)}
.sf-paises__estado{color:var(--color-gray-600);font-size:var(--font-size-sm)}
.sf-paises__estado--venta{color:var(--color-primary-dark);font-weight:600}
.sf-paises__cab{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(0,9rem) minmax(0,9rem);gap:.5rem 1.5rem;padding:0 0 .5rem;font-size:var(--font-size-sm);color:var(--color-gray-600)}
.sf-cierre{background:var(--color-secondary-dark);color:var(--color-white)}
.sf-cierre h2{color:var(--color-white);margin-bottom:var(--space-3)}
.sf-cierre p{color:rgba(255,255,255,.82);max-width:40rem;margin-bottom:var(--space-6)}
.sf-cierre .btn-outline{color:var(--color-white);border-color:rgba(255,255,255,.45)}
.sf-cierre .btn-outline:hover{background:rgba(255,255,255,.08);color:var(--color-white);border-color:var(--color-white)}
@media (max-width:899px){
  .sf-cabecera__rejilla,.sf-dos{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}
  .sf-planes{grid-template-columns:minmax(0,1fr)}
  .sf-plan,.sf-plan+.sf-plan{padding:var(--space-5) 0;border-left:0}
  .sf-paises__cab{display:none}
  .sf-paises li a{grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem}
  .sf-paises__dato{grid-column:1/-1;font-size:var(--font-size-sm)}
  .sf-paises__estado{grid-column:2;grid-row:1;text-align:right}
}
@media (max-width:480px){
  .sf-acciones .btn{width:100%}
  .sf-factura{padding:var(--space-4)}
  .sf-ficha{grid-template-columns:minmax(0,1fr)}
  .sf-ficha dt{border-bottom:0;padding-bottom:0}
}