#at_producto_detalle{
  --b:#e9e9e9;
  --bg:#ffffff;
  --soft:#f7f7f8;
  --text:#111827;
  --muted:#6b7280;
  --blue:#0b5ed7;
  --r:14px;
}

#at_producto_detalle .guibis-pd{
  padding: 14px;
  margin: 10px 0;
  background: var(--bg);
  border: 1px solid var(--b);
  border-radius: var(--r);
  box-shadow: 0 10px 25px rgba(0,0,0,.04);
}

#at_producto_detalle{
  --guibis-yellow:#E6B800; /* amarillo guibis */
}

/* HEAD */
#at_producto_detalle .guibis-pd__head{
  margin: 0 0 12px 0 !important;
}

/* TÍTULO EN UNA LÍNEA PRO */
#at_producto_detalle .guibis-pd__title{
  margin: 0 !important;
  font-weight: 600 !important;   /* sin bold exagerado */
  letter-spacing: -0.25px !important;
  color: #263238 !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
}

/* El nombre del producto NO azul */
/* ✅ Si el H3 o el contenedor está dentro de un <a>, mata el underline al hover */
#at_producto_detalle .guibis-pd__head a,
#at_producto_detalle .guibis-pd__head a:hover,
#at_producto_detalle .guibis-pd__head a:focus,
#at_producto_detalle .guibis-pd__head a:active{
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ✅ Asegura que "vendido por" NUNCA se subraye aunque herede hover */
#at_producto_detalle .guibis-pd__sold,
#at_producto_detalle .guibis-pd__sold:hover{
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
}

/* ✅ Mantén empresa/usuario como link (sin underline) */
#at_producto_detalle a.guibis-pd__store,
#at_producto_detalle a.guibis-pd__user,
#at_producto_detalle a.guibis-pd__store:hover,
#at_producto_detalle a.guibis-pd__user:hover,
#at_producto_detalle a.guibis-pd__store:focus,
#at_producto_detalle a.guibis-pd__user:focus,
#at_producto_detalle a.guibis-pd__store:active,
#at_producto_detalle a.guibis-pd__user:active{
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* separador */
#at_producto_detalle .guibis-pd__sep{
  margin: 0 8px !important;
  opacity: .55 !important;
  color: #263238 !important;
}

#at_producto_detalle .guibis-pd__sold{
  opacity: .90 !important;
  color: #263238 !important;
}

/* empresa con acento amarillo, sin subrayado */
#at_producto_detalle .guibis-pd__store{
  color: var(--guibis-yellow) !important;
  text-decoration:none !important;
  font-weight: 650 !important;
}
#at_producto_detalle .guibis-pd__store:hover,
#at_producto_detalle .guibis-pd__store:focus,
#at_producto_detalle .guibis-pd__store:active{
  text-decoration:none !important;  /* ✅ sin underline */
  color: var(--guibis-yellow) !important;
}

/* LINEA 2 plomo */
#at_producto_detalle .guibis-pd__userline{
  margin-top: 4px !important;
  font-size: 13px !important;
  color: #263238 !important;
  opacity: .70 !important;
}

#at_producto_detalle .guibis-pd__label{
  margin-right: 6px !important;
  opacity: .70 !important;
}

/* nombre usuario (plomo, sin underline) */
#at_producto_detalle .guibis-pd__user{
  color:#263238 !important;
  text-decoration:none !important;
  font-weight: 520 !important;
  opacity: .85 !important;
}
#at_producto_detalle .guibis-pd__user:hover,
#at_producto_detalle .guibis-pd__user:focus,
#at_producto_detalle .guibis-pd__user:active{
  text-decoration:none !important;  /* ✅ sin underline */
  color:#263238 !important;
}

/* SUBÍNDICE más pequeño */
#at_producto_detalle .guibis-pd__sub{
  margin-left: 3px !important;
  font-size: 55% !important;
  opacity: .65 !important;
  vertical-align: sub !important;
}
#at_producto_detalle .guibis-pd__sub--user{
  font-size: 52% !important;
  opacity: .60 !important;
}

/* GRID fijo */
#at_producto_detalle .guibis-pd__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 14px;
  align-items: start;
}
@media (max-width: 991.98px){
  #at_producto_detalle .guibis-pd__grid{ grid-template-columns: 1fr; }
}

