/* Ajustes del borrador de auditoría. Todo lo de este archivo es nuevo respecto del sitio publicado. */

/* La textura binaria de fondo se queda (decisión de Juan, 2026-10-24) */

/* Entradas animadas más breves: el contenido no queda oculto mientras aparece */
.rv { transition-duration: .45s !important; }
.rv:not(.in) { transform: translateY(12px) !important; }
.rv-img { transition-duration: .6s !important; }

/* Anclas bajo el encabezado fijo */
#inspecciones, #cotizar, #obras { scroll-margin-top: 88px; }

/* M2: firma en el pie */
.firma-built { margin-top: 10px !important; }
.firma-built b { color: #1FB6BC; font-weight: inherit; }

/* M10: botón flotante que no tapa contenido */
.wa-flotante { transition: opacity .25s, transform .25s; }
.wa-flotante.wa-oculto { opacity: 0; transform: translateY(16px); pointer-events: none; }
@media (max-width: 760px) { footer { padding-bottom: 104px !important; } }

/* A5: en celular, las fichas de Obras en formato vertical para que la foto se vea */
@media (max-width: 760px) {
  .mosaico3 figure.ph { aspect-ratio: 4/5 !important; }
  .mosaico3 > div:last-child figure.ph { aspect-ratio: 1/1 !important; }
}

/* B4: contacto en celular, el número cabe en una línea */
@media (max-width: 760px) {
  a[style*="font-size: 26px"], a[style*="font-size: 28px"] { font-size: 21px !important; }
}

/* A3: estado del formulario */
#form-estado { margin: 0; font-size: 15.5px; line-height: 1.5; }
#form-estado:empty { display: none; }
#form-estado.ok { padding: 14px 16px; border-radius: 8px; background: #E6F6F6; color: #0B4A4E; }
#form-estado.error { padding: 14px 16px; border-radius: 8px; background: #FBEBEB; color: #7A1F1F; }
#cotizar select { appearance: auto; }
#cotizar input:user-invalid, #cotizar textarea:user-invalid { border-color: #C0392B !important; }
#cotizar button[disabled] { opacity: .7; cursor: progress; }

/* Marca del borrador (solo local) */
.marca-borrador {
  position: fixed; left: 16px; bottom: 16px; z-index: 60; display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 14px; border-radius: 999px; background: #F5B700; color: #1A1400; font: 600 13.5px/1 'IBM Plex Sans', system-ui, sans-serif;
  text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.18);
}
.marca-borrador:hover { color: #1A1400; background: #FFC82E; }