/* =========================================================
   Propuesta 3 columnas (Federico Rodríguez / Lote21 style)
   Cargar DESPUÉS de main.css
   ========================================================= */
:root{
  --fr-blue:#173B6C;
  --fr-blue2:#1E4C8A;
  --fr-sky:#EAF2FF;
  --fr-yellow:#F4C21A;
  --fr-yellow2:#FFD24A;
  --fr-ink:#0F1E33;
  --fr-muted:#5E6B7C;
  --fr-border:rgba(23,59,108,.14);
  --fr-shadow:0 10px 30px rgba(10,20,40,.08);
  --fr-radius:16px;
  --fr-gap:18px;
}
body.fr-body{
  background: radial-gradient(1200px 700px at 30% -10%, var(--fr-sky), #ffffff);
  color: var(--fr-ink);
}



aside {
  padding-bottom: 90px;
}

/* Topbar */
.fr-topbar{
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fr-border);
}

.fr-topbar-fixed{
  position: fixed; top: 0; z-index: 50;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fr-border);
  width: 100%;
  left: 0;
}

.fr-body_fixed {
  padding-top: 80px;
}

.top_fixed {
  top: 0px !important;
}

.fr-topbar__inner{
  max-width: 1500px; margin: 0 auto; padding: 14px 18px;
  display: grid; grid-template-columns: 320px 1fr auto;
  gap: 14px; align-items: center;
  position: relative; max-width:1500px 
}
.fr-brand__img{ height: 42px !important; width: auto !important; display:block; }

/* .fr-nav{ display:flex; gap: 14px; align-items:center; flex-wrap:wrap; justify-content:center; } Topbar */
.fr-nav{ display:flex; gap: 14px; align-items:center; flex-wrap:wrap; justify-content:right; padding-right:120px }
.fr-nav__link{
  padding: 10px 12px; border-radius: 999px;
  color: var(--fr-muted); font-weight: 800; font-size: 16px;
  transition: .2s; text-decoration:none;
}
.fr-nav__link:hover{ background: rgba(23,59,108,.06); color: var(--fr-blue); }
.fr-nav__link.is-active{ background: rgba(244,194,26,.18); color: var(--fr-blue); }

.fr-actions{ display:flex; gap: 10px; align-items:center; float: right; }
.fr-search{
  display:flex; align-items:center; gap:10px;
  padding: 8px 12px; border: 1px solid var(--fr-border);
  border-radius: 999px; background:#fff;
  box-shadow: 0 6px 18px rgba(10,20,40,.04);
}
.fr-search input{
  border:0 !important; box-shadow:none !important; height:auto !important;
  padding:0 !important; width:220px; background:transparent;
}
.fr-search input:focus{ outline:none; }

a { border-bottom: dotted 0px !important; }