/* viewer */
#at_producto_detalle .guibis-viewer{
  border: 1px solid var(--b);
  border-radius: var(--r);
  background: linear-gradient(180deg,#fff,var(--soft));
  padding: 10px;
  overflow: hidden;
}

#at_producto_detalle .guibis-slider{ position: relative; }

#at_producto_detalle .guibis-slides{
  position: relative;
  height: 460px;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 992px){
  #at_producto_detalle .guibis-slides{ height: 360px; }
}

#at_producto_detalle .guibis-slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
#at_producto_detalle .guibis-slide.is-active{
  opacity: 1;
  pointer-events: auto;
}

/* centro real */
#at_producto_detalle .guibis-zoomwrap{
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
}

/* imagen siempre centrada */
#at_producto_detalle .guibis-mainimg{
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display:block !important;
  margin: 0 auto !important;
  border-radius: 12px;
  user-select:none;
  transition: transform .18s ease;
  transform-origin: 50% 50%;
}

/* flechas */
#at_producto_detalle .guibis-nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:44px;height:44px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(17,24,39,.55);
  color:#fff;
  font-size:26px;
  line-height:44px;
  text-align:center;
  cursor:pointer;
  user-select:none;
}
#at_producto_detalle .guibis-prev{ left:10px; }
#at_producto_detalle .guibis-next{ right:10px; }
#at_producto_detalle .guibis-nav:hover{ filter: brightness(.95); }

/* thumbs */
#at_producto_detalle .guibis-thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  overflow-x:auto;
  padding-bottom:4px;
}
#at_producto_detalle .guibis-thumb{
  border:1px solid var(--b);
  background:#fff;
  border-radius:12px;
  width:62px;height:62px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  cursor:pointer;
}
#at_producto_detalle .guibis-thumb img{
  width:100%;height:100%;
  border-radius:11px;
  object-fit:cover;
  display:block;
}
#at_producto_detalle .guibis-thumb.is-active{
  border-color: rgba(11,94,215,.45);
  box-shadow: 0 0 0 3px rgba(11,94,215,.12);
}

/* descripcion */
#at_producto_detalle .guibis-box{
  margin-top:12px;
  border:1px solid var(--b);
  border-radius: var(--r);
  background:#fff;
  overflow:hidden;
}
#at_producto_detalle .guibis-box__head{
  padding:10px 12px;
  font-weight:900;
  border-bottom:1px solid var(--b);
}
#at_producto_detalle .guibis-box__body{
  padding:10px 12px;
  color:#374151;
  line-height:1.45;
  font-size:14px;
}

/* sidebar */
#at_producto_detalle .guibis-side{
  border:1px solid var(--b);
  border-radius: var(--r);
  background:#fff;
  padding:12px;
  position: sticky;
  top: 12px;
}
@media (max-width: 991.98px){
  #at_producto_detalle .guibis-side{ position: static; }
}

/* price */
#at_producto_detalle .guibis-price{
  display:flex;
  align-items:flex-end;
  gap:4px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--b);
  margin-bottom:10px;
}
#at_producto_detalle .guibis-price__cur{
  font-weight:900;
  font-size:16px;
  transform: translateY(-6px);
}
#at_producto_detalle .guibis-price__int{
  font-weight:950;
  font-size:34px;
  letter-spacing:-0.8px;
}
#at_producto_detalle .guibis-price__dec{
  font-weight:900;
  font-size:14px;
  color:var(--muted);
  transform: translateY(-6px);
}

/* env */
#at_producto_detalle .guibis-env{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--b);
  background:var(--soft);
  font-weight:800;
  font-size:13px;
  line-height:1.25;
  margin:10px 0;
}
#at_producto_detalle .guibis-env--ok{
  border-color: rgba(22,163,74,.25);
  background: rgba(22,163,74,.08);
}
#at_producto_detalle .guibis-env--no{
  border-color: rgba(220,38,38,.20);
  background: rgba(220,38,38,.06);
}

