/* =====================================================================================================================
   LAS PANTALLAS DE ENTRADA de Reuniones + tareas (F2.3, 12/10/2026): pedir el enlace, «revisa tu correo», el botón del
   enlace, elegir la empresa, confirmar el correo nuevo y la administración.
   ESTRUCTURA copiada de Mis Casos Pro (assets/css/entrada.css, 29/9/2026, commit ccecd22): fondo con brillos suaves,
   logo arriba, tarjeta con el filo dorado que gira, botón ancho, avisos y la trampa para robots.
   ADAPTACIÓN (registro de adaptaciones): los COLORES y LETRAS son los de esta app (styles.css de Mis Casos Pro en sus
   dos modos: fichas --bg-main, --bg-card, --text-*, --gold-*), con modo claro y oscuro como la pantalla principal:
   html[data-theme="light"] = claro; sin el atributo = oscuro. La marca en letras es la de la cabecera
   (reuniones.css: .marca-texto). El acento es el dorado de la app (Mis Casos Pro usaba el vino de su landing).
   ===================================================================================================================== */
:root{
  color-scheme: dark;
  --paper:#0a0a0a; --card:#1a1a1a; --card-2:#141414;
  --ink:#ffffff; --ink-2:#cccccc; --muted:#999999; --line:rgba(255,255,255,.10);
  --gold:#C9A227; --gold-text:#e8d9a8; --gold-fill:#967D46; --gold-deep:#7a6335; --gold-line:rgba(150,125,70,.6);
  --campo:rgba(255,255,255,.05); --campo-borde:rgba(150,125,70,.55); --campo-foco:rgba(150,125,70,.25);
  --err-bg:rgba(244,67,54,.10); --err-borde:rgba(244,67,54,.35); --err-txt:#f5b7b1;
  --info-bg:rgba(150,125,70,.12); --info-borde:rgba(150,125,70,.38); --info-txt:#e8d9a8;
  --ok-bg:rgba(76,175,80,.12); --ok-borde:rgba(76,175,80,.35); --ok-txt:#a5d6a7;
  --brillo-1:rgba(150,125,70,.16); --brillo-2:rgba(101,86,195,.10); --brillo-3:rgba(150,125,70,.08);
  --sombra:0 60px 110px -50px rgba(0,0,0,.85),0 24px 44px -28px rgba(0,0,0,.6);
  --anillo-base:rgba(255,255,255,.08);
  --sans:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif:'Playfair Display', Georgia, serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
html[data-theme="light"]{
  color-scheme: light;
  --paper:#F4F2EC; --card:#FFFFFF; --card-2:#FAF8F2;
  --ink:#1E1E1E; --ink-2:#4C4840; --muted:#6B665C; --line:rgba(30,30,30,.11);
  --gold:#776337; --gold-text:#776337; --gold-fill:#8A7340; --gold-deep:#6B5730; --gold-line:rgba(119,99,55,.55);
  --campo:#FBFAF7; --campo-borde:rgba(30,30,30,.16); --campo-foco:rgba(119,99,55,.18);
  --err-bg:#FCEDEB; --err-borde:rgba(198,40,40,.25); --err-txt:#8E2A20;
  --info-bg:#FBF7EE; --info-borde:rgba(205,183,133,.55); --info-txt:#5E4F2B;
  --ok-bg:#EEF6F0; --ok-borde:rgba(47,125,79,.22); --ok-txt:#2F6B45;
  --brillo-1:rgba(150,125,70,.14); --brillo-2:rgba(75,63,168,.06); --brillo-3:rgba(150,125,70,.08);
  --sombra:0 60px 110px -50px rgba(80,66,36,.35),0 24px 44px -28px rgba(30,30,30,.22);
  --anillo-base:rgba(30,30,30,.09);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ent{margin:0;min-height:100vh;font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
body.ent::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(55% 40% at 50% 38%, var(--brillo-1), transparent 70%),
    radial-gradient(38% 26% at 8% 6%, var(--brillo-3), transparent 70%),
    radial-gradient(34% 24% at 94% 16%, var(--brillo-2), transparent 70%)}
a{color:inherit}
em{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.01em;color:var(--gold)}

.ent-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom,0px))}
.ent-logo{display:inline-flex;line-height:1;text-decoration:none}
.ent-volver{align-self:center;font-size:14px;color:var(--ink-2);text-decoration:none}
.ent-volver:hover{color:var(--ink)}
.ent-pie{margin:0;font-size:12.5px;letter-spacing:.06em;color:var(--muted);text-align:center}