.fr-btn{
  border:0; border-radius:999px;
  height:40px; line-height:40px; padding:0 14px;
  font-size:12px; letter-spacing:.06em; font-weight:900; text-transform:uppercase;
  background: linear-gradient(180deg, var(--fr-blue), #0f2f5a);
  color:#fff !important;
  box-shadow: 0 10px 22px rgba(23,59,108,.18);
  cursor:pointer;
}
.fr-btn--ghost{
  background:#fff; color: var(--fr-blue) !important;
  border:1px solid var(--fr-border);
  box-shadow: 0 10px 22px rgba(10,20,40,.06);
}
.fr-btn--cta{
  background: linear-gradient(180deg, var(--fr-yellow2), var(--fr-yellow));
  color:#111 !important;
  box-shadow: 0 10px 22px rgba(244,194,26,.28);
}
.fr-btn--sm{ height:36px; line-height:36px; padding:0 12px; font-size:11px; }
.fr-btn--full{ width:100%; }

.fr-burger{
  display:none !important; width:42px; height:42px;
  border-radius:12px; border:1px solid var(--fr-border);
  background:#fff; box-shadow: 0 10px 22px rgba(10,20,40,.06);
}
.fr-burger span{ display:block; width:18px; height:2px; background: var(--fr-blue); margin:4px auto; border-radius:2px; }

/* Shell 3 cols */
.fr-shell{
  max-width: 1500px; margin: 0 auto; padding: 18px;
  display:grid; grid-template-columns: 270px 1fr 360px;
  gap: 18px; align-items:start;
}

/* Sidebar */
.fr-sidebar{
  position: sticky; top: 0px;
  height: auto;
  overflow: visible; padding-right:6px;
 /*  background: rgba(255, 255, 255, .82);  */
  backdrop-filter: blur(12px);
}
.fr-sidecard{
  background:#fff; border:1px solid var(--fr-border);
  border-radius: var(--fr-radius);
  box-shadow: var(--fr-shadow);
  padding:16px; margin-bottom:16px;
}
.fr-sidecard h3{
  font-size:13px; text-transform:uppercase; letter-spacing:.08em;
  color: var(--fr-blue); margin:0 0 10px;
}
.fr-sidelinks{ list-style:none; padding:0; margin:0; }
.fr-sidelinks a{
  display:block; padding:8px 8px; border-radius:14px;
  color: var(--fr-ink); font-weight:800; font-size:14px; text-decoration:none;
}
.fr-sidelinks a:hover{ background: rgba(23,59,108,.06); }

.active{ background: rgba(23,59,108,.06); }

/* Center */
.fr-center{ min-width:0; }
.fr-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin: 8px 0 14px; }
.fr-title{ font-size:26px; margin:0; letter-spacing:.02em; color: var(--fr-blue); margin-bottom:10px  }
.fr-mini{ display:flex; gap:10px; align-items:center; }
.fr-chip{
  background:#fff; border:1px solid var(--fr-border);
  border-radius:999px; height:40px; line-height:38px;
  padding:0 14px; font-weight:900; color: var(--fr-blue);
  box-shadow: 0 10px 22px rgba(10,20,40,.06);
}
.fr-chip.is-on{ background: rgba(244,194,26,.18); border-color: rgba(244,194,26,.35); }

/* Live */
.fr-live{
  background:#fff; border:1px solid var(--fr-border);
  border-radius: var(--fr-radius);
  box-shadow: var(--fr-shadow);
  overflow:hidden; position:relative;
  margin-bottom:16px;
}
.fr-live__badge{
  position:absolute; top:12px; left:12px;
  background:#E53B3B; color:#fff;
  padding:6px 10px; border-radius:10px;
  font-weight:900; letter-spacing:.08em; font-size:11px; z-index:2;
}
.fr-live__frame{
  width:100%; aspect-ratio:16/9;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35)),
    url('https://picsum.photos/seed/frlive/1400/800') center/cover no-repeat;
}
.fr-live__controls{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-top:1px solid var(--fr-border);
}
.fr-ctl{
  width:38px; height:38px; border-radius:12px;
  border:1px solid var(--fr-border); background:#fff;
  box-shadow: 0 10px 22px rgba(10,20,40,.06);
  font-size:14px;
}
.fr-progress{
  flex:1; height:10px; border-radius:999px;
  background: rgba(23,59,108,.10); overflow:hidden;
}
.fr-progress span{
  display:block; height:100%; width:42%;
  background: linear-gradient(90deg, var(--fr-yellow), var(--fr-blue2));
}
.fr-timer{ font-weight:900; color: var(--fr-muted); font-size:12px; }

