/* Sistema visual de la Digital Store.
   Hereda las tipografías de la web corporativa y los colores del logo.
   Cabecera CLARA (el logotipo esta disenado para fondo claro: la palabra
   "Talent & Digital" es negra y sobre oscuro desaparecia), catalogo claro
   y pie oscuro para cerrar la pagina. */

:root{
  --t-violeta:#6F2CD9; --t-violeta-osc:#4610B3; --t-violeta-cl:#9B6BEA;
  --t-cian:#31BDEE; --t-oro:#E7AB40; --t-oro-osc:#B9821F; --t-verde:#10B981;
  --t-noche:#04060F; --t-noche2:#05081A;
  --t-papel:#F6F7FB; --t-blanco:#fff; --t-nube:#EEF1F8;
  --t-tinta:#0B1020; --t-tinta2:#4A5578; --t-tinta3:#7D87A6;
  --t-borde:#E2E7F2; --t-borde2:#CFD7E8;
  --t-r:12px; --t-rs:8px; --t-rp:999px;
  --t-som1:0 1px 2px rgba(11,16,32,.06);
  --t-som2:0 4px 12px rgba(11,16,32,.07),0 1px 3px rgba(11,16,32,.05);
  --t-som3:0 12px 28px rgba(11,16,32,.10),0 2px 6px rgba(11,16,32,.05);
  --t-grad:linear-gradient(120deg,#6F2CD9 0%,#31BDEE 55%,#E7AB40 100%);
  /* EL LOGO. El archivo /img/logo-store.png es el original sin tocar
     (1536x1024, fondo transparente, mismo MD5 que el que nos pasaron).
     Aqui solo se le dice al navegador a que tamano dibujarlo.

     El PNG lleva mucho aire transparente alrededor del grafismo: la marca
     solida ocupa 1429x412 de los 1536x1024 del lienzo. Por eso se dibuja
     grande (--t-logo-dibujo) y despues se le devuelve al maquetado la
     altura real que debe ocupar (--t-logo-caja) con margenes negativos.
     Resultado: la marca se ve al tamano correcto y la cabecera no crece.
     Para agrandar o reducir el logo, toca solo estos dos numeros. */
  --t-logo-dibujo:136px;
  --t-logo-caja:56px;
}
body.tienda{background:var(--t-papel);color:var(--t-tinta);font-family:'Inter',system-ui,sans-serif;line-height:1.6;margin:0}
.tienda *{box-sizing:border-box}
.t-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.tienda img{max-width:100%;display:block}
.tienda a{color:var(--t-violeta)}

/* Franja corporativa (oscura) + cabecera de tienda (clara).
   La franja oscura de arriba mantiene el vinculo visual con la web
   corporativa; la cabecera blanca es donde vive el logotipo. */
.t-corp{background:var(--t-noche);border-bottom:1px solid rgba(120,150,235,.10);color:#6C7A9C;font-size:12.5px;padding:9px 0}
.t-corp a{color:#5B8CFF;text-decoration:none}
.t-head{background:var(--t-blanco);border-bottom:1px solid var(--t-borde);position:sticky;top:0;z-index:30;box-shadow:0 4px 18px rgba(11,16,32,.06)}
.t-head-in{display:flex;align-items:center;gap:26px;padding:12px 0;flex-wrap:wrap}
/* width:auto conserva la proporcion original 3:2 del archivo. No se
   recorta ni se estira: es exactamente la imagen original, solo dibujada
   mas pequena. overflow:hidden recorta el halo transparente sobrante para
   que no se derrame sobre el catalogo claro de abajo. */
.t-logo{display:flex;align-items:center;height:var(--t-logo-caja);overflow:hidden;flex:0 0 auto}
.t-logo img{height:var(--t-logo-dibujo);width:auto;max-width:none;
  margin:calc((var(--t-logo-caja) - var(--t-logo-dibujo)) / 2) 0}
@media(max-width:640px){:root{--t-logo-dibujo:104px;--t-logo-caja:44px}}
.t-nav{display:flex;gap:22px;font-size:14.5px;font-weight:500;color:var(--t-tinta2)}
.t-nav a{color:inherit;text-decoration:none;padding:5px 0;border-bottom:2px solid transparent;transition:.15s}
.t-nav a:hover,.t-nav a[aria-current]{color:var(--t-tinta);border-color:var(--t-violeta)}
/* Verde mas oscuro que el de fondo negro: sobre blanco, #5EE9B5 no llega
   al contraste minimo de accesibilidad. */
.t-nav a.libre{color:#0A8F63;font-weight:600}
.t-nav a.libre:hover{color:#046B49;border-color:#0A8F63}
.t-busca{flex:1;min-width:200px;display:flex;align-items:center;gap:9px;background:var(--t-papel);
  border:1px solid var(--t-borde);border-radius:var(--t-rp);padding:9px 18px;transition:.15s}
.t-busca:focus-within{border-color:var(--t-violeta);background:var(--t-blanco);box-shadow:0 0 0 3px rgba(111,44,217,.12)}
.t-busca input{border:0;background:0;outline:0;flex:1;font:inherit;font-family:inherit;font-size:14px;color:var(--t-tinta)}
.t-busca input::placeholder{color:var(--t-tinta3)}
.t-acc{display:flex;gap:6px;align-items:center}
.t-ic{width:40px;height:40px;border-radius:var(--t-rp);background:0;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--t-tinta2);position:relative;text-decoration:none}
.t-ic:hover{background:var(--t-nube);color:var(--t-tinta)}
.t-pill{position:absolute;top:4px;right:3px;background:var(--t-violeta);color:#fff;font-size:10px;font-weight:700;
  min-width:17px;height:17px;border-radius:var(--t-rp);display:flex;align-items:center;justify-content:center;padding:0 4px}

/* estructura */
.t-sec{padding:52px 0}
.t-migas{font-size:13px;color:var(--t-tinta3);padding:20px 0 0}
.t-migas a{text-decoration:none}
.t-h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(1.8rem,1.4rem+1.8vw,2.5rem);
  font-weight:700;letter-spacing:-.03em;line-height:1.12}
.t-h2{font-family:'Space Grotesk',system-ui,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.025em}
.t-sub{font-size:16.5px;color:var(--t-tinta2);max-width:64ch;margin-top:10px}

/* botones */
.t-b{font-family:inherit;font-weight:600;font-size:15px;border:0;border-radius:var(--t-rs);padding:13px 24px;
  cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:transform .15s,background .15s}
.t-b1{background:var(--t-violeta);color:#fff;box-shadow:0 8px 22px rgba(111,44,217,.25)}
.t-b1:hover{background:var(--t-violeta-osc);transform:translateY(-1px);color:#fff}
.t-b2{background:var(--t-blanco);color:var(--t-tinta);border:1px solid var(--t-borde2);box-shadow:var(--t-som1)}
.t-b2:hover{border-color:var(--t-violeta);color:var(--t-violeta)}
.t-b3{background:var(--t-verde);color:#fff;box-shadow:0 8px 22px rgba(16,185,129,.22)}
.t-b3:hover{color:#fff}
.t-boro{background:var(--t-oro);color:#3B2606}

/* Los botones que en realidad son enlaces (<a class="t-b t-b1">) salían sin
   letra: la regla «.tienda a» pesa más que «.t-b1» y les ponía el texto en
   violeta sobre fondo violeta. Se veía un rectángulo de color y nada más.
   Aquí se les devuelve su color con la especificidad suficiente. */
.tienda a.t-b1, .tienda a.t-b1:hover,
.tienda a.t-b3, .tienda a.t-b3:hover{color:#fff}
.tienda a.t-b2{color:var(--t-tinta)}
.tienda a.t-b2:hover{color:var(--t-violeta)}
.tienda a.t-boro, .tienda a.t-boro:hover{color:#3B2606}
.t-boro:hover{background:var(--t-oro-osc);color:#fff}

/* catálogo */
.t-lay{display:grid;grid-template-columns:236px 1fr;gap:34px;align-items:start;margin-top:26px}
.t-filtros{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-r);padding:20px;position:sticky;top:92px}
.t-fg{margin-bottom:22px}
.t-fg:last-child{margin:0}
.t-fg h3{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:var(--t-tinta3);margin:0 0 11px}
.t-fo{display:flex;align-items:center;gap:9px;font-size:14px;padding:5px 0;color:var(--t-tinta2);text-decoration:none}
.t-fo:hover{color:var(--t-violeta)}
.t-fo[aria-current]{color:var(--t-violeta);font-weight:600}
.t-fo .pt{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.t-fo em{margin-left:auto;font-style:normal;font-size:12px;color:var(--t-tinta3)}
.t-barra{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.t-chip{background:rgba(111,44,217,.09);color:var(--t-violeta);font-size:13px;font-weight:500;
  padding:5px 12px;border-radius:var(--t-rp);text-decoration:none;display:inline-flex;gap:6px;margin-right:8px}

/* tarjetas */
.t-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:20px}
.t-card{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-r);overflow:hidden;
  box-shadow:var(--t-som1);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}
.t-card:hover{transform:translateY(-3px);box-shadow:var(--t-som3);border-color:var(--t-borde2)}
.t-card-img{aspect-ratio:4/3;background:linear-gradient(135deg,#EDF0FA,#E3E9F8);position:relative;overflow:hidden}
.t-card-img img{width:100%;height:100%;object-fit:cover}
.t-card-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:ui-monospace,monospace;font-size:10.5px;color:var(--t-tinta3);letter-spacing:.09em}
.t-bd{position:absolute;top:10px;left:10px}
.t-card-b{padding:15px;display:flex;flex-direction:column;gap:6px;flex:1}
.t-tipo{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--t-violeta)}
.t-card-h{font-family:'Space Grotesk',sans-serif;font-size:15.5px;font-weight:600;line-height:1.3;margin:0}
.t-card-h a{color:inherit;text-decoration:none}
.t-card-d{font-size:13px;color:var(--t-tinta2);line-height:1.5;margin:0}
.t-inc{font-size:12px;color:var(--t-tinta3);display:flex;gap:6px}
.t-inc b{color:var(--t-verde)}
.t-precio{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px}
.t-now{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700}
.t-old{font-size:13.5px;color:var(--t-tinta3);text-decoration:line-through}
.t-card .t-b{width:100%;margin-top:8px;font-size:14px;padding:11px}

.t-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;padding:5px 10px;border-radius:var(--t-rp)}
.t-free{background:rgba(16,185,129,.13);color:#047857}
.t-new{background:rgba(49,189,238,.16);color:#0E7490}
.t-best{background:rgba(231,171,64,.18);color:#8A5D0B}
.t-off{background:rgba(111,44,217,.11);color:var(--t-violeta)}

/* ficha */
.t-ficha{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:start;margin-top:22px}
.t-gal{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-r);overflow:hidden;box-shadow:var(--t-som2)}
.t-gal-b{aspect-ratio:4/3;background:linear-gradient(135deg,#EDF0FA,#E3E9F8);display:flex;align-items:center;justify-content:center}
.t-compra{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-r);padding:26px;
  box-shadow:var(--t-som2);position:sticky;top:96px}
.t-hechos{margin-top:22px;padding-top:20px;border-top:1px solid var(--t-borde);display:flex;flex-direction:column;gap:11px}
.t-hecho{display:flex;gap:11px;font-size:13.5px;color:var(--t-tinta2)}
.t-hecho i{font-style:normal;color:var(--t-violeta)}
.t-bloque{margin-top:46px;max-width:760px}
.t-bloque h2{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 14px}
.t-lista{display:grid;gap:9px;list-style:none;padding:0;margin:0}
.t-lista li{display:flex;gap:11px;font-size:14.5px;color:var(--t-tinta2)}
.t-lista li:before{content:'✓';color:var(--t-verde);font-weight:700}
.t-faq details{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-rs);margin-bottom:9px;padding:15px 18px}
.t-faq summary{font-weight:600;font-size:14.5px;cursor:pointer}
.t-faq p{font-size:14px;margin:10px 0 0;color:var(--t-tinta2)}

/* estados */
.t-vacio{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-r);padding:64px 24px;text-align:center}
.t-vacio i{font-style:normal;font-size:38px;opacity:.3;display:block;margin-bottom:14px}
.t-vacio b{font-family:'Space Grotesk',sans-serif;font-size:18px;display:block;margin-bottom:8px}
.t-vacio p{color:var(--t-tinta2);max-width:42ch;margin:0 auto 22px;font-size:14.5px}

/* pie */
.t-pie{background:var(--t-noche);color:#8592B4;padding:52px 0 30px;font-size:14px;margin-top:50px}
.t-pie .linea{height:2px;background:var(--t-grad);margin-bottom:44px}
.t-pie-g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.t-pie h3{color:#F2F5FF;font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 13px}
.t-pie a{display:block;color:#8592B4;text-decoration:none;padding:4px 0;font-size:13.5px}
.t-pie a:hover{color:#5B8CFF}

@media(max-width:900px){
  .t-lay{grid-template-columns:1fr}.t-filtros{position:static}
  .t-ficha{grid-template-columns:1fr}.t-compra{position:static}
  .t-pie-g{grid-template-columns:1fr 1fr}.t-nav{display:none}
}
@media(prefers-reduced-motion:reduce){.tienda *{transition:none!important;animation:none!important}}

/* ── Carrito ──────────────────────────────────────────────────────── */
.t-aviso{border-radius:var(--t-rs);padding:13px 17px;margin-bottom:20px;font-size:14.5px;font-weight:500}
.t-aviso.ok{background:rgba(16,185,129,.12);color:#047857}
.t-aviso.err{background:rgba(220,38,38,.10);color:#B91C1C}
.t-carrito{display:grid;grid-template-columns:1fr 360px;gap:34px;align-items:start;padding-bottom:40px}
.t-linea{display:flex;gap:16px;align-items:center;background:var(--t-blanco);border:1px solid var(--t-borde);
  border-radius:var(--t-r);padding:16px;margin-bottom:12px;box-shadow:var(--t-som1)}
.t-linea-img{width:96px;height:72px;border-radius:var(--t-rs);background:linear-gradient(135deg,#EDF0FA,#E3E9F8);
  flex-shrink:0;overflow:hidden}
.t-linea-img img{width:100%;height:100%;object-fit:cover}
.t-linea-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.t-linea-h{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--t-tinta);text-decoration:none;line-height:1.3}
.t-linea-h:hover{color:var(--t-violeta)}
.t-linea-f{font-size:12.5px;color:var(--t-tinta3)}
.t-linea-p{text-align:right;flex-shrink:0}
.t-linea-p b{font-family:'Space Grotesk',sans-serif;font-size:17px;display:block}
.t-quitar{background:0;border:0;color:var(--t-tinta3);font-size:12.5px;cursor:pointer;padding:4px 0;font-family:inherit}
.t-quitar:hover{color:#DC2626;text-decoration:underline}
.t-sug{background:var(--t-blanco);border:1px dashed var(--t-borde2);border-radius:var(--t-r);padding:18px 20px;margin-top:22px}
.t-sug h2{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:var(--t-tinta3);margin:0 0 8px}
.t-resumen{background:var(--t-blanco);border:1px solid var(--t-borde);border-radius:var(--t-r);padding:26px;
  box-shadow:var(--t-som2);position:sticky;top:96px}
.t-resumen h2{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;margin:0 0 18px}
.t-cupon label{display:block;font-size:13.5px;font-weight:500;margin-bottom:7px;color:var(--t-tinta2)}
.t-cupon div{display:flex;gap:8px}
.t-cupon input{flex:1;min-width:0;border:1px solid var(--t-borde2);border-radius:var(--t-rs);padding:11px 13px;
  font:inherit;font-family:inherit;font-size:14px;text-transform:uppercase;outline:0}
.t-cupon input:focus{border-color:var(--t-violeta);box-shadow:0 0 0 3px rgba(111,44,217,.12)}
.t-cupon .t-b{padding:11px 16px;font-size:14px}
.t-tot{border-top:1px solid var(--t-borde);margin-top:20px;padding-top:16px}
.t-tr{display:flex;justify-content:space-between;font-size:14.5px;padding:5px 0;color:var(--t-tinta2)}
.t-tr.des{color:#047857;font-weight:600}
.t-tr.big{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;color:var(--t-tinta);
  padding-top:12px;margin-top:8px;border-top:1px solid var(--t-borde2)}
.t-iva{font-size:12px;color:var(--t-tinta3);margin:4px 0 0;text-align:right}
.t-seguir{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--t-tinta2);text-decoration:none}
.t-seguir:hover{color:var(--t-violeta)}
.t-garantias{list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid var(--t-borde);
  font-size:12.5px;color:var(--t-tinta3);display:grid;gap:7px}
@media(max-width:900px){.t-carrito{grid-template-columns:1fr}.t-resumen{position:static}}


/* La misma placa clara en el pie, que tambien es oscuro. */
.t-pie-logo{display:inline-flex;align-items:center;height:calc(var(--t-logo-caja) + 20px);overflow:hidden;
  background:#fff;border-radius:12px;padding:0 18px;margin-bottom:16px}
.t-pie-logo img{height:calc(var(--t-logo-dibujo) + 16px);width:auto;max-width:none;
  margin:calc((var(--t-logo-caja) + 20px - var(--t-logo-dibujo) - 16px) / 2) 0}

/* ═══ Cuentas y reseñas ═══════════════════════════════════════════ */
.t-aviso{border-radius:10px;padding:13px 18px;margin:18px 0;font-size:14.5px}
.t-aviso.ok{background:#F1FBF6;border:1px solid #CDEBDD;color:#0A7C55}
.t-aviso.mal{background:#FEF3F2;border:1px solid #F6D4D1;color:#B3261E}

.t-mirec{border:1px solid var(--t-borde);border-radius:12px;padding:16px 20px;margin:0 0 12px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--t-blanco)}
.t-mirec .n{font-weight:600;margin:0 0 3px}
.t-mirec .f{margin:0;font-size:13px;color:var(--t-tinta3)}
.t-mirec .acc{display:flex;gap:8px;flex-wrap:wrap}
.t-mirec .acc .t-b{padding:9px 16px;font-size:13.5px}
.t-mirec .est{flex:1 0 100%;margin:6px 0 0;font-size:13px;color:var(--t-tinta3);display:flex;gap:8px;align-items:center}

.t-tabla{width:100%;border-collapse:collapse;font-size:14px}
.t-tabla th{text-align:left;padding:9px 10px;background:var(--t-nube);font-size:12.5px;
  text-transform:uppercase;letter-spacing:.04em;color:var(--t-tinta2)}
.t-tabla td{padding:9px 10px;border-bottom:1px solid var(--t-borde)}

/* Estrellas. El degradado a media estrella se hace con dos capas de
   color, sin imágenes ni iconos externos. */
.t-est{display:inline-flex;gap:1px;font-size:15px;line-height:1;letter-spacing:1px}
.t-est .ll{color:#E7AB40}
.t-est .vc{color:#D8DEEC}
.t-est .md{background:linear-gradient(90deg,#E7AB40 50%,#D8DEEC 50%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.t-est.g{font-size:22px}

/* Selector de estrellas: se pintan en orden inverso para poder colorear
   con el selector de hermanos siguientes sin una línea de JavaScript. */
.t-radio-est{display:inline-flex;flex-direction:row-reverse;gap:4px;margin:2px 0 18px}
.t-radio-est input{position:absolute;opacity:0;width:0;height:0}
.t-radio-est label{font-size:30px;line-height:1;color:#D8DEEC;cursor:pointer;transition:color .12s}
.t-radio-est input:checked ~ label,
.t-radio-est label:hover, .t-radio-est label:hover ~ label{color:#E7AB40}
.t-radio-est input:focus-visible + label{outline:2px solid var(--t-violeta);outline-offset:3px;border-radius:4px}

.t-form .lb{display:block;font-weight:600;margin:16px 0 6px;font-size:14.5px}
.t-form .lb span{font-weight:400;color:var(--t-tinta3)}
.t-form input[type=text], .t-form textarea{width:100%;padding:12px 16px;border:1px solid var(--t-borde);
  border-radius:10px;font:inherit;font-size:15px;background:var(--t-blanco)}
.t-form textarea{resize:vertical;line-height:1.6}
.t-form input:focus, .t-form textarea:focus{outline:0;border-color:var(--t-violeta);
  box-shadow:0 0 0 3px rgba(111,44,217,.12)}
.t-form .ay{font-size:12.8px;color:var(--t-tinta3);margin:6px 0 0}

/* Bloque de reseñas de la ficha */
.t-resumen{display:flex;gap:34px;align-items:center;flex-wrap:wrap;padding:22px 24px;
  background:var(--t-nube);border-radius:14px;margin:0 0 24px}
.t-resumen .med{font-family:'Space Grotesk',sans-serif;font-size:42px;font-weight:700;line-height:1}
.t-resumen .de{color:var(--t-tinta3);font-size:13.5px;margin:4px 0 0}
.t-barras{flex:1;min-width:230px}
.t-barras .fila{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--t-tinta3);margin:0 0 4px}
.t-barras .pista{display:block;flex:1;height:7px;background:#DDE3F0;border-radius:99px;overflow:hidden}
/* display:block es imprescindible: es un <span>, y a un elemento en línea
   el navegador le ignora width y height, así que la barra salía vacía. */
.t-barras .val{display:block;height:100%;background:#E7AB40;border-radius:99px}
.t-resena{border-top:1px solid var(--t-borde);padding:20px 0}
.t-resena .cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.t-resena .au{font-weight:600;font-size:14.5px}
.t-resena .ver{font-size:12px;color:#0A7C55;background:#F1FBF6;border:1px solid #CDEBDD;
  border-radius:99px;padding:2px 9px;margin-left:8px;font-weight:600}
.t-resena .fe{font-size:12.5px;color:var(--t-tinta3)}
.t-resena .ti{font-weight:600;margin:8px 0 4px}
.t-resena .tx{margin:0;color:var(--t-tinta2);line-height:1.65;white-space:pre-line}
.t-resena .resp{margin:12px 0 0 0;padding:12px 16px;background:var(--t-nube);border-radius:10px;
  border-left:3px solid var(--t-violeta);font-size:14px}
.t-resena .resp b{font-family:'Space Grotesk',sans-serif}
.t-sinres{text-align:center;padding:34px 20px;color:var(--t-tinta3);border:1px dashed var(--t-borde2);
  border-radius:14px;font-size:14.5px}