/* =========================================================
   La Guardiana – Listado Recepción (v2.2 INTENSA)
   Paleta: Oro (#F5A000), Vino (#7A1E26), Cielo (#1FB6E5), Campo (#2F7D32)
========================================================= */

/* PALETA */
:root{
  --vino:   #7A1E26;
  --vino-osc:#5A0B22;
  --oro:    #F5A000;
  --oro-soft:#FFD65A;
  --cielo:  #1FB6E5;
  --campo:  #2F7D32;
  --hoja:   #3FA35A;
  --madera: #C9B38F;
  --crema:  #FFF6EC;
  --crema-2:#FFFEFB;
  --tinta:  #2B1B1B;

  --shadow-soft:   0 10px 28px rgba(0,0,0,.10);
  --shadow-strong: 0 20px 60px rgba(0,0,0,.18);
  --radius: 18px;

  /* Vidrio */
  --glass-form:   linear-gradient(160deg, rgba(122,30,38,.80) 0%, rgba(10,15,20,.88) 70%);
  --glass-border: rgba(245,160,0,.35);
}

/* TIPOGRAFÍA */
body, .table, .form-label, .btn { font-family: "Crimson Text", serif; }
h1,h2,h3,.card-title { font-family: "Playfair Display", serif; letter-spacing:.2px; }

/* FONDO (foto + velo) */
html, body { height:100%; }
body{
  color: var(--tinta);
  background:
    linear-gradient(180deg, rgba(11,15,18,.45) 0%, rgba(122,30,38,.28) 55%, rgba(245,160,0,.16) 100%),
    url("../img/Fondo_Login_LG.png") center/cover fixed no-repeat;
}

/* HEADER */
.page-header{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.35rem .25rem;
}
.page-title{
  margin:0; font-weight:900; font-size:clamp(1.35rem,2.2vw,1.9rem);
  color: var(--vino); position:relative; padding-top:.55rem;
  text-shadow:0 2px 8px rgba(0,0,0,.10);
}
.page-title::before{
  content:""; position:absolute; top:0; left:0; width:100px; height:10px;
  background: linear-gradient(90deg, var(--oro), transparent);
  border-radius:999px;
}

/* BOTONES */
.btn.btn-primary{
  background: linear-gradient(180deg,#FFB200,var(--oro));
  border-color: var(--oro); color:#3E1A00; font-weight:800;
  border-radius:999px; padding:.6rem 1.05rem; box-shadow:var(--shadow-soft);
}
.btn.btn-primary:hover{ filter:brightness(1.04); transform:translateY(-1px); }

.btn.btn-success{
  background: linear-gradient(135deg, var(--campo), var(--hoja));
  border-color: var(--campo); color:#EFFFF6; font-weight:800;
  border-radius:999px; padding:.6rem 1.05rem; box-shadow:var(--shadow-soft);
}
.btn.btn-success:hover{ filter:brightness(1.03); transform:translateY(-1px); }

/* =========================
   TARJETA – MODIFICAR ESTADO (GLASS)
========================= */
.estado-card{
  border:1.5px solid var(--glass-border);
  border-radius:20px;
  background: var(--glass-form);
  color:#FFF7EA;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.estado-card .card-title{
  color:var(--oro-soft); text-transform:uppercase; font-weight:900;
  letter-spacing:.7px; text-shadow:0 3px 10px rgba(0,0,0,.35);
}

/* ===== Selects & inputs dentro del card (LEGIBLES) ===== */
.estado-card .form-control,
.estado-card .form-select{
  background: rgba(255,255,255,.10);
  color:#fff;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.28);
}

/* Flecha del select en ORO (SVG embebido) */
.estado-card .form-select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23F5A000' viewBox='0 0 16 16'><path d='M1.5 5.5l6.5 6 6.5-6' stroke='%23F5A000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;
  background-position: right .65rem center;
  background-size: 14px;
  padding-right:2rem;
}

/* Foco */
.estado-card .form-select:focus,
.estado-card .form-control:focus{
  border-color:var(--oro-soft);
  box-shadow:0 0 0 3px rgba(245,160,0,.28);
  background: rgba(255,255,255,.18);
  color:#fff;
}