/* 9 cards grid */
.fr-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--fr-gap);
}
.fr-card{
  background:#fff; border:1px solid var(--fr-border);
  border-radius: var(--fr-radius);
  box-shadow: var(--fr-shadow);
  overflow:hidden; min-width:0;
}
.fr-card__media{ position:relative; height:150px; background-size:cover; background-position:center; }
.fr-pill{
  position:absolute; left:12px; bottom:12px;
  background: linear-gradient(180deg, var(--fr-yellow2), var(--fr-yellow));
  color:#111; font-weight:900; border-radius:999px;
  padding:6px 10px; font-size:12px;
  box-shadow: 0 10px 22px rgba(244,194,26,.25);
}
.fr-fav{
  position:absolute; right:10px; top:10px;
  width:36px; height:36px; border-radius:12px;
  border:1px solid rgba(255,255,255,.55);
  background-color: rgba(000,000,000,.35);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:19px;
}
.fr-card__body{ padding:14px; }
.fr-card__title{ font-size:16px; margin:0 0 8px; color: var(--fr-blue); }
.fr-card__title span{ color: var(--fr-muted); font-weight:900; margin-left:6px; font-size:13px; }
.fr-card__meta{
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
  color: var(--fr-muted); font-size:12px; font-weight:800; margin-bottom:0px;
}
.fr-card__kpis{ display:flex; gap:10px; flex-wrap:wrap; font-size:12px; color: var(--fr-ink); font-weight:900; margin-bottom:12px; }
.fr-card__actions{ display:flex; gap:10px; }

