/* ═══ Botón Información de Tallas ═══ */
.btn-talla-info{
  display:inline-flex;align-items:center;gap:8px;
  background:#111;color:#fff;
  border:1.5px solid #333;border-radius:10px;
  padding:10px 20px;font-size:.85rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  cursor:pointer;margin-top:14px;
  transition:border-color .25s,box-shadow .25s,transform .2s;
}
.btn-talla-info:hover{
  border-color:#1a6dcc;
  box-shadow:0 0 0 3px rgba(26,109,204,.18);
  transform:translateY(-1px);
}
.btn-talla-info i{color:#1a6dcc;font-size:1rem;}

/* ═══ Overlay ═══ */
.tallas-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.78);z-index:9950;
  align-items:center;justify-content:center;padding:16px;
}
.tallas-overlay.active{display:flex;}

/* ═══ Modal ═══ */
.tallas-modal{
  background:#111;border:1px solid #222;border-radius:14px;
  width:100%;max-width:880px;max-height:92vh;overflow-y:auto;
  position:relative;padding:2rem 2.2rem;
  box-shadow:0 24px 64px rgba(0,0,0,.6);
  animation:tallasIn .28s cubic-bezier(.34,1.2,.64,1);
}
@keyframes tallasIn{
  from{opacity:0;transform:scale(.92) translateY(10px);}
  to{opacity:1;transform:scale(1) translateY(0);}
}
.tallas-modal-close{
  position:absolute;top:14px;right:16px;
  background:#1c1c1c;border:1px solid #333;color:#aaa;
  border-radius:50%;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:.95rem;transition:background .2s,color .2s;z-index:1;
}
.tallas-modal-close:hover{background:#2a2a2a;color:#fff;}

/* Header modal */
.tallas-modal-header{margin-bottom:1.6rem;border-bottom:1px solid #1e1e1e;padding-bottom:1rem;}
.tallas-modal-header h2{font-size:1.4rem;color:#fff;margin:0 0 4px;}
.tallas-modal-header h2 i{color:#1a6dcc;margin-right:10px;}
.tallas-modal-header p{color:#9ca3af;font-size:.88rem;margin:0;}

/* Layout tabla + silueta */
.tallas-body-layout{
  display:flex;gap:1.8rem;align-items:flex-start;margin-bottom:1.8rem;
}
.tallas-table-section{flex:1;overflow-x:auto;}

/* Tabla */
.tallas-table{
  width:100%;border-collapse:collapse;
  font-size:.85rem;min-width:280px;
}
.tallas-table thead tr{background:#000;}
.tallas-table th{
  color:#fff;padding:11px 14px;text-align:center;
  font-weight:700;letter-spacing:.07em;font-size:.78rem;
  text-transform:uppercase;border:1px solid #2a2a2a;
}
.tallas-table th:first-child{text-align:left;}
.tallas-table td{
  padding:9px 14px;text-align:center;
  color:#d1d5db;border:1px solid #1e1e1e;font-size:.84rem;
}
.tallas-table td:first-child{text-align:left;color:#fff;font-weight:600;}
.tallas-table tbody tr:nth-child(odd){background:#161616;}
.tallas-table tbody tr:nth-child(even){background:#111;}
.tallas-table tbody tr:hover{background:#1a2235;transition:background .15s;}

/* Silueta */
.tallas-silhouette{
  width:210px;flex-shrink:0;
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:4px;
}

/* Guía cómo medir */
.tallas-guide{
  background:#161616;border:1px solid #222;
  border-radius:10px;padding:1.3rem 1.6rem;
}
.tallas-guide h3{
  color:#fff;font-size:.98rem;margin:0 0 .85rem;
  display:flex;align-items:center;gap:10px;
}
.tallas-guide h3 i{color:#1a6dcc;}
.tallas-guide ol{padding-left:1.3rem;margin:0 0 1rem;}
.tallas-guide ol li{
  color:#9ca3af;font-size:.86rem;margin-bottom:.5rem;line-height:1.6;
}
.tallas-guide ol li strong{color:#e5e7eb;}
.tallas-wa-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:#25D366;color:#000;font-weight:700;
  border-radius:9px;padding:9px 18px;font-size:.86rem;
  text-decoration:none;transition:opacity .2s,transform .15s;
}
.tallas-wa-btn:hover{opacity:.88;transform:translateY(-1px);}
.tallas-wa-btn i{font-size:1.15rem;}

/* Responsive */
@media(max-width:640px){
  .tallas-modal{padding:1.2rem 1rem;}
  .tallas-body-layout{flex-direction:column-reverse;align-items:center;}
  .tallas-silhouette{width:180px;}
  .tallas-modal-header h2{font-size:1.1rem;}
}

/* ═══ Aviso Hecho a Medida ═══ */
.medida-notice{
  display:flex;align-items:flex-start;gap:14px;
  background:linear-gradient(135deg,#0d1a2e 0%,#0a1520 100%);
  border:1.5px solid #1a3a5c;border-radius:12px;
  padding:1.1rem 1.3rem;margin-top:16px;
}
.medida-notice-icon{
  width:42px;height:42px;flex-shrink:0;
  background:#1a3a5c;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#60a5fa;font-size:1.1rem;
}
.medida-notice-body strong{
  display:block;color:#e0f0ff;font-size:.92rem;
  margin-bottom:4px;font-weight:700;
}
.medida-notice-body p{
  color:#7cb9f0;font-size:.82rem;margin:0;line-height:1.55;
}
.medida-notice-body .medida-steps{
  margin:8px 0 0;padding:0;list-style:none;
}
.medida-notice-body .medida-steps li{
  color:#7cb9f0;font-size:.8rem;
  padding:3px 0;display:flex;align-items:center;gap:6px;
}
.medida-notice-body .medida-steps li::before{
  content:attr(data-n);
  width:18px;height:18px;background:#1a6dcc;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0;
}