/* =========================================================================
   Ventas E3
   ========================================================================= */

.e3-grid-e3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}
@media (min-width: 576px) {
  .e3-grid-e3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .e3-grid-e3 { grid-template-columns: repeat(3, 1fr); }
}

#e3-cards .card {
  color: #1a1a1a;
  margin-bottom: 24px;
  border: solid 1px #d1d1d6;
  border-radius: 16px 16px 16px 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 1000;
}
#e3-cards .card:hover {
  color: #000000;
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
  border: solid 1px #007aff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 1000;
}

:root {
  --e3-avatar-0: #ff6b6b;
  --e3-avatar-1: #4dabf7;
  --e3-avatar-2: #51cf66;
  --e3-avatar-3: #845ef7;
  --e3-avatar-4: #ffa94d;
  --e3-avatar-5: #20c997;
  --e3-avatar-6: #f06595;
  --e3-avatar-7: #339af0;
}

.avatar-e3 {
    font-family: "Rubik", sans-serif;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 2rem;
    color: #ffffff;
    border: solid 1px #d1d1d6;
    top: -20px;
    right: 0px;
    display: none;
}

.avatar-e3-modal-facturacion {
    font-family: "Rubik", sans-serif;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 2rem;
    color: #ffffff;
    border: solid 1px #d1d1d6;
    top: -20px;
    right: 0px;
    display: none;
}

.avatar-xl-e3 {
  font-family: "Rubik", sans-serif;
  width: 80px;
  height: 80px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 3rem;
  color: #ffffff;
}

.card-body .flex-grow-1 { 
  min-width: 0;
}

.name-line-e3 {
  line-height: 1.2;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.name-e3 {
  color: #007aff;
  font-weight: 400;
  font-family: "Reddit Sans Condensed", sans-serif;
  font-size: 1.3rem;
  display: inline-block;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.name-e3-modal {
  color: #007aff;
  font-weight: 400;
  font-family: "Reddit Sans Condensed", sans-serif;
  font-size: 1.6rem;
  display: block;
}

.name-e3-detalle {
  font-size: 2rem;
}

.subtext-e3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;        
  gap: 8px;
  min-width: 0;           
}

.user-click-e3,
.device-e3 {
  order: 1;
  flex: 0 0 auto;         
}

.meta-row-e3 {
  order: 2;
  flex: 1 1 100%;        
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;           
  margin-top: -5px;       
}

.locality-e3 {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;          
  min-width: 0;            
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 0.9rem;
  border: 1px solid #c7c3fb;
  color: #4338ca;
  border-radius: 8px;
  padding: 3px 10px;
}

.locality-e3 i { flex: 0 0 auto; margin-right: .25rem; }

.locality-e3 .truncate-e3 {
  display: inline-block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date-e3 {
  justify-content: start;
  display: inline-flex;
  flex: 0 1 auto;   
  min-width: 0;
  white-space: nowrap;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 0.9rem;
  color: grey;
  padding: 3px 6px 3px 0;
  overflow: hidden;
}

.date-e3 i { flex: 0 0 auto; margin-right: .25rem; }

.truncate-date-e3 {
  display: inline-block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subtext-e3.flex-nowrap { flex-wrap: wrap !important; }

.subtext-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b7280;
  font-size: 0.9rem;
  cursor: pointer;
  margin-top: 2px;
}

.pill-soft-e3 {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f7f7fa;
  border: 1px solid #ececf1;
  font-size: 0.85rem;
  margin-right: 8px;
  margin-bottom: 8px;
}

.pill-soft-e3 > i {
  font-size: 1rem;
  color: grey;
}

.info-box-e3 {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px;
  background: #ffffff;
}
.info-title-e3 { font-weight: 700; margin-bottom: 6px; background-color: cornflowerblue; color: white; padding: 4px 8px; border-radius: 5px; width: fit-content;}
.info-line-e3 { font-size: 0.95rem;}
.mr-1 { margin-right: .25rem; }
.mr-2 { margin-right: .5rem; }

.device-e3{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:16px 16px 16px 0px;
  font-size:.85rem;line-height:1;
  border:solid 1px #d1d1d6;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,247,251,.95));
  backdrop-filter:saturate(160%) blur(8px);-webkit-backdrop-filter:saturate(160%) blur(8px);
  color:#2a3342;
  top: -11px;
  left: -9px;
  position: absolute;
}

.device-mobile-e3{ color:#0b4da2; }
.device-desktop-e3{ color:#0b5c4a; }

.contenedorRemito-e3{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #333; 
    background-color: #ffffff; 
    border: solid 1px cornflowerblue;
    border-radius:8px 8px 0 0;  
    margin-top: 10px;
    margin-bottom: -10px;
}

.orden-e3 {
  display: inline-block;
  white-space: nowrap;
  font-family: "Rubik", sans-serif;
  font-size: xx-large;
  font-weight: 400;
  margin: 0;
}

.ios-icon4 {
    font-size: 26px;
    color: #007aff;
}

.e3-img-badge-e3 {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.85rem;
  color: #00000086;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.264), rgba(245, 247, 251, 0.162));
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: inset 0 1px 0 #ffffff88, 0 4px 12px rgba(0,0,0,0.12);
  backdrop-filter: saturate(160%) blur(10px);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
}

.datosDelPagoE3 {
    white-space: nowrap;       
    overflow: hidden;           
    text-overflow: ellipsis;    
    font-family: "Rubik", sans-serif;
    text-align: center;
    color: #2c3e50; 
    margin-bottom: 0px;
    background-color: rgb(229, 229, 229); 
    border: 1px solid #bdc3c7; 
    padding: 6px 5px; 
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); 
    transition: background-color 0.3s, box-shadow 0.3s; 
    margin-top: -5px;
}

.numeroDeEnvioGeneradoE3 {
    white-space: nowrap;       
    overflow: hidden;           
    text-overflow: ellipsis;    
    font-family: "Rubik", sans-serif;
    text-align: center;
    color: #2c3e50; 
    margin-bottom: 0px;
    background-color: #ecf0f1; 
    border: 1px solid #bdc3c7; 
    padding: 12px 16px; 
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); 
    transition: background-color 0.3s, box-shadow 0.3s; 
    margin-top: -1px;
}

.CorreccionnumeroDeEnvioGeneradoE3 {
    white-space: nowrap;       
    overflow: hidden;           
    text-overflow: ellipsis;    
    font-family: "Rubik", sans-serif;
    text-align: center;
    color: #23b748; 
    margin-bottom: 0px;
    font-weight: 600;
    background-color: #ebfbf0; 
    border: 1px solid #bdc3c7; 
    padding: 6px 16px; 
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); 
    transition: background-color 0.3s, box-shadow 0.3s; 
    margin-top: -8px;
}

.em-circle-state-e3 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 800;
    font-size: .9rem;
    padding: 8px 10px;
    border-radius: 0 0 15px 15px; 
    position: relative; 
    background-color: #007AFF; 
    margin-bottom: 5px;
    text-transform: uppercase;
    color: white;
    display: flex; 
    align-items: center; 
    text-align: center;
    justify-content: center;
}

.em-circle-state-e3::before,
.em-circle-state-e3.em-circle-state-validate-e3::before,
.em-circle-state-e3.em-circle-state-facturado-e3::before,
.em-circle-state-e3.em-circle-state-cancelado-e3::before,
.em-circle-state-e3.em-circle-state-errorId-e3::before {
  content: none !important;
}

/* VALIDACIÓN (naranja Apple) */
.em-circle-state-e3.em-circle-state-validate-e3 {
  background-color: #ff9f0a;
  color: #fff;
}

.em-circle-state-e3.em-circle-state-inProcess-e3 {
  background-color: #e6c926;
  color: #584f00;
}

.em-circle-state-e3.em-circle-state-transferencia-e3 {
  background-color: #9e2f65;
  color: #ffffff;
}

.em-circle-state-e3.em-circle-state-transferencia-ok-e3{
  background-color: #168732;
  color: #ffffff;
}

/* FACTURADO (verde Apple) */
.em-circle-state-e3.em-circle-state-facturado-e3 {
  background-color: #23b748; 
  color: #fff;
}

/* CANCELADO / FRAUDE / BOTÓN DE ARREPENTIMIENTO (rojo Apple) */
.em-circle-state-e3.em-circle-state-cancelado-e3 {
  background-color: #ff3b30; 
  color: #fff;
}

/* ERROR_ID (lila) */
.em-circle-state-e3.em-circle-state-errorId-e3 {
  background-color: #a78bfa;
  color: #fff;
}

.sin-respuesta-webservice{
  text-align: center!important;
}

/* Íconos dentro del pill */
.em-circle-state-e3 i {
  font-size: 1.1rem;
  margin-right: .4rem;
  display: inline-block;
  transform: translateY(1px);
}

/* ======= Pago: layout general ======= */
.e3-payment { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }

.e3-item-circles-row{
  z-index: 1;
  position: absolute;
  top: -40px;                 
  right: 0;
  display: flex;
  align-items: center;
  width: max-content;
}

.e3-item-circle{
  width:58px; height:58px; border-radius:999px;
  background-size:cover; background-position:center;
  border:1px solid rgba(128,128,128,.452);
  box-shadow: inset 0 1px 0 #ffffff88, 0 8px 18px rgba(0,0,0,0);
  backdrop-filter:saturate(160%) blur(8px);
  -webkit-backdrop-filter:saturate(160%) blur(8px);
  display:inline-flex; align-items:center; justify-content:center;
}

/* Si usás superposición entre círculos */
.e3-item-circle + .e3-item-circle{
  margin-left:-16px;
}