/* Right column */
.fr-right{
  position: sticky; bottom: 0px;
  height: auto;
  overflow:visible; padding-right:6px;
  display:flex; flex-direction:column; gap:16px;

}
.fr-panel{
  background:#fff; border:1px solid var(--fr-border);
  border-radius: var(--fr-radius);
  box-shadow: var(--fr-shadow);
  padding:16px;
}
.fr-lote-bar__item--sold b,
.fr-sold__status{
  color:#028f6f;
}
.fr-sold{
  display:grid;
  gap:10px;
  text-align:center;
  border-color:rgba(2,143,111,.28);
  background:linear-gradient(180deg, rgba(2,143,111,.09), #fff);
}
.fr-sold__status{
  font-size:14px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.fr-sold__price{
  color:var(--fr-ink);
  font-size:30px;
  line-height:1.1;
}
.fr-panel__title{
  font-size:13px; text-transform:uppercase; letter-spacing:.08em;
  margin:0 0 4px; color: var(--fr-blue);
}
.fr-panel--social{ padding:12px 16px; }
.fr-social{ display:flex; gap:10px; }
.fr-social__btn{
  width:36px; height:36px; border-radius:999px;
  display:grid; place-items:center;
  background: rgba(23,59,108,.08);
  color: var(--fr-blue); font-weight:900;
}

/* Bid */
.fr-bid__current{
  padding:12px; border-radius:14px;
  background: linear-gradient(180deg, rgba(234,242,255,.9), rgba(255,255,255,.9));
  border:1px solid var(--fr-border);
  margin-bottom:12px;
}
.fr-bid__label{
  display:block; font-size:12px; color: var(--fr-muted);
  font-weight:900; text-transform:uppercase; letter-spacing:.08em;
}
.fr-bid__value{ display:block; font-size:34px; line-height:1.1; color: var(--fr-ink); }
.fr-bid__form{ display:grid; gap:10px; margin:10px 0 10px; }
.fr-bid__fieldlabel{
  display:block; font-size:12px; color: var(--fr-muted);
  font-weight:900; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px;
}
.fr-bid input{ border-radius:14px !important; height:46px !important; font-size:16px; font-weight:900; }
.fr-bid__legal{ font-size:12px; color: var(--fr-muted); margin:10px 0 0; line-height:1.45; }
.fr-bid__micro{ display:flex; gap:8px; align-items:center; margin-top:12px; font-size:12px; color: var(--fr-muted); font-weight:800; }
.fr-dot{ width:10px; height:10px; border-radius:999px; background:#20C997; box-shadow:0 0 0 6px rgba(32,201,151,.16); }

/* Filters */
.fr-toggle{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 0; border-bottom:1px solid rgba(23,59,108,.08);
  color: var(--fr-ink); font-weight:800; font-size:13px;
}
.fr-toggle:last-of-type{ border-bottom:0; }
.fr-switch{ position:relative; width:44px; height:26px; }
.fr-switch input{ display:none; }
.fr-switch span{ position:absolute; inset:0; background: rgba(23,59,108,.14); border-radius:999px; }
.fr-switch span:after{
  content:''; position:absolute; top:4px; left:4px;
  width:18px; height:18px; border-radius:999px;
  background:#fff; box-shadow:0 8px 18px rgba(10,20,40,.12);
  transition:.2s;
}
.fr-switch input:checked + span{ background: rgba(244,194,26,.65); }
.fr-switch input:checked + span:after{ transform: translateX(18px); }

.fr-range{ margin-top:12px; }
.fr-range label{
  display:block; font-size:12px; color: var(--fr-muted);
  font-weight:900; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px;
}
.fr-range input[type="range"]{ width:100%;  background:#EAF2FF; border-radius: 10px }
.fr-range__vals{ display:flex; justify-content:space-between; font-size:12px; color: var(--fr-muted); font-weight:800; margin-top:6px;  }

/* KPI */
.fr-kpi{ display:grid; gap:10px; }
.fr-kpi__row{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px; border-radius:14px;
  border:1px solid rgba(23,59,108,.10);
  background: rgba(234,242,255,.55);
  font-weight:900;
}
.fr-kpi__row span{ color: var(--fr-muted); font-weight:900; }
.fr-kpi__row b{ color: var(--fr-blue); font-size:18px; }

/* Footer */
.fr-foot{ margin:18px 0 10px; color: var(--fr-muted); }

/* Responsive */
@media (max-width: 1240px){
  .fr-shell{ grid-template-columns: 260px 1fr 340px; }
  .fr-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1020px){
  .fr-topbar__inner{ grid-template-columns: 1fr auto; }
  .fr-nav{ display:none; }
  .fr-search input{ width:160px; }
  .fr-burger{ display:none !important; }

  .fr-shell{ grid-template-columns: 1fr; }
  .fr-right{ position: static; height:auto; overflow:visible; }
  .fr-sidebar{
    position: fixed; top: 70px; left: 0;
    width: 86%; max-width: 360px;
    height: calc(100vh - 70px);
    transform: translateX(-110%);
    transition: .22s ease;
    z-index: 60;
    padding: 14px;
    background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(12px);

  
    border-right: 1px solid var(--fr-border);
  }
  .fr-shell.is-menu-open .fr-sidebar{ transform: translateX(0); }
  .fr-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .fr-search{ display:none; }
  .fr-grid{ grid-template-columns: 1fr; }
  .fr-title{ font-size:22px; }
}



/* ===============================
   SIDEBAR – MERCADO GANADERO
================================ */

.fr-market{
  background:#fff;
}

.fr-market-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.fr-market-icon{
  width:22px;
  height:22px;
  border-left:4px solid var(--fr-yellow);
  border-radius:3px;
}

.fr-market-sub{
  font-size:12px;
  color:var(--fr-muted);
  margin:6px 0 12px;
  line-height:1.4;
}

/* checkbox */
.fr-market-check{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:13px;
  margin-bottom:12px;
  cursor:pointer;
}

.fr-market-check input{ display:none; }

.fr-market-check span{
  width:16px;
  height:16px;
  background:#000;
  border-radius:4px;
  position:relative;
}

.fr-market-check span::after{
  content:"✓";
  position:absolute;
  inset:0;
  color:#fff;
  font-size:11px;
  display:grid;
  place-items:center;
}

/* carousel */
.fr-market-carousel{
  background:#EAF2FF;
  border-radius:14px;
  padding:14px;
  color:#fff;
}

.fr-market-slide{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  
}

/* cards */
.fr-market-card{
  background: #173B6C;
  border-radius:12px;
  padding:14px;
  
}

.fr-market-card h4{
  margin:0 0 10px;
  font-size:15px;
  font-weight:800;
  color: #EAF2FF;
}

.fr-market-card strong{
  font-size:34px;
  font-weight:900;
  letter-spacing:-1px;
  color: #fff;
}

/* dots */
.fr-market-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:10px;
}

.fr-market-dots span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#cfd6e4;
  opacity:.6;
}

.fr-market-dots span.is-active{
  background:#1b6ef3;
  opacity:1;
}
/* =========================================================
   LOTE – Despliegue (v1)
   - Mantiene layout 3 columnas del home
   - Agrega: barra resumen, ficha, galería, specs sidebar
   - Reemplaza panel de subasta por lista de pre-ofertas
   ========================================================= */

/* Sidebar specs (características del lote) */
.fr-lote-specs .fr-lote-specs__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.fr-lote-specs__pill{
  background: rgba(244,194,26,.18);
  border:1px solid rgba(244,194,26,.35);
  color: var(--fr-blue);
  padding: 6px 10px;
  border-radius: 999px;
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}
.fr-lote-specs__list{ display:grid; gap:10px; }
.fr-lote-spec{
  background: rgba(234,242,255,.55);
  border:1px solid rgba(23,59,108,.10);
  border-radius: 14px;
  padding: 10px 12px;
  line-height: 14px !important;
}
.fr-lote-spec__label{
  display:block;
  font-size:12px;
  color: rgba(15,30,51,.72);
  font-weight:900;
  margin-bottom:4px;
}
.fr-lote-spec__label i{ color: var(--fr-yellow); margin-right:8px; }
.fr-lote-spec__value{
  display:block;
  font-size:14px;
  color: var(--fr-ink);
  font-weight:900;
  text-transform: capitalize;
}

/* Centro: encabezado del lote */
.fr-lote-head{
  background:#fff;
  border:1px solid var(--fr-border);
  border-radius: var(--fr-radius);
  box-shadow: var(--fr-shadow);
  padding:16px;
  margin: 14px 0 16px;
}
.fr-lote-head__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.fr-lote-title{
  margin:0;
  font-size:26px;
  color: var(--fr-blue);
  font-weight:900;
}
.fr-lote-sub{
  margin-top:6px;
  font-weight:900;
  color: rgba(15,30,51,.72);
}
.fr-lote-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
  min-width: 300px;
}
.fr-lote-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: rgba(244,194,26,.18);
  border:1px solid rgba(244,194,26,.35);
  color: var(--fr-blue);
  font-weight:900;
  padding: 8px 12px;
  border-radius: 999px;
  font-size:12px;
}
.fr-lote-like{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid var(--fr-border);
  background:#fff;
  box-shadow: 0 10px 22px rgba(10,20,40,.06);
  color: var(--fr-blue);
}