/* buttons */
#at_producto_detalle .guibis-btn{
  width:100%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding: 11px 12px;
  border-radius: 14px;
  font-weight: 950;
  border:1px solid rgba(0,0,0,.08);
  cursor:pointer;
  text-decoration:none;
  user-select:none;
}
#at_producto_detalle .guibis-btn--primary{
  background: var(--blue);
  color:#fff;
  box-shadow: 0 10px 22px rgba(11,94,215,.16);
}
#at_producto_detalle .guibis-btn--primary:hover{ filter: brightness(.95); }

#at_producto_detalle .guibis-btn--ghost{
  background:#fff;
  color:#111827;
  border:1px solid var(--b);
}
#at_producto_detalle .guibis-btn--ghost:hover{
  border-color: rgba(11,94,215,.35);
  color: var(--blue);
}

#at_producto_detalle .guibis-linkstore{
  display:block;
  width:100%;
  text-decoration:none;
  font-weight:900;
  color:#232F3E;
  margin:10px 0;
  font-size:13px;
}
#at_producto_detalle .guibis-linkstore:hover{
  color: var(--blue);
  text-decoration: underline;
}

/* meta */
#at_producto_detalle .guibis-meta{
  padding-top:10px;
  border-top:1px dashed var(--b);
  margin-top:8px;
  font-size:13px;
  color:#374151;
}
#at_producto_detalle .guibis-meta__row{ padding:4px 0; }
#at_producto_detalle .guibis-pill{
  display:inline-block;
  padding:5px 10px;
  border:1px solid var(--b);
  border-radius:999px;
  background:#fff;
  font-weight:900;
  color:#111827;
  font-size:12px;
}

/* security */
#at_producto_detalle .guibis-sec{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--b);
  font-weight:950;
  font-size:13px;
}
#at_producto_detalle .guibis-sec--ok{
  border-color: rgba(22,163,74,.25);
  background: rgba(22,163,74,.10);
  color:#064e3b;
}
#at_producto_detalle .guibis-sec--no{
  border-color: rgba(220,38,38,.22);
  background: rgba(220,38,38,.08);
  color:#7f1d1d;
}

/* seller */
#at_producto_detalle .guibis-seller{
  margin-top:10px;
  padding:10px;
  border:1px dashed var(--b);
  border-radius:14px;
}
#at_producto_detalle .guibis-seller__link{
  display:block;
  padding:4px 0;
  text-decoration:none;
  font-weight:900;
  color:#232F3E;
  font-size:13px;
}
#at_producto_detalle .guibis-seller__link:hover{
  color: var(--blue);
  text-decoration: underline;
}

/* rating */
#at_producto_detalle .guibis-rating{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--b);
  border-radius:14px;
  background:#fff;
}
#at_producto_detalle .guibis-rating input{ display:none; }
#at_producto_detalle .guibis-rating label{
  font-size:22px;
  cursor:pointer;
  color:#cbd5e1;
  margin-right:3px;
}
#at_producto_detalle .guibis-rating label:hover{ color:#f59e0b; }

/* redes con iconos */
#at_producto_detalle .guibis-social{
  margin-top:10px;
  border:1px solid var(--b);
  border-radius:14px;
  padding:10px;
  background:#fff;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
#at_producto_detalle .guibis-social__a{
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid var(--b);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:#fff;
  transition: transform .12s ease;
}
#at_producto_detalle .guibis-social__a:hover{
  transform: translateY(-2px);
  border-color: rgba(11,94,215,.35);
}
#at_producto_detalle .guibis-social__a img{
  width:26px;
  height:26px;
  display:block;
}
/* =========================
   GUibis Compare - Vertical v2 (LIGHT)
   Encapsulado: #at_compare_v2
   ========================= */
#at_compare_v2{
  --y:#F2B705;
  --y2:#FFD35A;
  --ink:#111827;
  --muted:#6b7280;
  --b:#e7e7e7;
  --soft:#f7f8fb;
  --soft2:#fffdf3;
  --r:16px;
}

#at_compare_v2 .tabla_secunadaria_compara_dtos{
  border: 1px solid var(--b);
  border-radius: var(--r);
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.05);
  padding: 12px;
  margin: 14px 0;
}

#at_compare_v2 .atv2_head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 12px;
  padding: 6px 6px 12px 6px;
  border-bottom: 1px solid var(--b);
}

