/* ============================================================
   PhAIMaT — Zona de recepción de entregas
   Marca para el cliente web de SFTPGo (enlaces públicos).

   Se carga como branding.web_client.extra_css. NO modifica las
   plantillas de SFTPGo: solo redefine variables del tema Metronic
   y las superficies que el cliente realmente ve (sharelogin y
   shareupload).

   Tipografías auto-hospedadas a propósito: esta página la abre un
   tercero para depositar datos personales sensibles y no tiene por
   qué anunciar cada visita a un servidor ajeno. Inter ya viene con
   SFTPGo; aquí solo se agrega Poppins para los títulos.

   Paleta tomada de phaimatlabs.com.
   ============================================================ */

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Paleta ──────────────────────────────────────────────────
   Se fuerza en los tres selectores para que la apariencia no
   dependa de si el navegador del cliente está en modo claro. */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-body-bg: #0a0a0a;
    --bs-body-bg-rgb: 10, 10, 10;
    --bs-body-color: #f0f0f0;
    --bs-body-color-rgb: 240, 240, 240;
    --bs-secondary-color: #a0a0a0;
    --bs-heading-color: #f0f0f0;

    --bs-border-color: #2c2c2c;
    --bs-border-color-translucent: rgba(255, 255, 255, .08);

    --bs-primary: #00e5e5;
    --bs-primary-rgb: 0, 229, 229;
    --bs-primary-active: #4dd0e1;
    --bs-primary-light: #003d4d;
    --bs-primary-inverse: #04121a;

    --bs-card-bg: #1a1a1a;
    --bs-light: #1a1a1a;
    --bs-light-rgb: 26, 26, 26;

    --bs-link-color: #00e5e5;
    --bs-link-hover-color: #4dd0e1;
}

body {
    background-color: #0a0a0a;
    color: #f0f0f0;
}

/* ── Títulos en Poppins, como el sitio ─────────────────────── */
h1, h2, h3, h4, h5,
.card-title,
.section-title,
.fw-bold, .fw-bolder, .fw-semibold {
    font-family: 'Poppins', Inter, Helvetica, sans-serif;
    letter-spacing: -.01em;
}

/* ── Tarjeta ───────────────────────────────────────────────── */
.card {
    background-color: #1a1a1a;
    border: 1px solid #2c2c2c;
    border-radius: 14px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .03), 0 18px 50px rgba(0, 0, 0, .55);
}
.card-header,
.card-header.bg-light {
    background-color: #141414 !important;
    border-bottom: 1px solid #2c2c2c;
    border-radius: 14px 14px 0 0;
}
.card-title, .card-title.section-title {
    color: #f0f0f0;
    font-size: 1.05rem;
}

/* La plantilla fija estos grises pensando en fondo claro. */
.text-gray-900, .text-gray-800, .text-gray-700 { color: #f0f0f0 !important; }
.text-gray-600, .text-gray-500, .text-muted    { color: #a0a0a0 !important; }
.text-primary                                   { color: #00e5e5 !important; }

/* ── Zona de arrastre ──────────────────────────────────────── */
.dropzone {
    background-color: #101010;
    border: 1.5px dashed #2c2c2c;
    border-radius: 12px;
    transition: border-color .15s ease, background-color .15s ease;
}
.dropzone:hover {
    border-color: #00e5e5;
    background-color: #0d1414;
}
.dropzone .dz-message { color: #a0a0a0; }
.dropzone .dz-preview .dz-details,
.dropzone .dz-preview .dz-filename { color: #f0f0f0; }

/* ── Botones ───────────────────────────────────────────────── */
.btn.btn-primary {
    background-color: #00e5e5;
    border-color: #00e5e5;
    color: #04121a;
    font-weight: 600;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:not(.btn-active):active {
    background-color: #4dd0e1 !important;
    border-color: #4dd0e1 !important;
    color: #04121a !important;
}
.btn.btn-light-primary {
    background-color: #003d4d;
    border-color: #003d4d;
    color: #4dd0e1;
}
.btn.btn-light-primary:hover { background-color: #005266; color: #00e5e5; }

/* ── Campo de contraseña del enlace protegido ──────────────── */
.form-control, .form-control:disabled, .form-control[readonly] {
    background-color: #101010;
    border: 1px solid #2c2c2c;
    color: #f0f0f0;
}
.form-control:focus {
    background-color: #101010;
    border-color: #00e5e5;
    color: #f0f0f0;
    box-shadow: 0 0 0 .2rem rgba(0, 229, 229, .15);
}
.form-control::placeholder { color: #6b6b6b; }
.form-label { color: #a0a0a0; }

/* ── Logo y nombre ─────────────────────────────────────────── */
img[alt="Logo"] { height: 56px !important; width: auto; }
.mb-12 .text-gray-800 {
    font-family: 'Poppins', Inter, Helvetica, sans-serif;
    color: #f0f0f0 !important;
    font-weight: 600;
}

/* ── Avisos ────────────────────────────────────────────────── */
.alert.alert-danger  { background-color: #2a1214; border-color: #5c2a2f; color: #ffb4b4; }
.alert.alert-success { background-color: #06231f; border-color: #12564c; color: #7ee8d5; }

/* ── Correcciones medidas sobre la página renderizada ─────────
   El layout de acceso no usa .card: el panel es un div .bg-body
   y el fondo lo pinta body.app-blank, cuyo selector le gana a
   "body" a secas. Ambos verificados con getComputedStyle. */
body,
body.app-blank {
    background-color: #0a0a0a !important;
}

.bg-body {
    background-color: #1a1a1a !important;
    border: 1px solid #2c2c2c;
}

.bg-body.rounded {
    border-radius: 14px !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .03), 0 18px 50px rgba(0, 0, 0, .55) !important;
}

img[alt="Logo"] { height: 64px !important; }