/* Barra resumen (kpis) */
.fr-lote-bar{
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.fr-lote-bar__item{
  background: rgba(234,242,255,.55);
  border:1px solid rgba(23,59,108,.10);
  border-radius: 14px;
  padding: 12px;
  text-align:center;
}
.fr-lote-bar__item span{
  display:block;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: rgba(15,30,51,.62);
  font-weight:900;
}
.fr-lote-bar__item b{
  display:block;
  font-size:16px;
  color: var(--fr-blue);
  font-weight:900;
}

/* Detalle / descripción */
.fr-lote-detail{
  background:#fff;
  border:1px solid var(--fr-border);
  border-radius: var(--fr-radius);
  box-shadow: var(--fr-shadow);
  padding:16px;
  margin-bottom:16px;
}
.fr-lote-list{
  list-style:none;
  padding:0;
  margin:0 0 12px;
  display:grid;
  gap:8px;
}
.fr-lote-list li{
  color: rgba(15,30,51,.92);
  font-weight:800;
  font-size:15px;
}
.fr-lote-list i{
  color: rgba(23,59,108,.75);
  margin-right:8px;
}
.fr-lote-desc{
  margin:0;
  color: rgba(15,30,51,.78);
  font-weight:800;
  line-height:1.55;
  font-size:13px;
}

/* Galería simple */
.fr-gallery{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--fr-gap);
}
.fr-gallery__img{
  border-radius: var(--fr-radius);
  overflow:hidden;
  border:1px solid rgba(23,59,108,.12);
  box-shadow: var(--fr-shadow);
  background: rgba(234,242,255,.55);
  aspect-ratio: 4/3;
  background-size: cover;
  background-position:center;
}