#at_compare_v2 .atv2_title{
  font-weight: 900;
  letter-spacing: -0.3px;
  font-size: 18px;
  color: var(--ink);
  position: relative;
  padding-left: 12px;
}
#at_compare_v2 .atv2_title::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:5px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--y), var(--y2));
}
#at_compare_v2 .atv2_sub{
  color: var(--muted);
  font-size: 12px;
}

#at_compare_v2 .atv2_empty{
  margin-top: 12px;
  border: 1px dashed var(--b);
  background: var(--soft);
  border-radius: var(--r);
  padding: 14px;
  color: var(--muted);
  font-weight: 700;
}

/* Scroll */
#at_compare_v2 .atv2_scroll{
  overflow-x: auto;
  padding-top: 12px;
}

/* Table */
#at_compare_v2 .atv2_table{
  width: 100%;
  min-width: 1100px;
  border-collapse: separate;
  border-spacing: 0;
}

/* THEAD */
#at_compare_v2 .atv2_table thead th{
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  color: var(--ink);
  font-size: 12px;
  font-weight: 800; /* ✅ solo header un poco más fuerte */
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--b);
  white-space: nowrap;
}
#at_compare_v2 .atv2_table thead th:first-child{
  border-top-left-radius: 12px;
}
#at_compare_v2 .atv2_table thead th:last-child{
  border-top-right-radius: 12px;
}

/* TBODY */
#at_compare_v2 .atv2_table tbody td{
  border-bottom: 1px solid var(--b);
  padding: 12px;
  vertical-align: top;
  color: #374151;
  font-size: 13px;
}

/* zebra subtle */
#at_compare_v2 .atv2_table tbody tr:nth-child(odd) td{
  background: #fff;
}
#at_compare_v2 .atv2_table tbody tr:nth-child(even) td{
  background: var(--soft);
}

/* imagen */
#at_compare_v2 .atv2_td_img{ width: 160px; }
#at_compare_v2 .atv2_img_box{
  display:block;
  border: 1px solid var(--b);
  border-radius: 14px;
  background: var(--soft2);
  padding: 8px;
}
#at_compare_v2 .atv2_img_box img{
  width: 100%;
  height: 110px;
  object-fit: contain; /* ✅ no distorsiona */
  display:block;
  border-radius: 10px;
}

/* producto */
#at_compare_v2 .atv2_td_prod{ width: 260px; }
#at_compare_v2 .atv2_name{
  display:block;
  text-decoration:none;
  color: var(--ink);
  font-weight: 800; /* ✅ importante, pero no exagerado */
  line-height: 1.25;
  font-size: 13px;
}
#at_compare_v2 .atv2_name:hover{
  text-decoration: underline;
  text-decoration-color: var(--y);
}

/* acciones */
#at_compare_v2 .atv2_actions{
  margin-top: 8px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
#at_compare_v2 .atv2_btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--b);
  text-decoration:none;
  font-weight: 800; /* ✅ no tan bold */
  font-size: 12px;
}
#at_compare_v2 .atv2_btn_primary{
  background: linear-gradient(180deg, var(--y), var(--y2));
  color: var(--ink);
  border-color: rgba(0,0,0,.10);
  box-shadow: 0 10px 20px rgba(242,183,5,.16);
}
#at_compare_v2 .atv2_btn_primary:hover{ filter: brightness(.97); }
#at_compare_v2 .atv2_btn_ghost{
  background:#fff;
  color: var(--ink);
}
#at_compare_v2 .atv2_btn_ghost:hover{
  border-color: rgba(242,183,5,.65);
  box-shadow: 0 0 0 3px rgba(242,183,5,.14);
}

/* link tienda */
#at_compare_v2 .atv2_link{
  text-decoration:none;
  color: var(--ink);
  font-weight: 700; /* ✅ normal */
}
#at_compare_v2 .atv2_link:hover{
  text-decoration: underline;
  text-decoration-color: var(--y);
}

/* precio: solo lo importante en negrita */
#at_compare_v2 .atv2_td_price{ width: 140px; }
#at_compare_v2 .atv2_price{
  font-weight: 900; /* ✅ importante */
  color: var(--ink);
}
#at_compare_v2 .atv2_muted{
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

/* descripción */
#at_compare_v2 .atv2_td_desc{
  width: 260px;
  color: #374151;
  line-height: 1.35;
}