/* MENÚ desplegable del select: CLARO Y LEGIBLE */
.estado-card .form-select option{
  background:#FFFFFF;          /* dropdown blanco */
  color:#2B1B1B;               /* texto oscuro */
  font-weight:600;
}
.estado-card select[name="estado"] option{
  background:#FFF6EC;          /* crema cálida */
  color:var(--vino);
}

/* Botón actualizar */
.btn.btn-dark.btn-lg{
  background:var(--vino); border-color:var(--vino); color:#fff; font-weight:800; border-radius:12px;
  box-shadow:0 12px 28px rgba(122,30,38,.35);
}
.btn.btn-dark.btn-lg:hover{ background:var(--vino-osc); }

/* =========================
   CARD TABLA – vidrio claro
========================= */
.card.rounded-3{
  border:1.5px solid rgba(201,179,143,.55);
  border-radius:20px;
  background: linear-gradient(160deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.90) 100%);
  box-shadow:var(--shadow-strong);
  backdrop-filter: blur(6px);
}

/* TABLA */
.table{ margin:0; vertical-align:middle; --bs-table-bg:transparent; }
.table thead.table-primary{
  --bs-table-bg:#8E2A33;     /* vino */
  --bs-table-color:#FFF5E1;  /* crema */
}
.table thead th{
  font-weight:900; font-size:.94rem; text-transform:uppercase; letter-spacing:.45px;
  border:0 !important; padding:.95rem .75rem; text-shadow:0 1px 0 rgba(0,0,0,.25);
}
.table tbody td{
  padding:.85rem .75rem; border-color:#E8DCC7 !important; color:#2a2a2a;
}
.table tbody tr:nth-child(odd){ background:#FFF9F0; }
.table tbody tr:nth-child(even){ background:#FFFEFB; }
.table-hover tbody tr:hover{ background:#FFECC5; }

/* BADGES */
.badge{
  padding:.55rem .8rem; font-weight:900; letter-spacing:.2px; border-radius:999px; min-width:118px;
  border:1px solid rgba(0,0,0,.04);
}
.badge.text-bg-warning  { background-color:#FFC65C !important; color:#4a3200 !important; border-color:#F0B468; }
.badge.text-bg-success  { background-color:#AEE6B5 !important; color:#0f5a2e !important; border-color:#9ed0a3; }
.badge.text-bg-danger   { background-color:#F6B1A6 !important; color:#7A1E26 !important; border-color:#D99E8D; }
.badge.text-bg-secondary{ background-color:#EFE7DC !important; color:#4b3a2a !important; border-color:#D7CABB; }

/* ALERTA OK */
.alert-success{
  border:1px solid rgba(201,179,143,.55);
  border-radius:14px; box-shadow:var(--shadow-soft);
  background:#ECF8EF; color:#0f5a2e; font-weight:700;
}

/* CONTENEDOR */
.container.py-4{ max-width:1200px; }

/* Banderines decorativos (opcional) */
.banner-corner{
  position:fixed; top:6px; right:10px; width:140px; height:36px; pointer-events:none; z-index:1;
  background:
    linear-gradient(90deg,#D63C32 0 16%,transparent 16% 20%),
    linear-gradient(90deg,#EE7E27 20% 36%,transparent 36% 40%),
    linear-gradient(90deg,#F0B323 40% 56%,transparent 56% 60%),
    linear-gradient(90deg,#4FA958 60% 76%,transparent 76% 80%),
    linear-gradient(90deg,#2E78B7 80% 96%,transparent 96% 100%);
  clip-path:polygon(0 0,100% 0,100% 70%,94% 100%,88% 70%,82% 100%,76% 70%,70% 100%,64% 70%,58% 100%,52% 70%,46% 100%,40% 70%,34% 100%,28% 70%,22% 100%,16% 70%,10% 100%,4% 70%,0 70%);
  opacity:.9;
}

/* RESPONSIVE */
@media (max-width:768px){
  .page-header{ flex-direction:column; align-items:flex-start; }
  .btn.btn-primary{ width:100%; }
}