/* Panel derecha: Pre-ofertas */
.fr-prebids__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin: 8px 0 12px;
}
.fr-prebids__pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  background: rgba(244,194,26,.14);
  border: 1px solid rgba(244,194,26,.28);
  color: #173B6C;
}
.fr-prebids__pill.is-live{
  background: rgba(32,201,151,.14);
  border-color: rgba(32,201,151,.26);
  color: #0c6a4c;
}
.fr-prebids__pill.is-live i{ font-size:10px; }

.fr-prebids__list{
  display:grid;
  gap:10px;
  max-height: 360px;
  overflow:auto;
  padding-right: 6px;
}
.fr-prebids__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(234,242,255,.55);
  border: 1px solid rgba(23,59,108,.10);
}
.fr-prebids__amount{
  display:block;
  font-size: 18px;
  font-weight: 900;
  color: #0F1E33;
}
.fr-prebids__who{
  display:block;
  font-size: 12px;
  color: rgba(15,30,51,.62);
  font-weight: 800;
  margin-top: 3px;
}
.fr-prebids__right{
  text-align:right;
  display:grid;
  gap:6px;
  justify-items:end;
}
.fr-prebids__time{
  font-size: 12px;
  color: rgba(15,30,51,.62);
  font-weight: 900;
}
.fr-prebids__tag{
  font-size: 11px;
  font-weight: 900;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(23,59,108,.12);
  background: rgba(23,59,108,.06);
  color: #173B6C;
}
.fr-prebids__tag.is-top{
  background: rgba(244,194,26,.20);
  border-color: rgba(244,194,26,.35);
  color:#173B6C;
}
.fr-prebids__legal{
  margin: 12px 0 0;
  font-size: 12px;
  color: rgba(15,30,51,.62);
  line-height: 1.35;
  font-weight: 800;
}

