/* Logística en Reciclaje SLP — diseño Premium aprobado: ajustes comunes.
   Extraída del export «Premium Original recuperada sin cambios»; reglas sin modificar.
   Se carga después de styles.css. */
@media (max-width:700px){.ip-photos-item img{height:220px}}.ip-photos-item img{object-fit:cover}.ip-hero-photo img{object-position:center center}.about-infra-card img{object-fit:cover}body.interior-premium .ip-hero-actions .btn-ghost-sm{display:inline-flex;align-items:center;justify-content:center;background:#bde780;color:#143826;text-decoration:none;font:700 13px DM Sans,Arial,sans-serif;min-height:50px;padding:13px 23px;border-radius:3px}body.interior-premium .ip-hero-actions .btn-ghost-sm:hover{background:#dbf3ba}body.interior-premium .ip-hero-actions .scrolldown{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,255,255,.72);padding:13px 22px;min-height:50px;border-radius:3px;color:#fff;font:700 13px DM Sans,Arial,sans-serif}body.interior-premium .ip-hero-actions .scrolldown:hover{background:rgba(255,255,255,.12)}
/* Ajustes autorizados por CeAche Systems (2026-10-16).
   07 — Contacto: el bloque de texto de la portada va arriba y a la izquierda, alineado con el
   contenedor de las páginas interiores. Foto, tipografía, colores y alto de la portada sin cambios. */
body.ip-contact .ip-contact-hero{align-items:flex-start}
body.ip-contact .ip-contact-hero-inner{width:100%;margin-inline:auto;padding-top:clamp(44px,6vw,88px)!important;padding-bottom:clamp(44px,6vw,88px)!important}
/* Logotipo oficial del cliente (opción C, CeAche Systems 2026-10-16): logo-cliente.jpg sin alterar.
   El archivo trae fondo #f7f7f7: en el header claro se integra; en el footer oscuro va sobre una
   placa del mismo color para que no se lea como un recorte. !important porque las capas Premium
   fijan el tamaño del isotipo con selectores de página. */
.site-nav .brand{min-width:0!important;gap:0!important}
.site-nav .brand-picture{width:auto!important;height:auto!important;flex:0 0 auto!important;display:block!important}
.site-nav .brand img.mark{width:80px!important;height:80px!important;max-width:none!important;object-fit:contain;border-radius:8px}
@media (max-width:780px){.site-nav .brand img.mark{width:60px!important;height:60px!important}}
.v2-footer-brand img.brand-logo-oficial{width:104px!important;height:104px!important;max-width:none!important;flex:0 0 104px!important;object-fit:contain;background:#f7f7f7;border-radius:10px;padding:6px;box-sizing:border-box}
/* «Solicitar cotización» → formulario de Contacto (contacto-form.js): html ya reserva 96 px
   (scroll-padding-top) para el encabezado fijo (86 px escritorio / 74 px móvil); este margen
   añade el respiro entre el encabezado y el inicio de #formulario. */
#formulario{scroll-margin-top:16px}
#formulario:focus{outline:none}