/* la marca en letras (la de la cabecera de la app: reuniones.css .marca-texto) */
.marca-texto{align-items:center;font-family:var(--sans);font-size:23px;font-weight:400;letter-spacing:.05em;color:#F4F2EC;white-space:nowrap}
html[data-theme="light"] .marca-texto{color:#000}
.marca-texto .mt-cor{color:#AE9A6E;font-weight:300;font-size:1.16em;transform:translateY(-.03em)}
.marca-texto .mt-cor:first-child{margin-right:.06em}
.marca-texto .mt-pro{color:#E98EA0}

/* la tarjeta, con el filo dorado que gira (como el formulario de la landing de Mis Casos Pro) */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.ent-ring{width:100%;max-width:440px;padding:1.5px;border-radius:30px;
  background:conic-gradient(from var(--a),var(--anillo-base) 0deg 250deg,rgba(205,183,133,.5) 290deg,#E6CF96 318deg,rgba(205,183,133,.5) 334deg,var(--anillo-base) 360deg);
  animation:entRing 9s linear infinite;
  box-shadow:var(--sombra)}
.ent-ring.ancho{max-width:860px}
@keyframes entRing{to{--a:360deg}}
.ent-card{position:relative;border-radius:28.5px;background:var(--card);padding:clamp(26px,6vw,40px);text-align:left}
.ent-card.centro{text-align:center}

.ent-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ent-card h1{margin:8px 0 0;font-size:clamp(27px,6vw,33px);line-height:1.1;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
.ent-card h1 em{font-size:1.04em}
.ent-card h2{margin:28px 0 10px;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.ent-sub{margin:12px 0 0;font-size:16px;color:var(--ink-2);text-wrap:pretty}
.ent-sub strong{color:var(--ink);font-weight:600;word-break:break-word}

/* formulario */
.ent-form{display:grid;gap:12px;margin-top:22px}
.ent-field{position:relative;display:block}
.ent-field .ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--muted);pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ent-field input{width:100%;height:56px;padding:0 16px 0 46px;border-radius:15px;border:1px solid var(--campo-borde);background:var(--campo);font:inherit;font-size:16.5px;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.ent-field.sin-ico input{padding-left:16px}
.ent-field input::placeholder{color:var(--muted)}
.ent-field input:focus{outline:none;border-color:var(--gold-fill);box-shadow:0 0 0 4px var(--campo-foco)}
.ent-field input.pin{text-align:center;letter-spacing:.5em;font-size:22px;padding-left:16px}
.ent-etq{display:block;margin:0 0 6px 4px;font-size:13px;font-weight:600;color:var(--ink-2);text-align:left}

.ent-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:4px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold-fill),var(--gold-deep));color:#fff;font:inherit;font-size:16.5px;font-weight:700;letter-spacing:-.005em;text-decoration:none;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 -2px 0 rgba(0,0,0,.14) inset,0 14px 28px -12px rgba(122,99,53,.75),0 3px 6px rgba(80,66,36,.22);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),filter .2s}
.ent-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.ent-btn:active{transform:none}
.ent-btn[disabled]{opacity:.75;cursor:default;transform:none}
.ent-btn .ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ent-btn.suave{background:transparent;color:var(--gold-text);border:1px solid var(--gold-line);box-shadow:none}
.ent-btn.chico{width:auto;min-height:44px;padding:0 16px;font-size:14px;margin-top:0}

.ent-nota{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted);text-align:center}
.ent-nota a,.ent-enlace{color:var(--gold-text);font-weight:600;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit;font-size:inherit;cursor:pointer}

.ent-alt{margin:0;font-size:15px;color:var(--ink-2);text-align:center}
.ent-alt a{color:var(--gold-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* avisos */
.ent-aviso{margin:18px 0 0;padding:12px 14px;border-radius:14px;font-size:14.5px;line-height:1.5;text-align:left}
.ent-aviso.error{background:var(--err-bg);border:1px solid var(--err-borde);color:var(--err-txt)}
.ent-aviso.info{background:var(--info-bg);border:1px solid var(--info-borde);color:var(--info-txt)}
.ent-aviso.ok{background:var(--ok-bg);border:1px solid var(--ok-borde);color:var(--ok-txt)}

/* «revisa tu correo» */
.ent-icono{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--info-bg);border:1px solid var(--info-borde);color:var(--gold)}
.ent-icono .ico{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* elegir empresa: una fila tocable por empresa */
.ent-lista{display:grid;gap:10px;margin-top:22px}
.ent-opcion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding:12px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .3s var(--ease)}
.ent-opcion:hover{border-color:var(--gold-line);transform:translateY(-1px)}
.ent-opcion b{display:block;font-size:16px;font-weight:700}
.ent-opcion small{display:block;font-size:13px;color:var(--muted)}
.ent-opcion .ico{flex:0 0 auto;width:18px;height:18px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* administración (tarjeta ancha) */
.adm-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.adm-empresa{margin-top:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--card-2)}
.adm-empresa-cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px}
.adm-empresa-cab b{font-size:16.5px}
.adm-dato{font-size:13px;color:var(--muted)}
.adm-personas{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.adm-persona{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.adm-persona .quien{min-width:0}
.adm-persona .quien b{display:block;font-size:14.5px}
.adm-persona .quien small{display:block;font-size:12.5px;color:var(--muted);word-break:break-word}
.adm-persona form{margin:0}
.adm-grilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adm-vacio{margin-top:12px;font-size:14px;color:var(--muted)}
.adm-banda{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.adm-banda form{margin:0}
.adm-casilla{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);text-align:left}
.adm-proceso{margin-top:10px;word-break:break-word}
.adm-proceso small{font-size:12.5px;opacity:.85}
.adm-casilla input{width:18px;height:18px;accent-color:var(--gold-fill)}
@media (max-width:640px){ .adm-grilla{grid-template-columns:minmax(0,1fr)} .adm-persona form,.adm-persona .ent-btn{width:100%} }

a:focus-visible,button:focus-visible{outline:2px solid var(--gold-fill);outline-offset:3px}

/* la trampa para robots: una persona nunca la ve ni llega con el teclado */
.campo-trampa{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}