/* Responsive overrides para lote */
@media (max-width: 1240px){
  .fr-lote-bar{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .fr-gallery{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  .fr-lote-bar{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .fr-gallery{ grid-template-columns: 1fr; }
}

/* ===== Panel derecha: información (reemplaza filtros) ===== */
.fr-lote-info__block{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(23,59,108,.10); }
.fr-lote-info__subtitle{
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 900;
  color: var(--fr-blue);
  display:flex;
  align-items:center;
  gap:8px;
}
.fr-lote-info__text{
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(15,30,51,.72);
  font-weight: 800;
}
.fr-lote-info__docs{
  display:grid;
  gap:10px;
}
.fr-doc{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(234,242,255,.55);
  border: 1px solid rgba(23,59,108,.10);
  font-weight: 900;
  color: var(--fr-blue);
  text-decoration: none;
}
.fr-doc:hover{ background: rgba(234,242,255,.75); }
.fr-doc i{ color: var(--fr-yellow); }

/* ===== Sideinfo (misma estética que características) ===== */
.fr-lote-sideinfo .fr-lote-spec__value{ line-height:1.35; }
.fr-sideinfo__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  font-weight:900;
  color: var(--fr-blue);
  text-decoration:none;
  font-size:12px;
}
.fr-sideinfo__link i{ color: var(--fr-yellow); }

.fr-sideinfo__docs{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.fr-sideinfo__doc{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(23,59,108,.10);
  font-weight: 900;
  color: var(--fr-blue);
  text-decoration:none;
}
.fr-sideinfo__doc:hover{ background: rgba(255,255,255,.92); }
.fr-sideinfo__doc i{ color: var(--fr-yellow); }


/* ===== Observaciones: notas rápidas ===== */
.fr-lote-notes{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 12px;
}
.fr-lote-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(32,201,151,.12);
  border: 1px solid rgba(32,201,151,.22);
  color: #0c6a4c;
  font-weight: 900;
  font-size: 12px;
}
.fr-lote-note i{ font-size: 12px; }

/* ===== Panel derecha: otras características ===== */
.fr-lote-extras .fr-lote-spec{ background: rgba(234,242,255,.55); }

/* ===== Lotes relacionados (3 cards) ===== */
.fr-related{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--fr-gap);
}
@media (max-width: 1240px){
  .fr-related{ grid-template-columns: 1fr; }
}

.btn-whatsapp {
  background-color: #2DD169 !important;
  border-color: #2DD169 !important;
  color: #FFFFFF !important;
  border:0; border-radius:999px;
  height:40px; line-height:40px; padding:0 14px;
  font-size:12px; letter-spacing:.06em; font-weight:900; text-transform:uppercase;
  color:#fff !important;
  box-shadow: 0 10px 22px rgba(23,59,108,.18);
  cursor:pointer;
  min-width: 100px;
}

@media (max-width: 620px){

  .fr-lote-sub { 
    font-size:16px !important;
  }

  .fr-lote-desc{
    font-size:16px !important;
  }

  .fr-sidecard h3{
    font-size:16px !important; 
    color: rgba(15,30,51,.68) !important;
    font-weight:600 !important;
  }

  .btn-whatsapp { position: absolute; right: 2.8em; height:34px; line-height:34px; font-size:10px;}
  .fr-lote-spec__label{
    display:block;
    font-size:15px;
  }
  .fr-lote-spec__value{
    display:block;
    font-size:16px !important;
    color: var(--fr-ink);
    font-weight:900;
  }
}

.rechazada_ { color: rgb(244 26 26 / 74%) !important; } 
.pendiente_ { color: orange !important; }
.aceptada_ { color: rgb(2 148 111 / 74%) !important; } 

.rechazada {
    background: rgb(244 26 26 / 61%) !important;
    border-color: rgb(244 26 26 / 74%) !important;
    color: #ffffff !important;
    text-transform: uppercase;
    }
    .aceptada {
    background: rgb(26 244 186 / 61%);
    border-color: rgb(2 148 111 / 74%);
    color: #173B6C;
    text-transform: uppercase;
    }

    .pendiente {
    background: rgba(244, 194, 26, .20);
    border-color: rgba(244, 194, 26, .35);
    color: #173B6C;
    text-transform: uppercase;
    }

    .pendiente {
    text-transform: uppercase;
    }

    .fa-2xl { margin-left: -10px }
    .redondo { border-radius:10px; width:100% !important; height: inherit !important; }
    .iframe_vimeo { padding:56.25% 0 0 0;position:relative; background-color: black; }

    .d-block {
    word-break: break-all;
    }
    form {
        margin: 0px 0px 0px;
    }
    .amarillo {
    color: var(--fr-yellow);
    }
    .esconder_ {
      display: none;
    }

    .right_web {
      height: auto !important;
      top: 86px;
      padding-bottom: 0px !important; 
      overflow: visible;
  }

.right_web::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}

    .right_l21 {
      height: auto !important;
      top: 86px;
      padding-bottom: 0px !important;
      overflow: visible;
    }

  .right_web::-webkit-scrollbar {
    display: none;               /* Chrome, Safari */
  }


    .mb0 {
       margin-bottom: 0px !important;
    }

   @media (max-width: 620px){

    .right_web {
      height: inherit !important;
      position: static !important;
      top: 86px;
      padding-bottom: 0px !important; 
      overflow: visible;
  }

.right_web::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}

    .right_l21 {
      height: inherit !important;
      position: static !important;
      top: 86px;
      padding-bottom: 0px !important;
      overflow: visible;
    }

  .right_web::-webkit-scrollbar {
    display: none;               /* Chrome, Safari */
  }

   }


.aprobada { 
  color: green !important; 
  background: rgb(42 224 16 / 20%);
  border-color: rgb(109 244 26 / 35%);
 }   
.pendiente { color: orange !important }   
.rechazada { color: red !important; 
    background: rgb(244 26 26 / 20%);
    border-color: rgb(244 26 26 / 35%); }
.rechazado { color: red !important;
    background: rgb(244 26 26 / 20%);
    border-color: rgb(244 26 26 / 35%); }