/* badges */
#at_compare_v2 .atv2_badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--b);
  font-weight: 800;
  font-size: 12px;
  background: #fff;
  white-space: nowrap;
}
#at_compare_v2 .at_ok{ border-color: rgba(22,163,74,.25); background: rgba(22,163,74,.10); color:#065f46; }
#at_compare_v2 .at_no{ border-color: rgba(220,38,38,.22); background: rgba(220,38,38,.08); color:#7f1d1d; }
#at_compare_v2 .at_mid{ border-color: rgba(242,183,5,.45); background: rgba(242,183,5,.18); color: var(--ink); }

/* responsive */
@media (max-width: 768px){
  #at_compare_v2 .atv2_table{ min-width: 980px; }
}


/* =========================
   Q&A PRO - Guibis
   Encapsulado: #at_qa
   ========================= */
#at_qa{
  --y:#F2B705;
  --y2:#FFD35A;
  --b:#e7e7e7;
  --soft:#f7f8fb;
  --soft2:#fffdf3;
  --ink:#111827;
  --muted:#6b7280;
  --r:16px;
}

/* header */
#at_qa .at_qa_head{
  border: 1px solid var(--b);
  border-radius: var(--r);
  background: #fff;
  padding: 12px 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,.05);
  margin: 14px 0 10px 0;
}
#at_qa .at_qa_title{
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.4px;
  font-size: 18px;
  color: var(--ink);
  position: relative;
  padding-left: 12px;
}
#at_qa .at_qa_title::before{
  content:"";
  position:absolute;
  left:0;
  top: 2px;
  bottom: 2px;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--y), var(--y2));
}
#at_qa .at_qa_sub{
  margin: 6px 0 0 12px;
  color: var(--muted);
  font-size: 12px;
}

/* lista */
#at_qa .at_qa_list{
  border: 1px solid var(--b);
  border-radius: var(--r);
  background: #fff;
  padding: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

/* item */
#at_qa .at_qa_item{
  padding: 10px 0;
  border-bottom: 1px dashed var(--b);
}
#at_qa .at_qa_item:last-child{
  border-bottom: none;
}

/* bubble base */
#at_qa .at_qa_bubble{
  border: 1px solid var(--b);
  border-radius: var(--r);
  padding: 12px;
  background: #fff;
}

/* question (izq) */
#at_qa .at_qa_question{
  background: var(--soft2);
  border-color: rgba(242,183,5,.35);
  box-shadow: 0 8px 18px rgba(242,183,5,.08);
  max-width: 880px;
}

/* answer (der) */
#at_qa .at_qa_answer{
  margin-top: 10px;
  margin-left: auto;
  max-width: 880px;
  background: var(--soft);
  border-color: rgba(17,24,39,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.04);
}
#at_qa .at_qa_answer_empty{
  opacity: .9;
}

/* top row meta */
#at_qa .at_qa_top{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-bottom: 8px;
}
#at_qa .at_qa_meta{
  display:flex;
  flex-direction:column;
  line-height: 1.1;
}
#at_qa .at_qa_name{
  font-weight: 950;
  color: var(--ink);
  font-size: 13px;
}
#at_qa .at_qa_time{
  color: var(--muted);
  font-size: 12px;
}

/* avatar */
#at_qa .at_qa_avatar{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  border: 1px solid var(--b);
  user-select:none;
}
#at_qa .at_qa_avatar_user{
  background: rgba(242,183,5,.18);
  border-color: rgba(242,183,5,.35);
  color: var(--ink);
}
#at_qa .at_qa_avatar_shop{
  background: #fff;
  border-color: rgba(17,24,39,.12);
  color: var(--ink);
}

/* text */
#at_qa .at_qa_text{
  color: #1f2937;
  font-size: 14px;
  line-height: 1.45;
  white-space: normal;
}

/* empty state */
#at_qa .at_qa_empty{
  border: 1px dashed var(--b);
  background: var(--soft);
  border-radius: var(--r);
  padding: 14px;
  color: var(--muted);
  font-weight: 700;
}

/* responsive */
@media (max-width: 768px){
  #at_qa .at_qa_question,
  #at_qa .at_qa_answer{
    max-width: 100%;
  }
  #at_qa .at_qa_answer{
    margin-left: 0;
  }
}