.e3-item-circle i{ font-size:1.25rem; color:#fff; line-height:1; }
.e3-item-circle.prod.noimg{ background:#ff8a3d; }

.e3-items-text-wrap{ width:100%; }
.e3-items-label{ font-family:"Rubik",sans-serif; font-size:.86rem; line-height:1.25; }

.e3-inline-chip{
  display:inline-flex; align-items:center; gap:.25rem;
  padding:.16rem .46rem;
  border:1px solid #e7e8ef;
  border-radius:999px;
  background:#ffffff;
  white-space:nowrap;
  font-size:.86rem;
}
.e3-inline-chip strong{ font-weight:700; }
.e3-inline-chip.special{ font-weight:700; }
.e3-items-label .plus{ opacity:.65; padding:0 .25rem; }


.e3-items-collapsible{ margin-top:2px; }
.e3-collapser{
  cursor:pointer; user-select:none;
  transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.e3-collapser:hover{
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  border-color:#dfe2ea;
  background:#fcfcfe;
}
.e3-collapser i{ transition: transform .18s ease; }
.e3-collapser.open i{ transform: rotate(180deg); }

.e3-expanded-list{ padding:8px 0 2px; }
.e3-line{ font-size:.88rem; line-height:1.25; }
.e3-line.special{ font-weight:700; } /* color inline */
.plus-line{ opacity:.5; margin:3px 0; }

/* ======= Badge Combo) ======= */

/* badge centrado en el medio del .e3-payment */
.badge-combo-e3-floating{
  position: absolute;
  top: 320px;
  left: 50%;
  transform: translate(-50%,-50%); /* centra exacto */
  z-index: 10;
  margin-top: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fff4e5;
  color: #b45309;
  border: 1px solid #f59e0b66;
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .3px;
}

.datosDelPagoE3{ font-size:.95rem; }

.stock-e3-container {
  padding-top: 0;
  border-radius: 0 !important;
}

.status-box-stock-tv{
  padding-top: 37px !important;
  padding-bottom: 3px !important;
  border-radius: 0 0 15px 15px !important;
}

/* Semáforo Credizxa compacto / grande */
.cx-semaforo{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 4px; border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(245,247,251,.85));
  border:1px solid rgba(0,0,0,.06);
  box-shadow:inset 0 1px 0 #ffffffa0;
}
.cx-semaforo.big{ gap:12px; padding:10px 13px; border-radius:10px; flex-direction: column;}
.cx-semaforo-modal{display: none;}

.cx-semaforo .luz{
  position:relative;
  width:15px; height:15px; border-radius:50%;
  opacity:.25;
}
.cx-semaforo.big .luz{
  position:relative;
  width:18px; height:18px; border-radius:50%;
  opacity:.25;
}
.cx-semaforo .luz.verde{    background:#23b748; }
.cx-semaforo .luz.amarillo{ background:#e6b400; }
.cx-semaforo .luz.rojo{     background:#ff3b30; }

/* halo animado (aura) por color */
@keyframes cxAuraG { 0%{ box-shadow:0 0 0 0 rgba(0, 253, 17, 0.55);} 70%{ box-shadow:0 0 0 12px rgba(25,135,84,0);} 100%{ box-shadow:0 0 0 0 rgba(25,135,84,0);} }
@keyframes cxAuraY { 0%{ box-shadow:0 0 0 0 rgba(230,180,0,.55);} 70%{ box-shadow:0 0 0 12px rgba(230,180,0,0);} 100%{ box-shadow:0 0 0 0 rgba(230,180,0,0);} }
@keyframes cxAuraR { 0%{ box-shadow:0 0 0 0 rgba(220,53,69,.55);} 70%{ box-shadow:0 0 0 12px rgba(220,53,69,0);} 100%{ box-shadow:0 0 0 0 rgba(220,53,69,0);} }

/* luz activa + aura */
.cx-semaforo[data-level="verde"]    .luz.verde{    opacity:1; animation: cxAuraG 1.6s infinite ease-out; }
.cx-semaforo[data-level="amarillo"] .luz.amarillo{ opacity:1; animation: cxAuraY 1.6s infinite ease-out; }
.cx-semaforo[data-level="rojo"]     .luz.rojo{     opacity:1; animation: cxAuraR 1.6s infinite ease-out; }
.cx-semaforo[data-level="gris"] .luz{ opacity:.25; animation:none; }

.circulo-detalle {
  right: 20px;
  position: absolute;
}

/* ===== archivo: detalles-e3.css ===== */

/* --- cajas & títulos --- */
.info-box-e3 { position: relative; }
.info-title-e3 { font-weight:700; margin-bottom:8px; }

/* --- botón editar --- */
.edit-btn-e3 {
  position:absolute; top:8px; right:8px;
  border:1px solid #e5e7eb; background:#fff; border-radius:8px;
  padding:4px 8px; line-height:1; box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.edit-btn-e3-transferencia {
  border:1px solid #e5e7eb; background:#fff; border-radius:8px;
  padding:4px 8px; line-height:1; box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.edit-btn-e3 i { color:#6b7280; }
.edit-btn-e3-transferencia i { color:#6b7280; }

/* --- spinners (contenedores) --- */
.spinner-wrap-e3 { min-height:96px; }

/* --- cuotas (layout) --- */
.payplan-lines { margin-top:8px; display:flex; flex-direction:column; gap:6px; position:relative; }
.payplan-line-title { font-size:.78rem; letter-spacing:.03em; color:#6b7280; text-transform:uppercase; }
.payplan-line-main { font-size:1rem; font-weight:400; color:#111827; }
.payplan-total-green { font-size:1.05rem; font-weight:900; color:#16a34a; }
.payplan-badge-min{
  position:absolute; top:10px; right:10px; background:#dc3545; color:#fff;
  border-radius:999px; padding:.42rem .9rem; font-weight:900; font-size:.98rem;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}

/* --- bank badge sobre el círculo principal --- */
.bank-badge-nv-e3-detalle{
  position:absolute; left: calc(10% + 28px); top: 40px; z-index:10;
  width:45px; height:45px; border-radius:999px; border:2px solid #fff;
  overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,.15);
  background:#fff; background-size:contain; background-position:center; background-repeat:no-repeat;
}

/* --- alerta cuando no hay plan --- */
.alert-no-plan-e3{
  border:2px dashed #ef4444; background:linear-gradient(180deg,#fff7f7,#fff);
  color:#b91c1c; border-radius:12px; padding:14px; font-weight:600;
  display:flex; align-items:flex-start; gap:10px;
}
.alert-no-plan-e3 i{ font-size:1.4rem; margin-top:2px; color:#ef4444; }

/* --- qty bubble --- */
.qty-bubble{
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; border-radius:999px; min-width:28px; height:28px; font-weight:800;
}
.qty-bubble.one{ background:#6c757d; }
.qty-bubble.many{ background:#dc3545; }

/* --- packing / CUBO (SVG isométrico azul) --- */
.pack-wrap-e3{ display:flex; flex-direction:column; gap:12px; }
.pack-summary-e3{
  display:flex; align-items:center; justify-content:center; gap:16px;
  padding:8px 12px; border-radius:8px; background:linear-gradient(180deg,#fafbff,#f3f4f8);
  border:1px solid #e5e7eb; text-align:center;
}
.pack-summary-e3 .stat{
  display:flex; align-items:center; gap:.5rem; padding:.28rem .7rem;
  background:#fff; border:1px solid #eaecef; border-radius:999px; box-shadow:0 1px 2px rgba(0,0,0,.04);
  font-weight:400; color:#0f172a;
}
.pack-grid-e3{
  display:grid; grid-template-columns: repeat(auto-fit, minmax(290px, 320px));
  gap:14px; justify-content:center; align-items:start;
}
.pack-card-e3{
  width:min(100%, 320px); border:1px solid #F1F1F1FF; border-radius:14px; background:#ffffff;
  padding:10px; box-shadow:0 1px 4px rgba(0,0,0,.05);
}
.pack-hdr-e3{
  font-weight:800; display:flex; align-items:center; gap:.55rem; color:#0f172a; letter-spacing:.2px;
  margin-bottom:5px !important; background-color:#EEEEEEFF !important; padding:8px 12px;
  border-radius:8px; border:1px solid #E5E7EB;
}

/* Contenedor para el SVG (centrado) */
.cube-wrap-e3{
  position:relative; height:170px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,#ffffff,#f8fafc); border-radius:12px; border:1px solid #eef0f3;
  overflow:hidden; padding:6px;
}
/* SVG del cubo */
.cube-svg-e3{ width:160px; height:160px; display:block; }

/* chips de dimensiones */
.dim-chip-e3{
  position:absolute; z-index:5; background:rgba(30,41,59,.92); color:#fff; border-radius:999px;
  padding:.26rem .55rem; font-size:.78rem; border:1px solid rgba(255,255,255,.22);
  display:inline-flex; align-items:center; gap:.35rem;
}
.dim-w{ right:10px; top:10px; } .dim-h{ left:10px; top:10px; } .dim-d{ left:50%; transform:translateX(-50%); bottom:10px; }

.pack-meta-e3{ margin-top:.65rem; color:#1f2937; }
.meta-row{ display:flex; flex-wrap:wrap; gap:.55rem .7rem; align-items:center; }
.pill{
  display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .7rem; border-radius:999px; font-weight:800; letter-spacing:.2px;
  background:linear-gradient(180deg,#fdfcff,#eef1f6); border:1px solid #e5e7eb;
}
.pill-bultos{
  background:linear-gradient(180deg,#FFF7ED,#FFEDD5); 
  border:1px solid #FDBA74;                          
  color:#9A3412;                                       
}
.pill-lg{ font-size:1rem; padding:.5rem 1rem; box-shadow:0 2px 10px rgba(0,0,0,.06); background:linear-gradient(180deg,#fee2e2,#fecaca); border:1px solid #fca5a5; color:#7f1d1d; }
.pill-weight{ font-size:1rem; padding:.5rem 1rem; box-shadow:0 2px 8px rgba(0,0,0,.04); background:linear-gradient(180deg,#f8fafc,#f1f5f9); border:1px solid #e5e7eb; color:#374151; }
.kv{ display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .55rem; border-radius:10px; background:#f8fafc; border:1px solid #e5e7eb; font-weight:400; }
.name-line{ font-size:13px; font-weight:400; color:#111827; }
.vol-row{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.35rem; }

/* --- pills de envío --- */
.envio-pills-nv-e3{ display:flex;align-items:center;gap:8px;margin-top:6px; }
.pill-macos-nv-e3{
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:.15rem;
  padding:.45rem .75rem; border-radius:999px;
  background: linear-gradient(180deg, #fbfbfd 0%, #eef1f6 100%);
  border:1px solid rgba(0,0,0,.08);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.08), inset 0 -1px 0 rgba(255,255,255,.75), 0 1px 2px rgba(0,0,0,.06);
}
.pill-macos-nv-e3-adjuntos{
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:.15rem;
  padding:.45rem .75rem; border-radius:999px;
  background:linear-gradient(180deg,#FFF7ED,#FFEDD5); 
  border:1px solid #FDBA74;                          
  color:#9A3412; 
  box-shadow: inset 0 2px 4px rgba(0,0,0,.08), inset 0 -1px 0 rgba(255,255,255,.75), 0 1px 2px rgba(0,0,0,.06);
}

/* --- sugeridor de ciudades (estilo macOS glass) --- */
.city-suggest-wrap{ position:relative; }
.city-suggest-input{ width:100%; }
.city-suggest-pop{
  position:absolute; left:0; right:0; top:100%; margin-top:6px; z-index:1000;
  backdrop-filter: saturate(1.8) blur(14px);
  -webkit-backdrop-filter: saturate(1.8) blur(14px);
  background: rgba(255, 255, 255, 0.65);
  border:1px solid rgba(255,255,255,.6);
  border-radius:14px; overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.12), inset 0 1px rgba(255,255,255,.6);
}
.city-suggest-item{
  display:flex; align-items:center; justify-content:space-between;
  padding:.55rem .75rem; cursor:pointer;
  border-bottom:1px solid rgba(255, 255, 255, 0.45);
}
.city-suggest-item:last-child{ border-bottom:0; }
.city-suggest-left{ display:flex; flex-direction:column; }
.city-suggest-prov{ font-size:.8rem; color:#374151; opacity:.9; }
.city-suggest-cp{
  font-weight:900; font-size:.9rem; color:#ffffff;
  background:rgba(14, 82, 192, 0.75); border:1px solid rgba(0,0,0,.06);
  padding:.15rem .5rem; border-radius:999px;
}
.city-suggest-item:hover{ background:rgba(255,255,255,.55); }

/* --- link a Google Maps en localidad (subrayado “glass”) --- */
.addr-map-link{
  position:relative; text-decoration:none; 
  color:#10b981;
  padding-bottom:3px; border-bottom:2px solid transparent;
  background-image: linear-gradient(90deg, rgba(59,130,246,.35), rgba(16,185,129,.35));
  background-size: 100% 2px; background-position: 0 100%; background-repeat:no-repeat;
  transition: all .18s ease;
}
.addr-map-link:hover{
  color:#0f766e; background-size:100% 100%; border-radius:8px;
  box-shadow:0 6px 24px rgba(16,185,129,.18);
}

/* --- link WhatsApp --- */
.wa-link-e3{
  color:#10b981; text-decoration:none; border-bottom:1px dashed rgba(16,185,129,.35);
  padding-bottom:2px; transition:color .15s ease, border-color .15s ease;
}
.wa-link-e3:hover{ color:#0d9488; border-color: rgba(13,148,136,.6); }

/* ===== Verificación de Pago v2 (wrapper) ===== */
.pv2-wrap{
  --pv2-accent:#16a34a;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background: linear-gradient(180deg, color-mix(in srgb, var(--pv2-accent) 14%, transparent), #fff 78%);
  padding:1rem;
}
.pv2-header{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  padding-bottom:.25rem; margin-bottom:.5rem;
  border-bottom:1px dashed color-mix(in srgb, var(--pv2-accent) 30%, transparent);
}
.pv2-left{ display:flex; align-items:center; gap:.5rem; }
.pv2-right{ color:#4b5563; font-size:.9rem; display:flex; align-items:center; }
.pv2-state-ic{ color:var(--pv2-accent); font-size:1.1rem; }
.pv2-state{ font-weight:700; color:#111827; }
.pv2-dot{ color:#6b7280; margin:0 .25rem; }
.pv2-verified{ color:#111827; font-weight:600; display:flex; align-items:center; gap:.25rem; }
.pv2-date{ font-variant-numeric: tabular-nums; }

/* Contenedor de tarjetas (lo usabas como flex) */
.verif-cards-grid-e3{ display:flex; gap:.75rem; flex-wrap:wrap; }

/* ===== Tarjeta ===== */
.pv2-card{
  position:relative;
  flex:1; min-width:300px; max-width:520px;
  padding:1rem 1rem .75rem 1rem;
  border-radius:16px;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  overflow:hidden;
}
.pv2-card::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  border-radius:16px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}
.pv2-pasarela-badge {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 180px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .95;
}
.pv2-card-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.15rem; }
.pv2-chip{
  width:38px; height:28px; border-radius:6px;
  background:linear-gradient(135deg, rgba(255,255,255,.4), rgba(255,255,255,.1));
  border:1px solid rgba(255,255,255,.25);
}
.pv2-brand{ font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.pv2-pill{
  display:inline-block; padding:.15rem .5rem; border-radius:9999px;
  background: rgba(255,255,255,.25); font-weight:700; font-size:.8rem; margin-left:.35rem;
}

.pv2-holder{ font-size: 1.2rem; font-weight:500; opacity:.95; text-transform:uppercase;}
.pv2-number {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin: .25rem 0 .5rem 0;
  font-weight: 600;
  letter-spacing: .1em;
  font-size: 1.5rem;
  font-family: 'Consolas', 'Courier New', Courier, monospace;
}
.pv2-dots{ opacity:.85; }
.pv2-last4{ font-variant-numeric: tabular-nums; }

.pv2-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:.5rem .75rem; }
.pv2-k{ display:block; font-size:.8rem; opacity:.9; }
.pv2-v{ display:flex; align-items:center; gap:.4rem; font-weight:700; font-size:1.05rem;}

.pv2-foot{
  display:flex; justify-content:flex-start; gap:.5rem; margin-top:.5rem; align-items:center;
  opacity:.95;
}
.pv2-id-label{ font-size:.75rem; opacity:.85; letter-spacing:.02em; }
.pv2-id{ font-weight:800; font-variant-numeric: tabular-nums; }

/* Botón copiar (compatible con tu wireCopyButtons) */
.copy-btn-e3{
  border:none; background:rgba(255,255,255,.18);
  width:28px; height:28px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center;
  color:#fff; cursor:pointer;
  transition: transform .06s ease, background .15s ease;
}
.copy-btn-e3:hover{ background:rgba(255,255,255,.28); }
.copy-btn-e3.copied{ background:#10b981; color:#fff; }

.brand-visa{
  background: radial-gradient(120% 100% at 100% 0%, #8ec5ff 0%, #3b82f6 55%, #1e40af 100%);
}
.brand-mastercard{
  background: radial-gradient(120% 100% at 100% 0%, #ffb67a 0%, #ff6b6b 55%, #b42318 100%);
}
.brand-amex{
  background: radial-gradient(120% 100% at 100% 0%, #9fe6ed 0%, #22b6c7 55%, #0e7490 100%);
}
.brand-naranja{
  background: radial-gradient(120% 100% at 100% 0%, #ffc68a 0%, #ff8b3d 55%, #c2410c 100%);
}
.brand-cabal{
  background: radial-gradient(120% 100% at 100% 0%, #a9c7ff 0%, #3c74d6 55%, #274690 100%);
}
.brand-maestro{
  background: radial-gradient(120% 100% at 100% 0%, #a6e7ff 0%, #29a1e7 55%, #0a6fb3 100%);
}
.brand-shopping{
  background: radial-gradient(120% 100% at 100% 0%, #ffe9a3 0%, #ffd166 55%, #d08400 100%);
}
.brand-generic{
  background: radial-gradient(120% 100% at 100% 0%, #d1d5db 0%, #9ca3af 55%, #374151 100%);
}
.brand-visa-debit{
  background: radial-gradient(120% 100% at 100% 0%, #b8e1ff 0%, #60a5fa 55%, #2563eb 100%);
}
.brand-master-debit{
  background: radial-gradient(120% 100% at 100% 0%, #ffd3b1 0%, #ff8a66 55%, #e45b2e 100%);
}
.brand-money {
  background: radial-gradient(120% 100% at 100% 0%, #9fe6ed 0%, #22b6c7 55%, #0e7490 100%);
}


/* Fallback si el navegador no soporta color-mix */
@supports not (color: color-mix(in srgb, red, white)){
  .pv2-wrap{ background: linear-gradient(180deg, rgba(22,163,74,.14), #fff 78%); }
  .pv2-header{ border-bottom:1px dashed rgba(22,163,74,.30); }
}

.e3-copy{
  color: gray;
}

/* Contenedor estilo datos factura compacto */
.factu-macos-card{
  border:1px solid #e5e7eb; border-radius:12px; padding:10px;
  background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.78));
  -webkit-backdrop-filter:saturate(140%) blur(8px);
  backdrop-filter:saturate(140%) blur(8px);
  box-shadow:0 1px 0 rgba(0,0,0,.03) inset;
}

/* Pila superior: badge -> horario -> botón */
.factu-head-stack{
  display:flex; flex-direction:column; align-items:flex-start;
  gap:6px; margin-bottom:8px;
}

.factu-badge-mac{
  display:inline-flex; align-items:center; gap:6px;
  font-weight:700; font-size:.78rem; color:#0f172a;
  padding:2px 10px; border-radius:9999px;
  background:#f3f4f6; border:1px solid #e5e7eb;
}
.factu-badge-mac i{ font-size:14px; }

.factu-updated-mac{
  font-size:.68rem; color:#6b7280;
}

/* Botón “Descargar factura”*/
.factu-btn-download{
  display:inline-flex; align-items:center; gap:6px;
  font-weight:700; font-size:.86rem; text-decoration:none;
  padding:6px 10px; border-radius:10px;
  border:1px solid #0ea5e9; color:#0b3750;
  background:linear-gradient(180deg,#e0f2fe,#bae6fd);
}
.factu-btn-download:hover{
  filter:saturate(1.05) brightness(1.02);
}

/* Grid de chips/pills */
.factu-pills-mac{
  display:flex; align-items:stretch; gap:6px; flex-wrap:wrap; width:100%;
}
.factu-pill-mac{
  display:flex; flex-direction:column; gap:1px;
  padding:6px 8px; border-radius:10px; min-width:110px; max-width:220px;
  border:1px solid #e5e7eb; background:#fafafa;
}
.factu-pill-mac small{ font-size:.64rem; color:#6b7280; line-height:1; }
.factu-pill-mac span{
  font-size:.9rem; font-weight:700; color:#111827; line-height:1.1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Responsive */
@media (max-width:576px){
  .factu-macos-card{ padding:8px; }
  .factu-pill-mac{ min-width:calc(50% - 6px); }
}

.ni-grid-view-e3 .ni-card-e3{
  cursor:pointer;
  transition:transform .12s ease, border-color .12s ease;
  transform:translateZ(0);
}
.ni-grid-view-e3 .ni-thumb-e3{
  transition:transform .12s ease;
  transform:translateZ(0);
}
.ni-grid-view-e3 .ni-card-e3:hover{
  transform:scale(1.02);
  border-color:grey !important;
  border: 2px solid;
}
.ni-grid-view-e3 .ni-card-e3:hover .ni-thumb-e3{
  transform:scale(1.03);
}

/* MODAL AUDITORIA */
.auditoria-btn-UDITORIA {
  display: inline-flex; align-items: center; gap: .5rem;
  border-radius: 0 !important; padding: .5rem .8rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.modal-shell-UDITORIA {
  border: 0;
  border-radius: 20px;
  overflow: hidden;
  backdrop-filter: saturate(140%) blur(14px);
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}
.modal-header-UDITORIA {
  display: flex; align-items: center; justify-content: space-between;
  background: linear-gradient(180deg, rgba(247,249,252,.9), rgba(240,243,247,.9));
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.title-wrap-UDITORIA { display: flex; align-items: center; gap: .6rem; }
.robot-title-UDITORIA { font-size: 26px; color: #E53935; }
.modal-title-UDITORIA { margin: 0; font-weight: 700; letter-spacing: .2px; color:#000 !important; }
.close-UDITORIA { font-size: 28px; line-height: 1; opacity: .5; }
.close-UDITORIA:hover { opacity: .8; }

.modal-body-UDITORIA { padding: 16px 18px; }
.modal-footer-UDITORIA {
  background: rgba(248,250,252,.85);
  border-top: 1px solid rgba(0,0,0,.06);
}

.spinner-wrap-UDITORIA {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 260px; gap: 12px;
}
.spinner-UDITORIA { width: 3.75rem; height: 3.75rem; border-width: .35rem; }
.spinner-texto-UDITORIA { font-size: .95rem; color: #6b7280; }

.toolbar-UDITORIA {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 10px;
}

.pager-UDITORIA { display: flex; gap: .5rem; }

/* Botones Anterior / Siguiente */
.pager-btn-UDITORIA {
  border: none !important;
  background: #0ea5e9 !important;  
  color: #fff !important;
  padding: .4rem .7rem; border-radius: 10px;
  font-weight: 700; box-shadow: 0 2px 6px rgba(0,0,0,.04);
}
.pager-btn-UDITORIA:hover { background: #0284c7 !important; }
.pager-btn-UDITORIA:disabled {
  background: #93c5fd !important;   
  color: #f8fafc !important;
  cursor: not-allowed;
  opacity: 1 !important;
}

.grid-wrap-UDITORIA .gridjs-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial;
}

.grid-wrap-UDITORIA .gridjs-table {
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.grid-wrap-UDITORIA .gridjs-th,
.grid-wrap-UDITORIA .gridjs-td {
  font-size: 13.5px;
  text-align: center !important;
  vertical-align: middle;
}

.grid-wrap-UDITORIA .gridjs-tr:nth-child(even) .gridjs-td { background: #fbfdff; }

.pill-venta-UDITORIA {
  display: inline-flex; align-items: center; gap: .35rem;
  background: #eef2ff; color: #3730a3; border: 1px solid #c7d2fe;
  padding: .18rem .5rem; border-radius: 999px; font-weight: 700;
}
.pill-cliente-UDITORIA {
  display: inline-block; background: #fff7ed; color: #9a3412; border: 1px solid #fed7aa;
  padding: .18rem .5rem; border-radius: 8px; font-weight: 700;
}
.pill-monto-UDITORIA {
  display: inline-block; background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0;
  padding: .18rem .5rem; border-radius: 8px; font-weight: 800;
}
.pill-ok-UDITORIA {
  display: inline-block; background: #f3f4f6; color: #6b7280; border: 1px solid #e5e7eb;
  padding: .18rem .5rem; border-radius: 999px; font-weight: 700;
}
.pill-favor-UDITORIA {
  display: inline-block; background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0;
  padding: .18rem .5rem; border-radius: 999px; font-weight: 700;
}
.pill-deudor-UDITORIA {
  display: inline-block; background: #fef2f2; color: #991b1b; border: 1px solid #fecaca;
  padding: .18rem .5rem; border-radius: 999px; font-weight: 700;
}

.link-venta-UDITORIA { text-decoration: none; color: #3730a3; }
.link-venta-UDITORIA:hover { text-decoration: underline; }

.alerta-UDITORIA {
  margin-bottom: 12px; padding: 10px 14px; border-radius: 12px;
  background: #fef2f2; color: #7f1d1d; border: 1px solid #fecaca;
}

.hidden-UDITORIA { display: none !important; }

.grid-wrap-UDITORIA .gridjs-tr:has(.pill-ok-UDITORIA) .gridjs-td {
  background: #ecfdf5 !important;    
}
.grid-wrap-UDITORIA .gridjs-tr:has(.pill-favor-UDITORIA) .gridjs-td,
.grid-wrap-UDITORIA .gridjs-tr:has(.pill-deudor-UDITORIA) .gridjs-td {
  background: #fef2f2 !important; 
}

.excel-btn-UDITORIA{
  border: none;
  background:#107C41;
  color:#fff;
  padding:.45rem .8rem;
  font-weight:400;
  display:inline-flex;align-items:center;gap:.4rem;
  box-shadow:0 2px 6px rgba(0,0,0,.05)
}

.calendar-portal-UDITORIA{
  position: fixed;
  z-index: 5000;
  display: none;
}
.calendar-portal-UDITORIA.active{ display: block; }
.calendar-portal-UDITORIA .flatpickr-calendar{
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  border-radius: 12px;
}

.toolbar-UDITORIA{
  display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:10px;
}
.toolbar-top-UDITORIA{ display:flex; align-items:center; justify-content:flex-end; gap:10px; order:1; flex:1 1 auto; }
#searchMount-UDITORIA{ display:flex; align-items:center; gap:8px; }
.toolbar-bottom-UDITORIA{ display:flex; align-items:center; justify-content:flex-start; order:0; flex:0 0 auto; }
.pager-UDITORIA{ display:flex; gap:.5rem; }
.excel-wrap-UDITORIA{ position:relative; display:inline-block; }
#dateRangePicker-UDITORIA{ display:none !important; }
.excel-btn-UDITORIA{
  border:none; background:#107C41; color:#fff; padding:.45rem .8rem;
  font-weight:700; display:inline-flex; align-items:center; gap:.4rem; box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.excel-btn-UDITORIA:hover{ background:#0e6b39; }
.excel-btn-UDITORIA:disabled{ opacity:.7; cursor:not-allowed; }

@media (max-width: 576px){
  .toolbar-UDITORIA{ flex-direction:column; align-items:stretch; gap:8px; }
  .toolbar-top-UDITORIA{ order:0; width:100%; justify-content:space-between; }
  .toolbar-bottom-UDITORIA{ order:1; }
  .excel-wrap-UDITORIA{ align-self:flex-start; }
}

#e3-close-btn{
  background-color: #007AFF !important;
}
/* FIN MODAL AUDITORIA */

/* Caja del bloque */
.collapse-3-e3{
  background:#ffffff;
  border-radius:12px;
  padding:12px;
}

/* Botón de toggle */
.collapse-3-e3__toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  color: #0d6dfd;
  background:#fff;
  border: 1px solid #e5e7eb;
  font-weight:600;
  transition:background .2s, box-shadow .2s;
}
.collapse-3-e3__toggle:hover{
  background:#0d6efd18;
  box-shadow:0 2px 10px rgba(13,110,253,.08);
}
.collapse-3-e3__toggle-left{
  display:flex; align-items:center; gap:10px;
}
.collapse-3-e3__caret{
  transition:transform .2s ease;
}
.collapse-3-e3.is-open .collapse-3-e3__caret{
  transform:rotate(180deg);
}

/* Área desplegable */
.collapse-3-e3__actions{
  margin-top:12px;
}

/* Pila de botones en columna */
.collapse-3-e3__stack{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Botones (full width + alineación) */
.collapse-3-e3__btn{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}

/* Logo dentro del botón */
.collapse-3-e3__btn img{
  height:18px;
}

/* Texto aclaratorio */
.collapse-3-e3__hint{
  font-size:.85rem;
  color:#6b7280;
  margin-top:8px;
}

/* =========================== Empty State macOS (cof-e3) =========================== */

.empty-wrap-cof-e3 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 4vw, 36px);
}

.empty-container-cof-e3 {
  border-radius: 18px;
  backdrop-filter: blur(18px) saturate(150%);
  /* sin box-shadow */
  padding: clamp(18px, 3vw, 30px);
  text-align: center;
}

/* Tipografías y textos */
.empty-title-cof-e3 {
  font-family: "SF Pro Display", -apple-system, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: .2px;
  color: #0f172a; /* slate-900 */
  font-size: clamp(20px, 3vw, 26px);
  margin: 10px 0 6px;
}

.empty-sub-cof-e3 {
  color: #475569; /* slate-600 */
  font-size: clamp(14px, 2.2vw, 16px);
  margin: 0 0 8px;
}

.empty-note-cof-e3 {
  color: #111827; /* gray-900 */
  font-weight: 700;
  font-size: clamp(16px, 2.6vw, 18px);
  margin-top: 8px;
}

.empty-badge-cof-e3 {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  color: #0f172a;
  background: rgba(15,23,42,.06);
  border: 1px solid rgba(2,6,23,.06);
  margin-bottom: 10px;
}

/* ===========================
   Ilustración Café + Animación
   =========================== */

/* Taza grande */
.coffee-svg-cof-e3 {
  display: inline-block;
  width: clamp(96px, 16vw, 140px); 
  height: auto;
  margin-bottom: 12px;
}

/* Vapor animado: sube y se desvanece en loop */
@keyframes steamRiseCofE3 {
  0%   { opacity: 0; transform: translateY(12px) scale(1); }
  30%  { opacity: .95; }
  100% { opacity: 0; transform: translateY(-22px) scale(1.08); }
}

.steam-1-cof-e3 { animation: steamRiseCofE3 2.2s ease-in-out infinite; }
.steam-2-cof-e3 { animation: steamRiseCofE3 2.2s ease-in-out infinite; animation-delay: .45s; }
.steam-3-cof-e3 { animation: steamRiseCofE3 2.2s ease-in-out infinite; animation-delay: .9s; }

/* Pulso sutil de la taza */
@keyframes cupPulseCofE3 {
  0%, 100% { transform: translateZ(0) scale(1); }
  50%      { transform: translateZ(0) scale(1.022); }
}
.cup-cof-e3 {
  animation: cupPulseCofE3 3.4s ease-in-out infinite;
  transform-origin: 50% 100%;
}

.cup-shadow-cof-e3 {
  fill: rgba(15,23,42,.07);
}

@media (max-width: 480px) {
  .empty-container-cof-e3 {
    border-radius: 16px;
    padding: 18px;
  }
  .coffee-svg-cof-e3 {
    width: 110px;
  }
}

/* =========================== Calculador de Cuotas E3 =========================== */
/* ===== Base ===== */
.modal-body-e3inst{background:#fff;padding:0}
.app-shell-e3inst{padding:16px 18px 18px 18px}

/* ===== Botones (clases propias para evitar conflicto) ===== */
.btn-e3inst{
  --btn-blue:#007aff;
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid #d0d7e2;border-radius:5px;background:#fff;
  color:var(--btn-blue);padding:8px 14px;font-weight:600;line-height:1;
  transition:background .15s,color .15s,transform .15s,box-shadow .15s; user-select:none;
}
.btn-e3inst:hover{background:var(--btn-blue);color:#fff;}
.btn-primary-e3inst{margin-top: 5px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.btn-ghost-e3inst{border-color:transparent;background:#f8fafc}
.btn-ghost-e3inst:hover{background:var(--btn-blue);color:#fff}
#image-form-e3inst { box-shadow: none !important; }
/* ===== Acceso ===== */
.access-screen-e3inst{
  min-height:380px;display:flex;align-items:center;justify-content:center;
}
.access-card-e3inst{
  text-align:center;background:#fff;border:1px solid #ffd1d6;border-radius:18px;
  padding:28px 22px;box-shadow:0 8px 24px rgba(255,59,48,.18);max-width:520px;width:92%;
}
.access-icon-e3inst{font-size:42px;color:#ff3b30;margin-bottom:8px}
.access-title-e3inst{font-weight:700;margin:0 0 6px 0;color:#1d1d1f}
.access-msg-e3inst{margin:0 0 14px 0;color:#6b7280}
.access-form-e3inst{display:flex;gap:10px;justify-content:center;box-shadow: none !important}
.access-input-e3inst{
  margin:0 !important;
  width:140px;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;text-align:center;
  font-size:18px;letter-spacing:2px;outline:none;transition:border .2s,box-shadow .2s;
}
.access-input-e3inst:focus{border-color:#0a84ff;box-shadow:0 0 0 4px rgba(10,132,255,.12)}
.access-feedback-e3inst{margin-top:8px;color:#ff3b30;font-size:.95rem}

/* Transición al app */
.app-shell-e3inst.enter-e3inst{animation:flyin-e3inst .35s ease-out both}
@keyframes flyin-e3inst{
  from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)}
}

/* ===== Toolbar ===== */
.toolbar-e3inst{display:flex;gap:10px;align-items:center;margin:14px 0}
.spacer-e3inst{flex:1}
.status-chip-e3inst{
  background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:.85rem;color:#374151
}

/* ===== Layout ===== */
.layout-e3inst{display:grid;grid-template-columns:1fr 340px;gap:20px}
.left-col-e3inst{max-height:70vh;overflow:auto;padding-right:4px}
.right-col-e3inst{max-height:70vh;overflow:auto}

/* ===== Panel / sección ===== */
.section-e3inst{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin-bottom:16px}
.section-head-e3inst{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.section-title-e3inst{font-weight:700;color:#1d1d1f;margin:0 0 10px 0}
.panel-head-e3inst{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px 0}
.panel-title-e3inst{margin:0;font-weight:700}

/* ===== Campos ===== */
.grid-2-e3inst{display:flex;flex-direction: column;gap:14px}
.field-e3inst label{display:flex; flex-direction: column;font-size:.85rem;color:#4b5563;margin-bottom:6px}
.input-e3inst{
  width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;outline:none;
  transition:border .2s,box-shadow .2s;background:#fff
}
.input-e3inst:focus{border-color:#0a84ff;box-shadow:0 0 0 4px rgba(10,132,255,.12)}
.field-inline-e3inst{display:none;align-items:center;gap:10px;margin-top:8px}
.input-color-e3inst{
  width:46px;height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:0
}
.hint-e3inst{font-size:.85rem;color:#6b7280}
.sr-only-e3inst{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Swatches color */
.swatches-e3inst{display:none;gap:10px}
.swatch-e3inst input{display:none}
.swatch-e3inst span{
  display:block;width:28px;height:28px;border-radius:9px;border:2px solid #e5e7eb;background:var(--sw);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.7);cursor:pointer;transition:transform .1s
}
.swatch-e3inst input:checked + span{outline:3px solid rgba(10,132,255,.25);transform:scale(1.06)}

/* ===== Reordenar filas desplegadas ===== */
.reorder-zone-e3inst{min-height:52px;background:#fbfbfd;border:1px dashed #d1d5db;border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:8px}
.reorder-empty-e3inst{color:#9ca3af}
.reorder-chip-e3inst{
  display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;
  padding:6px 10px;cursor:grab
}
.drag-icon-e3inst{font-size:16px;color:#9ca3af}

/* ===== Filas ===== */
.rows-list-e3inst{display:flex;flex-direction:column;gap:14px}
.row-card-e3inst{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}
.row-head-e3inst{
  display:flex;flex-wrap: wrap; align-items:center;gap:10px;padding:12px 14px;background:#fbfbfd;border-bottom:1px solid #eef0f3
}
.drag-handle-e3inst{cursor:grab;color:#9ca3af;font-size:18px}
.row-title-e3inst{font-weight:600;color:#1d1d1f}
.row-switches-e3inst{margin-left:auto;display:flex;gap:12px;align-items:center}
.row-toggle-e3inst{margin-left:auto}
.switch-e3inst{display:flex;gap:6px;align-items:center;font-size:.9rem;color:#374151}
.row-body-e3inst{padding:14px;display:none}
.row-body-e3inst.open{display:block}
.row-grid-e3inst{display:flex;flex-direction: column;gap:14px}
.row-grid-wide-e3inst{display:flex;flex-direction: column;gap:14px;margin-top:10px;justify-content: center; align-items: center;}

/* Días */
.dow-wrap-e3inst{display:flex;gap:8px;flex-wrap:wrap}
.dow-btn-e3inst{
  border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:6px 10px;font-size:.85rem;cursor:pointer;color:#007aff
}
.dow-btn-e3inst.active{background:#007aff;color:#fff;border-color:#007aff;box-shadow:0 0 0 3px rgba(10,132,255,.12)}

/* ===== Imágenes (gestor) ===== */
.images-grid-e3inst{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px
}
.image-card-e3inst{
  border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:10px
}
.image-thumb-e3inst{
  width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb
}
.btn-pick-images-e3ins{width: fit-content;}
.image-name-e3inst{font-size:.95rem;color:#111827;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.image-actions-e3inst{display:flex;gap:8px}
.image-edit-form-e3inst{display:grid;gap:8px}
.image-edit-form-e3inst .input-e3inst{font-size:.9rem}

/* ===== Imágenes seleccionadas en fila ===== */
.sel-images-e3inst{display:flex;gap:8px;flex-direction: column;}
.sel-chip-e3inst{
  display:flex;justify-content: space-evenly;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 10px;cursor:grab
}
.sel-chip-e3inst > img{
  max-width: 30px;
}
.sel-chip-thumb-e3inst{width:18px;height:18px;border-radius:4px;object-fit:cover}

/* ===== Overlay selector de imágenes ===== */
.overlay-e3inst{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1056}
.overlay-card-e3inst{
  background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:860px;width:92vw;max-height:80vh;overflow:auto;padding:14px
}
.picker-grid-e3inst{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.picker-card-e3inst{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}
.picker-meta-e3inst{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.picker-name-e3inst{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-ops-e3inst{display:flex;gap:6px}

/* ===== Lista de módulos (derecha) ===== */
.modules-list-e3inst{display:grid;gap:10px}
.module-item-e3inst {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.module-meta-e3inst{display:flex;flex-direction:column}
.active-badge-e3inst{background:#e6f2ff;color:#0a84ff;font-size:.7rem}

/* ===== Empty ===== */
.empty-view-e3inst{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border:1px dashed #e5e7eb;border-radius:16px;color:#6b7280}
.empty-icon-e3inst{font-size:28px;margin-bottom:8px}
.empty-title-e3inst{font-weight:700;color:#111827}
.empty-hint-e3inst{font-size:.9rem;color:#6b7280}

/* ===== Footer ===== */
.footer-actions-e3inst{display:flex;gap:10px;justify-content:flex-end}

/* ===== Responsive ===== */
@media (max-width:1100px){
  .layout-e3inst{grid-template-columns:1fr}
  .right-col-e3inst{order:-1}
  .row-grid-e3inst{grid-template-columns:1fr 1fr}
}

#Modal-installments .modal-content input,
#Modal-installments .modal-content .form-control,
#Modal-installments .modal-content select,
#Modal-installments .modal-content textarea {
  margin-bottom: 0 !important;
}
/* =========================== Fin Calculador de Cuotas E3 =========================== */

/* =========================== Resultados Buscador E3 =========================== */
.hint-search-e3{
  display:none;
  align-items:center;
  gap:.5rem;
  margin-top:.7rem;
  font-size:1.02rem;
  color:#0a84ff;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .22s ease, transform .22s ease;
  user-select:none;
}
.hint-search-e3.show{
  display:flex;
  opacity:1;
  transform:translateY(0);
}
.hint-search-e3 i{font-size:1.2rem}

.msg-card-search-e3{
  --stripe-w:18px;
  --shine-size:160%;
  grid-column:1/-1;
  border-radius:10px;
  padding:24px;
  background:
    radial-gradient(140% 120% at 10% 0%, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%),
    repeating-linear-gradient(90deg, transparent 0 12px, rgba(2,6,23,.025) 12px 24px);
  border:1px solid #e5e7eb;
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
}
.msg-card-search-e3::before{
  content:"";
  position:absolute; inset:0 auto 0 0;
  width:var(--stripe-w);
  border-radius:10px 0 0 10px;
  background:linear-gradient(180deg, #0ea5e9, #8b5cf6, #22c55e, #0ea5e9);
  background-size:100% 300%;
  animation:hueSlide 6s linear infinite;
}
.msg-card-search-e3::after{
  content:"";
  position:absolute;
  inset:-30% -60% auto -60%;
  height:var(--shine-size);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform:translate3d(-100%,0,0) rotate(12deg);
  animation:sheenSlide 3.2s ease-in-out infinite;
  pointer-events:none;
}

.msg-hero-row{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:80px;
}
.msg-card-search-e3 .title-search-e3{
  font-weight:900;
  letter-spacing:.2px;
  color:#111827;
  display:flex;
  align-items:center;
  font-size:1.2rem;
  margin-bottom:8px;
}
.msg-card-search-e3 .text-search-e3{
  color:#374151;
  margin:0 0 12px 0;
}

.msg-card-search-e3 .btn-link-search-e3{
  --bgA:rgba(10,132,255,.10);
  --bgB:rgba(10,132,255,.18);
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  text-decoration:none;
  font-weight:900;
  color:#0a84ff;
  border:1px solid rgba(10,132,255,.28);
  background:
    linear-gradient(90deg, var(--bgA) 0%, var(--bgB) 50%, var(--bgA) 100%);
  background-size:200% 100%;
  border-radius:14px;
  padding:11px 16px;
  transition:background-position .35s ease, filter .2s ease, letter-spacing .2s ease;
  will-change:background-position;
  position:relative;
  overflow:hidden;
}
.msg-card-search-e3 .btn-link-search-e3 i{font-size:1.25rem}
.msg-card-search-e3 .btn-link-search-e3::after{
  content:"";
  position:absolute; left:12px; right:12px; bottom:8px;
  height:2px;
  background:linear-gradient(90deg,#60a5fa,#22c55e,#8b5cf6);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .35s ease;
  border-radius:2px;
}
.msg-card-search-e3 .btn-link-search-e3:hover{
  background-position:100% 0;
  filter:saturate(115%);
  letter-spacing:.1px;
}
.msg-card-search-e3 .btn-link-search-e3:hover::after{
  transform:scaleX(1);
}
.msg-card-search-e3 .btn-link-search-e3:hover i{
  animation:btnIconSwing .6s ease both;
}

.cancel-search-e3{border-color:#fecaca}
.abandoned-search-e3{border-color:#fde68a}

.hero-icon{
  --size:86px;
  min-width:var(--size);
  height:var(--size);
  border-radius:18px;
  display:grid;
  place-items:center;
  background:conic-gradient(from 0deg, #e0f2fe, #eef2ff, #ecfeff, #e0f2fe);
  background-size:200% 200%;
  border:1px solid #e7eaf0;
  position:relative;
  animation:gradientSpin 6s linear infinite;
  transform:translateZ(0);
  overflow:visible;
  isolation:isolate;
}
.hero-icon i{
  font-size:2.25rem;
  color:#2563eb;
  animation:wobbleIcon 1.6s ease-in-out infinite, breatheIcon 2.4s ease-in-out infinite;
}
.hero-icon .sparkle{
  position:absolute;
  top:-12px; right:-10px;
  font-size:20px;
  animation:sparklePop 1.6s ease-in-out infinite;
}

.anim-pop-search-e3{animation:popIn-search-e3 .28s ease both}

@keyframes wobbleIcon{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  25%{transform:translateY(-4px) rotate(-6deg) scale(1.03)}
  50%{transform:translateY(2px) rotate(4deg) scale(.985)}
  75%{transform:translateY(-2px) rotate(-3deg) scale(1.02)}
}
@keyframes breatheIcon{0%,100%{filter:none}50%{filter:saturate(125%)}}
@keyframes sparklePop{0%,100%{transform:scale(.85) rotate(.001deg); opacity:.7}50%{transform:scale(1.22) rotate(10deg); opacity:1}}
@keyframes hueSlide{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
@keyframes gradientSpin{0%{background-position:0% 0%}100%{background-position:200% 200%}}
@keyframes sheenSlide{0%{transform:translate3d(-105%,0,0) rotate(12deg); opacity:0}15%{opacity:.55}50%{opacity:.2}100%{transform:translate3d(105%,0,0) rotate(12deg); opacity:0}}
@keyframes popIn-search-e3{from{opacity:0; transform:translateY(10px) scale(.985)}to{opacity:1; transform:translateY(0) scale(1)}}
@keyframes btnIconSwing{0%{transform:rotate(0)}30%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}100%{transform:rotate(0)}}

@media (prefers-reduced-motion: reduce){
  .hint-search-e3,
  .msg-card-search-e3::before,
  .msg-card-search-e3::after,
  .hero-icon,
  .hero-icon i,
  .hero-icon .sparkle,
  .anim-pop-search-e3,
  .btn-link-search-e3,
  .btn-link-search-e3::after{
    animation:none!important;
    transition:none!important;
  }
}
/* =========================== Fin Resultados Buscador E3 =========================== */

/* ======================= Apple "Liquid Glass" UI ======================= */
.lg-toggle {
  --lg-bg: rgba(255,255,255,.55);
  --lg-border: rgba(255,255,255,.6);
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: 9px 14px;
  border-radius: 8px;
  background: radial-gradient(90% 120% at 10% 10%, rgba(255,255,255,.75), rgba(255,255,255,.55)) ;
  border: 1px solid rgba(0,0,0,.06);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  color: #0f172a;
  cursor: pointer;
  user-select: none;
  transition: box-shadow .18s ease, transform .08s ease, border-color .18s ease;
  text-decoration: none;
  margin-top: 5px;
}
.lg-toggle:active { transform: translateY(1px); }
.lg-toggle .chev {
  display: inline-block;
  transition: transform .2s ease;
  font-size: .95em; opacity: .9;
}
.lg-toggle[aria-expanded="true"] .chev { transform: rotate(180deg); }

.lg-panel {
  position: relative;
  border-radius: 16px;
  padding: 14px;
  background:
    radial-gradient(120% 180% at 0% 0%, rgba(255,255,255,.92) 0%, rgba(246,248,255,.78) 100%);
  border: 1px solid rgba(0,0,0,.06);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
}
.lg-panel .label-soft{ color:#667085; font-size:.9rem; margin-bottom:8px; }

.lg-seg {
  display: inline-flex;
  position: relative;
  padding: 2px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(245,247,250,.8));
  border: 1px solid rgba(0,0,0,.08);
}
.lg-seg input[type="radio"]{ display:none; }
.lg-seg label{
  position: relative;
  margin: 0;
  padding: 8px 14px;
  font-size: .95rem;
  border-radius: 10px;
  color:#1f2937;
  cursor: pointer; user-select:none;
  transition: color .15s ease, transform .08s ease;
}

.lg-seg input[type="radio"]:checked + label{
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #38a3ff, #0a84ff 60%, #0060df);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.25),
    0 6px 16px rgba(2,106,255,.28);
}

.lg-collapse{
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height .26s ease, opacity .2s ease;
  will-change: height, opacity;
}
.lg-collapse.is-open{ opacity: 1; }

.mt-2{ margin-top:.5rem; }
.sr-only{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

.icon-collapse-lg-ico{
  color: #38a3ff;
}

.ibb-prov-card span{
  font-size: .70rem;   
  line-height: 1.1;
  padding-left: 6px;
}

@media (max-width: 576px){
  .ibb-prov-card span{ font-size: .70rem;}
}

/* ======================= EDITOR REGLAS DE NEGOCIO ======================= */
:root{
  --liquid-bg: hsla(0,0%,100%,0.16);
  --liquid-bg-strong: hsla(0,0%,100%,0.22);
  --liquid-border: hsla(0,0%,100%,0.38);
  --liquid-highlight: hsla(0,0%,100%,0.66);
  --liquid-shadow: rgba(20,20,20,0.35);
  --liquid-text: #1c1c1e;
  --liquid-radius: 18px;
  --liquid-radius-sm: 14px;
  --liquid-gap: 16px;
  --accent-primary: #6f6f73;  
  --accent-success: #34c759;   
  --accent-info: #50c8a7;      
}

.liquid-container{
  display:flex;
  flex-direction:column;
  gap:22px;
  background:
    radial-gradient(1100px 520px at 10% -10%, rgba(255,244,228,0.22), transparent 60%),
    radial-gradient(900px 560px at 90% 0%, rgba(217,245,234,0.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent);
  border-radius: var(--liquid-radius);
  padding: 18px;
}

.card-liquid{
  border-radius: var(--liquid-radius);
  background: var(--liquid-bg);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1px solid var(--accent-info);
  overflow: hidden;
}
.section-liquid{}

.header-liquid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  background: linear-gradient(180deg, var(--liquid-bg-strong), transparent);
}
.header-primary-liquid .title-liquid i{ color: var(--accent-primary); }
.header-success-liquid .title-liquid i{ color: var(--accent-success); }
.header-info-liquid .title-liquid i{ color: var(--accent-info); }

.title-liquid{
  margin:0;
  font-weight:700;
  letter-spacing:.2px;
  color: var(--liquid-text);
}

.body-liquid{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:18px;
  color: var(--liquid-text);
}

.block-liquid{
  background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: var(--liquid-radius-sm);
  padding:14px;
  box-shadow: inset 0 1px 0 0 var(--liquid-highlight);
}
.subtitle-liquid{
  font-weight:700;
  margin:0 0 10px 0;
  display:flex;
  align-items:center;
  color: var(--liquid-text);
}

.stack-liquid{ display:flex; flex-direction:column; gap:12px; }
.globales-liquid{ display:flex; flex-direction:row; gap:12px; }
.grid-2-liquid{ display:grid; grid-template-columns: 1fr; gap:12px; }
.grid-3-liquid{ display:grid; grid-template-columns: 1fr; gap:12px; }
@media (min-width: 768px){
  .grid-2-liquid{ grid-template-columns: 1fr 1fr; }
  .grid-3-liquid{ grid-template-columns: repeat(3, 1fr); }
}

.field-liquid{}
.label-liquid{
  font-weight:600;
  margin-bottom:6px;
  opacity:.9;
  color: var(--liquid-text);
}
.input-liquid, .select-liquid{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.72);
  color: var(--liquid-text);
  padding:10px 12px;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s, transform .08s;
}
.input-liquid:hover, .select-liquid:hover{
  background: rgba(255,255,255,0.86);
}
.input-liquid:focus, .select-liquid:focus{
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent-primary) 22%, transparent);
  background: rgba(255,255,255,0.96);
}

.input-wrap-liquid{
  display:flex; align-items:center; gap:8px;
  border-radius:12px; padding:6px 10px;
  border:1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.68);
}
.input-wrap-liquid .input-liquid{
  border:none; background:transparent; padding:8px 6px; flex:1;
  box-shadow:none;
}
.prefix-liquid, .suffix-liquid{
  font-weight:600; opacity:.85;
  background: rgba(255,255,255,0.86);
  border:1px solid rgba(0,0,0,0.10);
  padding:4px 8px; border-radius:8px;
  color: var(--liquid-text);
}

.row-liquid{ display:flex; align-items:center; gap:10px; }

.holder-liquid{
  min-height:48px;
  border-radius:12px;
  border:1px dashed rgba(0,0,0,0.20);
  background: rgba(255,255,255,0.55);
  padding:8px;
}

.hint-liquid{ opacity:.75; color: #3a3a3c; }

.actions-right-liquid{ display:flex; justify-content:flex-end; }
.actions-liquid{ display:flex; gap:10px; flex-wrap:wrap; }

/* ======================= BOTONES ======================= */

.btn-liquid{
  border-radius:12px;
  box-shadow: 0 8px 18px -8px var(--liquid-shadow);
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  background: var(--bs-btn-bg, initial);
  color: var(--bs-btn-color, inherit);
  border: var(--bs-btn-border-width, 1px) solid var(--bs-btn-border-color, transparent);
  transition: transform .08s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}
.btn-liquid:hover{
  transform: translateY(-1px);
  background: var(--bs-btn-hover-bg, var(--bs-btn-bg));
  border-color: var(--bs-btn-hover-border-color, var(--bs-btn-border-color));
  color: var(--bs-btn-hover-color, var(--bs-btn-color));
  box-shadow: 0 12px 22px -10px var(--liquid-shadow);
}
.btn-liquid:active{
  transform: translateY(0);
  background: var(--bs-btn-active-bg, var(--bs-btn-bg));
  border-color: var(--bs-btn-active-border-color, var(--bs-btn-border-color));
  color: var(--bs-btn-active-color, var(--bs-btn-color));
}


.btn-liquid-ghost{
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.12);
  color: inherit;
  transition: background .18s ease, border-color .18s ease, transform .08s ease, box-shadow .18s ease;
}
.btn-liquid-ghost:hover{
  background: rgba(255,255,255,0.18);
  transform: translateY(-1px);
}
.btn-liquid-ghost:active{
  transform: translateY(0);
}
/* ===== FIN BOTONES ===== */

.divider-liquid{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.25), transparent);
  margin: 2px 0;
}

.simulador-liquid{
  border-radius: var(--liquid-radius-sm);
  border:1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.62);
  padding:12px;
  color: var(--liquid-text);
}
.simu-head-liquid{
  font-weight:700; margin-bottom:10px; display:flex; align-items:center;
}
.simu-grid-liquid{
  display:grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap:10px; align-items:center;
}
@media (max-width: 768px){
  .simu-grid-liquid{ grid-template-columns: 1fr; }
  .simu-arrow-liquid{ display:none; }
}
.simu-card-liquid{
  background: rgba(255,255,255,0.78);
  border:1px solid rgba(0,0,0,0.10);
  border-radius:12px; padding:10px;
}
.simu-label-liquid{ font-weight:600; opacity:.9; margin-bottom:4px; }
.simu-value-liquid{ font-weight:700; }
.simu-value-liquid.strike{ text-decoration: line-through; opacity:.85; }
.badge-liquid{
  display:inline-block; margin-top:4px; padding:2px 8px;
  border-radius:999px; background: rgba(0,0,0,0.06);
  border:1px solid rgba(0,0,0,0.12);
  font-size:.85rem; color:#111;
}
.badge-liquid.info{ background: rgba(111,111,115,0.16); }
.badge-liquid.warn{ background: rgba(255,204,0,0.20); }
.badge-liquid.ok{ background: rgba(52,199,89,0.20); }
.simu-arrow-liquid{ opacity:.55; }

/* Días de la semana */
.dow-liquid{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;
}
.day-chip-liquid{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; border-radius:12px;
  font-weight:700; letter-spacing:.3px;
  border:1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.72);
  box-shadow: inset 0 1px 0 0 #fff;
  color: var(--liquid-text);
  cursor:pointer; user-select:none;
  transition: transform .08s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s;
}
.day-chip-liquid:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.90); }
.day-chip-liquid.active{
  background: color-mix(in oklab, var(--accent-success) 24%, white);
  border-color: color-mix(in oklab, var(--accent-success) 52%, rgba(0,0,0,0.18));
  color:#0b3d1f;
  box-shadow: 0 4px 10px -6px var(--liquid-shadow), inset 0 1px 0 0 #fff;
}

.end-right-liquid{ display:flex; justify-content:flex-end; }
.align-end-liquid{ display:flex; align-items:center; flex-direction: column; justify-content: center;}
.row-between-liquid{ display:flex; justify-content:space-between; align-items:center; }

.notes-liquid{ display:flex; flex-direction:column; gap:4px; }

.btn-check:focus + .day-chip-liquid{
  outline: 3px solid color-mix(in oklab, var(--accent-primary) 22%, transparent);
  outline-offset: 2px;
}

.grid-3-liquid input{
  margin-bottom: 0 !important;
}

.select-liquid{
  border-radius: 10px !important;
}

:root{
  --liquid-bg: rgba(255,255,255,0.88);     
  --liquid-bg-strong: rgba(255,255,255,0.94);
  --liquid-border: rgba(0,0,0,0.10);
  --liquid-shadow: rgba(18,18,18,0.25);
  --liquid-text: #0f172a;

  --radius-lg: 18px;
  --radius-md: 14px;

  --state-success: #22c55e;
  --state-warning: #f59e0b;
  --state-danger:  #ef4444;
  --state-secondary:#6b7280;

  --chip-bg: rgba(0,0,0,0.04);
}

.promo-card-liquid{
  border-radius: var(--radius-lg);
  background: var(--liquid-bg);
  border: 1px solid var(--liquid-border);
  box-shadow: 0 12px 28px -12px var(--liquid-shadow);
  color: var(--liquid-text);
  overflow:hidden;
  margin-bottom: 14px;
}

.promo-head-liquid{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  background: linear-gradient(180deg, var(--liquid-bg-strong), transparent);
  border-bottom: 1px solid var(--liquid-border);
}
.promo-title-liquid{
  margin:0; font-weight:800; letter-spacing:.2px; flex:1;
}
.promo-actions-liquid{ display:flex; gap:8px; }

.badge-state-liquid{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; font-weight:800;
  color:#0f172a; background:#e5e7eb; border:1px solid rgba(0,0,0,.06);
}
.badge-state-liquid i.bi{ font-size: 0.95em; line-height: 1; } /* evita ícono gigante */
.state-success-liquid{ background: color-mix(in oklab, var(--state-success) 22%, white); border-color: color-mix(in oklab, var(--state-success) 45%, #0000); }
.state-warning-liquid{ background: color-mix(in oklab, var(--state-warning) 24%, white); border-color: color-mix(in oklab, var(--state-warning) 52%, #0000); }
.state-danger-liquid{  background: color-mix(in oklab, var(--state-danger)  20%, white); border-color: color-mix(in oklab, var(--state-danger)  48%, #0000); }
.state-secondary-liquid{background: color-mix(in oklab, var(--state-secondary)18%, white); border-color: color-mix(in oklab, var(--state-secondary)42%, #0000); }

.promo-meta-row-liquid{
  display:flex; flex-wrap:wrap; gap:8px; padding:8px 14px; border-bottom:1px dashed var(--liquid-border);
}
.meta-chip-liquid{
  display:inline-flex; align-items:center; gap:8px;
  background: var(--chip-bg);
  padding:6px 10px; border-radius:12px; border:1px solid rgba(0,0,0,.06);
  font-weight:600; color:#111827;
}
.meta-chip-liquid i{ opacity:.75; }

.promo-grid-liquid{
  display:grid; grid-template-columns: 1fr 1fr; gap:8px; padding:10px 14px;
}
@media (max-width:768px){ .promo-grid-liquid{ grid-template-columns: 1fr; } }
.promo-info-col .info-row-liquid{
  display:flex; align-items:center; gap:8px; padding:4px 0; color:#111827;
}

.promo-skus-wrap{ padding:6px 14px 12px 14px; }
.skus-collapsible-liquid{
  position:relative; overflow:hidden; max-height:120px;
  border:1px dashed rgba(0,0,0,0.12); border-radius:12px;
  background: rgba(255,255,255,0.95); 
  padding:8px;
}
.skus-collapsible-liquid::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:46px; pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.95));
  border-bottom-left-radius:12px; border-bottom-right-radius:12px;
}
.skus-collapsible-liquid.expanded{ max-height:none; overflow:visible; }
.skus-collapsible-liquid.expanded::after{ display:none; }
.skus-toggle-liquid{
  border-radius:10px; border:1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.96); color:#111;
  display:inline-flex; align-items:center; gap:6px;
  box-shadow: 0 6px 14px -10px var(--liquid-shadow), inset 0 1px 0 0 #fff;
}

.promo-foot-liquid{
  display:flex; gap:14px; flex-wrap:wrap; padding:10px 14px;
  border-top:1px dashed var(--liquid-border); color:#475569;
}

.day-chip-mini-liquid{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:26px; border-radius:8px;
  font-weight:800; color:#0f172a;
  border:1px solid rgba(0,0,0,0.10);
  background: #ffffff;
  box-shadow: inset 0 1px 0 0 #fff;
}

.sku-suggest-liquid{
  position:relative; margin-top:8px; border-radius:12px;
  border:1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.98); 
  box-shadow: 0 10px 26px -14px rgba(20,20,20,.35);
  overflow:hidden; z-index:20;
}
.sku-item-liquid{
  display:flex; align-items:center; gap:10px; padding:10px 12px;
  text-decoration:none; color:#0f172a; border-bottom:1px solid rgba(0,0,0,0.06);
  transition: background .18s ease, transform .06s ease;
}
.sku-item-liquid:last-child{ border-bottom:none; }
.sku-item-liquid:hover{ background: rgba(0,0,0,0.04); transform: translateY(-1px); }
.sku-main-liquid{ font-weight:800; }
.sku-variant-liquid{ font-weight:700; color:#6b5d00; }
.sku-arrow-liquid{ opacity:.7; }

.combo-container{ display:inline-flex; align-items:center; gap:6px; margin:4px 6px 4px 0; }
.combo-container .badge{ font-weight:700; }

.label-liquid{ font-weight:800; color:#0f172a; }

.input-liquid, .select-liquid{
  color:#0f172a; background: rgba(255,255,255,0.98) !important; border:1px solid rgba(0,0,0,0.12) !important;
}
.input-liquid:focus, .select-liquid:focus{
  outline:none; box-shadow: 0 0 0 3px rgba(59,130,246,.18);
}

.btn-liquid-ghost{
  border-radius:10px; border:1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.98); color:#0f172a;
}

.card-liquid{ color:#0f172a; }

.skus-collapsible-liquid{
  max-height: 160px !important;     
  overflow: hidden !important;
}
.skus-collapsible-liquid::after{
  display: block !important;          
}
.skus-collapsible-liquid.expanded{
  max-height: none !important;        
  overflow: visible !important;
}
.skus-collapsible-liquid.expanded::after{
  display: none !important;           
}

.skus-toggle-liquid{
  display: inline-flex !important;
}

#selectedSkusList-rules{
  max-height: 220px;
  overflow: auto;
}

:root{
  --ry-color: #ef4444;               
  --ry-border-w: 2.5px;                
  --ry-shadow: 0 14px 34px rgba(239,68,68,.18), 0 3px 10px rgba(239,68,68,.10);
}

/* Base de la card marcada */
#e3-cards .card.retiroYaCard{
  position: relative;
  border-radius: 16px;
  border: 1px solid rgba(239,68,68,.55);
  box-shadow: var(--ry-shadow);
  overflow: visible;         
}

.cardcita-ry{
  background-color: #ef4444;
  color: #fff;
  font-weight: 700;
  padding: 6px 12px 10px 12px;
  border-radius: 8px 8px 0 0;
  position: absolute;
  top: -40px;
  z-index: -1;
}

.name-e3-ry {
  color: #ef4444;
  font-weight: 400;
  font-family: "Reddit Sans Condensed", sans-serif;
  font-size: 1.3rem;
  display: inline-block;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.carousel-ry {
  border: solid 1px #ef4444 !important;         
  background-color: #ffffff !important;
  border-radius: 0 !important;
  margin-bottom: 5px !important;
  overflow: hidden !important;
}

.carousel-control-next-ry,
.carousel-control-prev-ry {
  color: #ffffff !important;
  background-color: #ef4444 !important;         
}

.contenedorRemito-e3-ry{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #333; 
    background-color: #ffffff; 
    border: solid 1px #ef4444;
    border-radius:8px 8px 0 0;  
    margin-top: 10px;
    margin-bottom: -10px;
}

/* =========================================================
   RetiroYa Toast — iOS Glass v11.1
   (min sólido 92x92, colapso real del contenido)
   ========================================================= */

:root{
  --RT-fg-strong: #0f172a;
  --RT-fg-soft:   #475569;

  --RT-glass-1:   rgba(255,255,255,.92);
  --RT-glass-2:   rgba(248,250,252,.84);
  --RT-border:    rgba(15,23,42,.10);
  --RT-shadow-1:  rgba(2,6,23,.18);
  --RT-shadow-2:  rgba(2,6,23,.06);

  --RT-acc-1:     #60a5fa;
  --RT-acc-2:     #22d3ee;

  --RT-alert-1:   #ef4444;
  --RT-alert-2:   #f97316;
  --RT-alert-brd: rgba(239,68,68,.55);

  --RT-pill-bg:   rgba(255,255,255,.80);
  --RT-pill-fg:   #0f172a;

  /* Tamaño del círculo minimizado */
  --RT-min-circle: 92px;
}

/* Root */
#RT-Toast-root{
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 1045;
  visibility: hidden;
  opacity: 0;
  transform: translateY(14px) scale(.98);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s ease, visibility 0s linear .35s;
}
#RT-Toast-root.show{
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s ease, visibility 0s;
}

/* Panel */
.panel-RT-Toast{
  width: clamp(300px, 32vw, 420px);
  color: var(--RT-fg-soft);
  border-radius: 22px;
  padding: 64px 16px 14px;
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  border: 1px solid var(--RT-border);
  box-shadow:
    0 28px 60px var(--RT-shadow-1),
    0 2px 10px var(--RT-shadow-2),
    inset 0 1px 0 rgba(255,255,255,.25);
  background: linear-gradient(145deg, var(--RT-glass-1), var(--RT-glass-2));
  position: relative;
  overflow: visible;
  transition:
    width .28s ease, height .28s ease,
    padding .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.panel-RT-Toast::before{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:0;
  background:
    radial-gradient(120% 140% at 0% 100%, color-mix(in srgb, var(--RT-acc-2) 24%, transparent), transparent 60%),
    radial-gradient(120% 140% at 100% 0%,  color-mix(in srgb, var(--RT-acc-1) 20%, transparent), transparent 56%);
  transition: background .30s ease, border-color .30s ease, filter .30s ease, opacity .28s ease;
  pointer-events:none;
}

/* Tema BASE */
.panel-RT-Toast[data-theme="base"]{ border-color: var(--RT-border); }
.panel-RT-Toast[data-theme="base"]::before{
  background:
    radial-gradient(120% 140% at 0% 100%, color-mix(in srgb, var(--RT-acc-2) 28%, transparent), transparent 60%),
    radial-gradient(120% 140% at 100% 0%,  color-mix(in srgb, var(--RT-acc-1) 24%, transparent), transparent 56%);
}

/* Tema ALERT */
.panel-RT-Toast[data-theme="alert"]{
  border-color: var(--RT-alert-brd);
  box-shadow:
    0 32px 70px rgba(127,29,29,.20),
    0 8px 28px rgba(127,29,29,.08),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.panel-RT-Toast[data-theme="alert"]::before{
  background:
    radial-gradient(120% 140% at 0% 100%, color-mix(in srgb, var(--RT-alert-2) 34%, transparent), transparent 60%),
    radial-gradient(120% 140% at 100% 0%,  color-mix(in srgb, var(--RT-alert-1) 32%, transparent), transparent 56%);
  filter: saturate(1.08);
}

/* Crossfade rojo→azul */
.panel-RT-Toast.xfade::before{
  transition: background 1.1s ease, border-color 1.1s ease, filter 1.1s ease;
}
.panel-RT-Toast.xfade .heroIcon-RT-Toast i{
  transition: opacity 1.1s ease, transform 1.1s ease, filter 1.1s ease, color 1.1s ease;
}

/* Entrada */
.panel-RT-Toast.enter{ animation: RT-popIn .45s cubic-bezier(.18,.89,.32,1.28); }
@keyframes RT-popIn{
  0%{transform:translateY(10px) scale(.98); opacity:0}
  60%{transform:translateY(-2px) scale(1.02); opacity:1}
  100%{transform:translateY(0) scale(1)}
}

/* ===========================
   Modo MINIMIZADO (círculo)
   =========================== */
.panel-RT-Toast[data-mode="min"]{
  width: var(--RT-min-circle);
  height: var(--RT-min-circle); /* <- colapso real del alto */
  padding: 0;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.panel-RT-Toast[data-mode="min"]::before{ opacity: 0; }

/* Contenido colapsado de verdad (sin bleed) */
.panel-RT-Toast .panelClip-RT-Toast{
  z-index:1; position:relative;
  transition: opacity .24s ease, transform .24s ease, max-height .28s ease, visibility 0s linear .28s;
  max-height: 720px;
  overflow: hidden; /* evita sangrado en navegadores sin 'clip' */
}
.panel-RT-Toast[data-mode="min"] .panelClip-RT-Toast{
  opacity: 0;
  transform: translateY(8px) scale(.98);
  max-height: 0;            /* <- colapso vertical */
  visibility: hidden;       /* <- que no “asome” contenido */
  pointer-events: none;
  transition: opacity .20s ease, transform .20s ease, max-height .28s ease, visibility 0s linear .28s;
}
.panel-RT-Toast[data-mode="full"] .panelClip-RT-Toast{
  opacity: 1;
  transform: translateY(0) scale(1);
  max-height: 720px;
  visibility: visible;
  pointer-events: auto;
}

/* Círculo hero */
.heroIcon-RT-Toast{
  position:absolute; left:0; top:0; transform:none;
  width:var(--RT-min-circle); height:var(--RT-min-circle);
  border-radius:9999px; display:grid; place-items:center;
  background:
    radial-gradient(80% 80% at 30% 20%, rgba(255,255,255,.96), rgba(255,255,255,.58)),
    linear-gradient(135deg, color-mix(in srgb, var(--RT-acc-1) 26%, #fff), color-mix(in srgb, var(--RT-acc-2) 20%, #fff));
  border:1px solid color-mix(in srgb, var(--RT-acc-1) 34%, transparent);
  box-shadow: 0 14px 34px rgba(2,6,23,.20);
  z-index:2; cursor:pointer; pointer-events:auto; overflow:visible;
}
.panel-RT-Toast[data-theme="alert"] .heroIcon-RT-Toast{
  background:
    radial-gradient(80% 80% at 30% 20%, rgba(255,255,255,.96), rgba(255,255,255,.58)),
    linear-gradient(135deg, color-mix(in srgb, var(--RT-alert-1) 32%, #fff), color-mix(in srgb, var(--RT-alert-2) 28%, #fff));
  border-color: var(--RT-alert-brd);
}

/* En modo FULL recolocamos el círculo arriba centrado */
.panel-RT-Toast[data-mode="full"] .heroIcon-RT-Toast{
  left:50%; top:-44px; transform:translateX(-50%);
}

/* Aura pulsante en ALERT */
.panel-RT-Toast[data-theme="alert"] .heroIcon-RT-Toast::after{
  content:""; position:absolute; inset:-6px; border-radius:inherit; z-index:-1;
  background: radial-gradient(70% 70% at 50% 50%, rgba(239,68,68,.28), rgba(239,68,68,0) 70%);
  animation: RT-redAura 1.2s ease-in-out infinite;
}
@keyframes RT-redAura{
  0%,100%{ transform: scale(1); opacity:.85; }
  50%    { transform: scale(1.06); opacity:1; }
}

/* Ping/llamada de atención (solo en min) */
.heroIcon-RT-Toast .ping-RT-Toast{ position:absolute; width:100%; height:100%; border-radius:inherit; inset:0; pointer-events:none; }
.panel-RT-Toast[data-mode="min"] .heroIcon-RT-Toast.attn-RT-Toast{ animation: RT-heroNudge 1.8s ease-in-out infinite; }
@keyframes RT-heroNudge{ 0%,100%{ transform: translateY(0) scale(1); } 50%{ transform: translateY(-2px) scale(1.04); } }
.panel-RT-Toast[data-mode="min"] .heroIcon-RT-Toast.attn-RT-Toast .ping-RT-Toast::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit;
  box-shadow: 0 0 0 0 rgba(14,165,233,.35);
  animation: RT-ping 1.8s ease-out infinite;
}
@keyframes RT-ping{ 0%{ box-shadow:0 0 0 0 rgba(14,165,233,.35);} 70%{ box-shadow:0 0 0 18px rgba(14,165,233,0);} 100%{ box-shadow:0 0 0 0 rgba(14,165,233,0);} }

/* Íconos del círculo */
.heroIcon-RT-Toast i{
  position:absolute; font-size: 48px; line-height: 1;
  transition: opacity .22s ease, transform .22s ease, filter .22s ease, color .22s ease;
  will-change: transform, opacity, filter, color;
}
.heroIcon-RT-Toast .bi-lightning-charge-fill{ color:#0ea5e9; filter: drop-shadow(0 8px 18px rgba(14,165,233,.34)); }
.heroIcon-RT-Toast .bi-bell-fill{            color:#d97706; filter: drop-shadow(0 8px 18px rgba(217,119,6,.32)); }
.panel-RT-Toast[data-theme="alert"] .heroIcon-RT-Toast .bi-bell-fill{ color:#ef4444; filter: drop-shadow(0 8px 18px rgba(239,68,68,.42)); }
.panel-RT-Toast[data-theme="alert"] .heroIcon-RT-Toast .bi-lightning-charge-fill{ color:#ef4444; filter: drop-shadow(0 8px 18px rgba(239,68,68,.36)); }

.panel-RT-Toast[data-icon="ray"]  .heroIcon-RT-Toast .bi-lightning-charge-fill{ opacity:1; transform:scale(1) }
.panel-RT-Toast[data-icon="ray"]  .heroIcon-RT-Toast .bi-bell-fill{            opacity:0; transform:scale(.78); pointer-events:none }
.panel-RT-Toast[data-icon="bell"] .heroIcon-RT-Toast .bi-lightning-charge-fill{ opacity:0; transform:scale(.78); pointer-events:none }
.panel-RT-Toast[data-icon="bell"] .heroIcon-RT-Toast .bi-bell-fill{            opacity:1; transform:scale(1) }

/* Animaciones de ícono */
.panel-RT-Toast[data-icon="ray"] .heroIcon-RT-Toast .bi-lightning-charge-fill{ animation: RT-rayPulse 1.8s ease-in-out infinite; }
@keyframes RT-rayPulse{ 0%,100%{ transform: scale(1); filter: drop-shadow(0 6px 14px rgba(14,165,233,.34)); } 50%{ transform: scale(1.08); filter: drop-shadow(0 10px 20px rgba(14,165,233,.50)); } }
.panel-RT-Toast[data-theme="alert"] .heroIcon-RT-Toast .bi-bell-fill{
  animation: RT-bellSwing 1.05s ease-in-out infinite, RT-bellGlow 1.05s ease-in-out infinite;
  transform-origin: 50% 8%;
}
@keyframes RT-bellSwing{ 0%{transform:rotate(0)} 15%{transform:rotate(18deg)} 35%{transform:rotate(-16deg)} 55%{transform:rotate(12deg)} 75%{transform:rotate(-8deg)} 100%{transform:rotate(0)} }
@keyframes RT-bellGlow{ 0%,100%{ filter: drop-shadow(0 6px 16px rgba(239,68,68,.38)); } 50%{ filter: drop-shadow(0 10px 22px rgba(239,68,68,.52)); } }

/* Header */
.header-RT-Toast{ display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center; z-index:1; position:relative; }
.title-RT-Toast{
  font-family:"SF Pro Display",-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-weight:800; letter-spacing:.2px; color:var(--RT-fg-strong);
  font-size:1.08rem; line-height:1.22;
}
.count-RT-Toast{
  display:inline-block; padding:0 .36em; margin:0 .08em; border-radius:.6em;
  font-weight:900; color:#1d4ed8; background:rgba(59,130,246,.12); border:1px solid rgba(59,130,246,.18);
  transition: color .25s ease, background .25s ease, border-color .25s ease;
}
.panel-RT-Toast[data-theme="alert"] .count-RT-Toast{ color:#b91c1c; background:rgba(239,68,68,.14); border-color:rgba(239,68,68,.30); }
.metaRow-RT-Toast{ margin-top:4px; display:flex; align-items:center; gap:.5rem; font-size:.92rem; color:var(--RT-fg-soft); }
.dot-RT-Toast{
  width:10px;height:10px;border-radius:9999px;background:#22d3ee; display:inline-block;
  box-shadow:0 0 0 0 rgba(34,211,238,.35); animation: RT-pulse 1.4s infinite;
  transition: background .25s ease, box-shadow .25s ease;
}
@keyframes RT-pulse{ 0%{ box-shadow: 0 0 0 0 rgba(34,211,238,.35); } 70%{ box-shadow: 0 0 0 12px rgba(34,211,238,0); } 100%{ box-shadow: 0 0 0 0 rgba(34,211,238,0); } }
.panel-RT-Toast[data-theme="alert"] .dot-RT-Toast{ background:#ef4444; animation: RT-pulse-red 1.4s infinite; }
@keyframes RT-pulse-red{ 0%{ box-shadow: 0 0 0 0 rgba(239,68,68,.35);} 70%{ box-shadow: 0 0 0 12px rgba(239,68,68,0);} 100%{ box-shadow: 0 0 0 0 rgba(239,68,68,0);} }

/* Botones del header */
.close-RT-Toast{
  position:absolute; right:10px; bottom:10px;
  appearance:none; border:none; background:transparent;
  color:#475569; font-weight:900; font-size:18px; line-height:1; border-radius:8px; padding:6px 8px;
  z-index:3; cursor:pointer;
}
.close-RT-Toast:hover{ background:rgba(0,0,0,.06); color:var(--RT-fg-strong); }

.min-RT-Toast{
  position:absolute; right:40px; bottom:10px;
  appearance:none; border:none; background:transparent; cursor:pointer;
  color:#475569; font-size:18px; line-height:1; border-radius:8px; padding:6px 8px; z-index:3;
}
.min-RT-Toast:hover{ background:rgba(0,0,0,.06); color:var(--RT-fg-strong); }

/* Lista */
.list-RT-Toast{
  margin-top:12px; display:grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap:8px; z-index:1; position:relative;
}
.pill-RT-Toast{
  display:flex; align-items:center; justify-content:center; gap:6px;
  padding:10px 12px; border-radius:14px; background:var(--RT-pill-bg); color:var(--RT-pill-fg);
  border:1px solid var(--RT-border); font-weight:800; font-size:.94rem; box-shadow:0 2px 8px var(--RT-shadow-2);
  transition: transform .12s ease;
}
.pill-RT-Toast:hover{ transform: translateY(-1px); }
.pillNew-RT-Toast{ animation: RT-chipPop .28s ease; }
@keyframes RT-chipPop{ from{transform:scale(.96);opacity:0} to{transform:scale(1);opacity:1} }

/* Acción principal */
.actions-RT-Toast{ margin-top:12px; display:flex; justify-content:center; z-index:1; position:relative; }
.btn-RT-Toast{
  border-radius:999px; font-weight:800; padding:.70rem 1.12rem;
  background: rgba(255,255,255,.55); color:#0f172a; border:1px solid rgba(15,23,42,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55); backdrop-filter: blur(8px);
  transition: transform .14s cubic-bezier(.2,.8,.2,1), color .14s ease, background .14s ease, border-color .14s ease;
}
.btn-RT-Toast:hover{ transform: scale(1.05); color:#fff; background:rgba(20,20,20,.25); border-color:rgba(15,23,42,.20); }
.btn-RT-Toast:active{ transform: scale(.98); }

/* Ajustes FULL */
.panel-RT-Toast[data-mode="full"]{
  width: clamp(300px, 32vw, 420px);
  height: auto;
  padding: 64px 16px 14px;
  background: linear-gradient(145deg, var(--RT-glass-1), var(--RT-glass-2));
  border: 1px solid var(--RT-border);
  box-shadow:
    0 28px 60px var(--RT-shadow-1),
    0 2px 10px var(--RT-shadow-2),
    inset 0 1px 0 rgba(255,255,255,.25);
}

/* Botón "Borrar envío de Pendientes" (estilo macOS) */
.e3-pend-btn-wrap{
  margin: 10px 12px 12px;
  display:flex; justify-content:flex-end;
}
.e3-btn-remove-pend{
  appearance:none; border:1px solid rgba(0,0,0,.08);
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(248,250,252,.88));
  border-radius:12px; padding:.55rem .85rem;
  font-weight:700; letter-spacing:.2px;
  display:inline-flex; align-items:center; gap:.45rem;
  color:#111827; cursor:pointer;
  transition: background .2s ease, transform .06s ease, color .2s ease, box-shadow .2s ease;
}
.e3-btn-remove-pend i{ opacity:.9; }
.e3-btn-remove-pend:hover{
  transform: translateY(-1px);
  background: linear-gradient(145deg, #ef4444, #dc2626);
  color:#fff; border-color: rgba(220,38,38,.35);
}
.e3-btn-remove-pend:active{ transform: translateY(0); }

/* Consolita previa (en el modal de confirmación) */
#e3-precheck-log{
  margin-top:12px; padding:10px;
  border:1px dashed #cbd5e1; border-radius:12px;
  background:#f8fafc; font-family:ui-monospace, Menlo, monospace;
  font-size:12px; max-height:160px; overflow:auto;
}
#e3-precheck-log b{ color:#0ea5e9; }

.text-muted-red{ color:#b91c1c; font-weight:500;}