/* ALLIANCE — Drilling Rig Opportunity Site
   Base styles complementing Tailwind (auto-hospedado, compilado localmente
   en /static/tailwind.css — ver Layout.tsx). */

/* CORRECCIÓN (compatibilidad Asia/China continental): tipografías
   auto-hospedadas en /static/fonts/ en vez de fonts.googleapis.com, que
   está bloqueado en China continental. font-display: swap evita bloqueo de
   render mientras cargan. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/inter-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/inter-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/inter-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/inter-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/static/fonts/inter-latin-800-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/noto-sans-sc-chinese-simplified-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/noto-sans-sc-chinese-simplified-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/noto-sans-sc-chinese-simplified-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/noto-sans-sc-chinese-simplified-700-normal.woff2') format('woff2');
}

:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
}

.font-zh,
.font-zh * {
  font-family: 'Noto Sans SC', 'Inter', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
}

/* Skip link for accessibility */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #1c2733;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 100;
}
.skip-link:focus {
  left: 0;
}

/* Accordion */
.accordion-panel.open {
  display: block;
}
.accordion-chevron.rotated {
  transform: rotate(180deg);
}

/* Persistent CTA (corrección §6 crítica): en pantallas pequeñas se reduce a
   un botón circular compacto (44px+ de área táctil) anclado a la esquina,
   sin cubrir "Ver especificaciones" ni filas de tablas. */
#persistent-cta {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

@media (max-width: 639px) {
  #persistent-cta {
    bottom: max(0.75rem, env(safe-area-inset-bottom));
    right: 0.75rem;
  }
}

/* Mobile menu animation */
#mobile-menu {
  transition: all 0.2s ease;
}

/* Table readability on small screens */
table {
  border-collapse: collapse;
}

/* Focus visibility for interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #2c8c7f;
  outline-offset: 2px;
}

/* Print-friendly (in case a buyer prints the spec sheet) */
@media print {
  #site-header,
  #persistent-cta,
  footer {
    display: none !important;
  }
}