/* Ficha de producto, estilo "editorial marfil".
   Los tokens viven en .ficha2: el resto de la tienda no se ve afectado. */

.ficha2{
  --marfil:#f7f5f4;
  --tinta:#2f2d2d;
  --tenue:#6b6767;
  --marino:#946658;
  --arena:#e2dcda;
  --papel:#efe9e7;
  --blanco:#FFFFFF;
  --serif:'Quicksand','Segoe UI',system-ui,sans-serif;
  --sans:'Mulish','Segoe UI',system-ui,sans-serif;

  background:var(--marfil);
  color:var(--tinta);
  font-family:var(--sans);
  font-weight:300;
  font-size:15px;
  line-height:1.65;
  overflow-x:clip;
  padding-bottom:84px; /* espacio para la barra fija en móvil */
}
.ficha2 *,.ficha2 *::before,.ficha2 *::after{box-sizing:border-box}
.ficha2 img{max-width:100%;height:auto;display:block}
.ficha2 a{color:var(--marino);text-decoration:none;transition:color .2s}
.ficha2 svg{width:22px;height:22px;flex:none}

.f2-etiqueta{
  font:500 11px/1.4 var(--sans);
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--tenue);
  margin:0 0 14px;
}

/* ---- Cinta corrida ---- */
.f2-cinta{
  background:var(--papel);
  border-top:1px solid var(--arena);border-bottom:1px solid var(--arena);
  overflow:hidden;
  font:500 11px/1 var(--sans);
  text-transform:uppercase;letter-spacing:.18em;color:var(--marino);
}
.f2-cinta-pista{display:flex;width:max-content;animation:f2-cinta 25s linear infinite;will-change:transform}
.f2-cinta-grupo{display:flex;flex:none;align-items:center;white-space:nowrap;padding:12px 0}
.f2-cinta-grupo span{padding:0 14px}
.f2-cinta-grupo i{font-style:normal;color:#c8a090}
.f2-cinta:hover .f2-cinta-pista,.f2-cinta:active .f2-cinta-pista{animation-play-state:paused}
@keyframes f2-cinta{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- Galería ---- */
.f2-galeria{position:relative;background:var(--blanco)}
.f2-pista{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.f2-pista::-webkit-scrollbar{display:none}
.f2-pista:focus-visible{outline:2px solid var(--marino);outline-offset:-2px}
.f2-slide{
  flex:0 0 100%;
  margin:0;
  aspect-ratio:1/1;
  scroll-snap-align:center;
  background:var(--blanco);
}
.f2-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.f2-slide video{width:100%;height:100%;object-fit:cover;display:block;background:var(--papel)}
/* Miniatura del video: la portada con un ▶ encima */
.f2-mini--video{position:relative}
.f2-mini--video::after{
  content:"▶";position:absolute;inset:0;display:grid;place-items:center;
  color:#fff;font-size:18px;background:rgba(0,0,0,.28);text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.f2-sinfoto{aspect-ratio:1/1;border-radius:0}

/* Grabado sobre la foto: tapa el nombre de ejemplo y pone el que se escribe,
   en la misma posición e inclinación de la placa (medidas en % del cuadrado). */
.f2-slide{position:relative;container-type:inline-size}
.f2-vista{
  position:absolute;left:var(--vx);top:var(--vy);width:var(--vw);height:var(--vh);
  transform:translate(-50%,-50%) rotate(var(--vgiro));
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
.f2-vista[hidden]{display:none}
.f2-vista--parche{
  background:linear-gradient(100deg,var(--vp1),var(--vp1) 35%,var(--vp2));
  border-radius:6px;
  box-shadow:0 0 calc(var(--vh) / 3) calc(var(--vh) / 6) color-mix(in srgb,var(--vp1) 60%,var(--vp2));
}
.f2-vista-t{
  font-family:'Times New Roman',Georgia,'Cormorant Garamond',serif;font-weight:400;
  font-size:calc(var(--vtam) * 1cqw);line-height:1;white-space:nowrap;
  color:var(--vcolor);
  text-shadow:0 .04em 0 rgba(0,0,0,.35),0 -.03em 0 rgba(255,255,255,.18);
}

.f2-puntos{
  display:flex;justify-content:center;gap:8px;
  padding:12px 16px;background:var(--marfil);
  flex-wrap:wrap;
}
.f2-puntos span{
  width:6px;height:6px;border-radius:50%;
  background:var(--arena);
  transition:background-color .2s;
}
.f2-puntos span.activo{background:var(--marino)}
.f2-minis{display:none}

/* ---- Información ---- */
.f2-info{padding:0 16px;min-width:0}
.f2-miga{
  font-size:12px;color:var(--tenue);
  padding:14px 0 4px;
  display:flex;flex-wrap:wrap;gap:6px;
}
.f2-miga a{color:var(--tenue)}
.f2-miga a:hover{color:var(--marino)}

.f2-nombre{
  font:400 28px/1.2 var(--serif);
  letter-spacing:.01em;
  margin:10px 0 8px;
  color:var(--tinta);
  overflow-wrap:anywhere;
}
.f2-precio{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;
  font-family:var(--serif);
}
.f2-ahora{font-size:26px;font-weight:400;color:var(--marino)}
.f2-antes{font-size:18px;font-weight:300;color:var(--tenue)}
.f2-ahorro{
  font:500 11px/1 var(--sans);
  text-transform:uppercase;letter-spacing:.12em;
  color:var(--marino);
  border:1px solid var(--marino);
  border-radius:2px;
  padding:5px 8px;
  align-self:center;
}
.f2-prueba{margin:8px 0 0;font-size:13px;color:var(--tenue)}

/* Frases del producto en tarjetas: cada una es un motivo emocional para regalarlo */
.f2-beneficios{
  list-style:none;margin:18px 0 0;padding:0;
  display:grid;gap:7px;
}
.f2-beneficios li{
  display:flex;align-items:center;gap:9px;
  padding:8px 12px;border-radius:12px;
  background:var(--blanco);border:1.5px solid #ecdcd5;
  box-shadow:0 2px 8px rgba(148,102,88,.07);
  font-size:13.5px;font-weight:600;line-height:1.35;color:var(--tinta);
}
.f2-beneficios svg{color:var(--marino)}

.f2-quedan{margin:14px 0 0}
.f2-quedan span{
  display:inline-block;
  padding:6px 12px;border-radius:999px;
  background:var(--papel);border:1px solid var(--arena);
  font:500 11px/1.4 var(--sans);
  text-transform:uppercase;letter-spacing:.2em;
  color:var(--marino);
  animation:f2-pulso 2s ease-in-out infinite;
}
@keyframes f2-pulso{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(200,160,144,0)}
  50%{transform:scale(1.04);box-shadow:0 0 10px 2px rgba(200,160,144,.35)}
}

/* ---- Compra ---- */
.f2-pers{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;gap:12px}
.f2-campo{display:block;position:relative;min-width:0}
.f2-campo-t{display:block;margin-bottom:6px;font:500 11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--tenue)}
.f2-campo input,.f2-campo textarea{
  display:block;width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;
  background:var(--blanco);color:var(--tinta);
  border:1px solid var(--arena);border-radius:2px;
  font:400 16px/1.4 var(--sans);resize:vertical;
}
.f2-campo input:focus-visible,.f2-campo textarea:focus-visible{outline:2px solid var(--marino);outline-offset:1px;border-color:var(--marino)}
.f2-contador{display:block;margin-top:4px;text-align:right;font-size:12px;color:var(--tenue)}
.f2-dedica{border:1px solid var(--arena);border-radius:2px;background:var(--papel);padding:0 14px}
.f2-dedica summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:500 13px/1.4 var(--sans);color:var(--marino)}
.f2-dedica[open]{padding-bottom:14px}
.f2-dedica[open] summary{margin-bottom:8px}
.f2-dedica .f2-campo+.f2-campo{margin-top:12px}
.f2-compra{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:stretch}
/* Ofertas por cantidad: una tarjeta por opción; la elegida, marcada en marino */
.f2-ofertas{flex:1 1 100%;border:0;margin:0;padding:0;display:grid;gap:10px}
.f2-ofertas legend{padding:0;margin-bottom:10px}
.f2-oferta{
  display:flex;align-items:center;gap:12px;
  min-height:56px;padding:12px 16px;
  border:1px solid var(--arena);border-radius:2px;background:var(--blanco);
  cursor:pointer;transition:border-color .2s,background-color .2s;
}
.f2-oferta:has(input:checked){border-color:var(--marino);background:var(--papel)}
.f2-oferta input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--marino)}
.f2-oferta input:focus-visible{outline:2px solid var(--marino);outline-offset:2px}
.f2-oferta-t{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:400 15px/1.3 var(--sans);color:var(--tinta)}
.f2-oferta-t strong{font-weight:500}
.f2-oferta-ahorro{font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#c8a090;padding:5px 8px;border-radius:2px}
.f2-oferta-reco{font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--marino);border:1px solid var(--marino);padding:4px 7px;border-radius:2px}
.f2-oferta-p{flex:none;text-align:right;font:500 16px/1.3 var(--sans);color:var(--marino)}
.f2-oferta-p s{display:block;font-weight:400;font-size:13px;color:var(--tenue)}
.f2-cant{
  display:flex;align-items:stretch;
  border:1px solid var(--arena);border-radius:2px;
  background:var(--blanco);
  flex:none;
}
.f2-cant button{
  width:44px;min-height:48px;
  background:none;border:0;cursor:pointer;
  font:300 20px/1 var(--sans);color:var(--tinta);
  transition:color .2s;
}
.f2-cant button:hover{color:var(--marino)}
.f2-cant input{
  width:44px;border:0;text-align:center;
  font:400 15px var(--sans);color:var(--tinta);
  background:transparent;
  -moz-appearance:textfield;appearance:textfield;
  padding:0;
}
.f2-cant input::-webkit-outer-spin-button,
.f2-cant input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.f2-pedir{
  min-width:0;
  flex:1;min-height:48px;
  background:var(--marino);color:#fff;
  border:1px solid var(--marino);border-radius:2px;
  font:500 12px/1 var(--sans);
  text-transform:uppercase;letter-spacing:.2em;
  cursor:pointer;
  transition:background-color .2s,color .2s;
  position:relative;overflow:hidden;isolation:isolate;
}
/* Destello diagonal suave; la pausa entre pasadas va dentro de los fotogramas */
.f2-pedir::after{
  content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:-1;
  background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(200,160,144,.28) 40%,rgba(255,255,255,.55) 50%,rgba(200,160,144,.28) 60%,rgba(255,255,255,0) 100%);
  transform:translateX(-120%) skewX(-18deg);
  animation:f2-brillo 3.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes f2-brillo{
  0%{transform:translateX(-120%) skewX(-18deg)}
  35%,100%{transform:translateX(320%) skewX(-18deg)}
}
.f2-pedir:hover{background:var(--marfil);color:var(--marino)}
.f2-cant button:focus-visible,.f2-pedir:focus-visible,.f2-wa:focus-visible,
.f2-mini:focus-visible,.f2-rel-item:focus-visible,.f2-acordeones summary:focus-visible{
  outline:2px solid var(--marino);outline-offset:2px;
}
.f2-agotado{margin-top:20px}

/* «Personalizar +S/10»: segunda vía de compra, con borde de acento */
.f2-personalizar{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;margin-top:12px;
  border:1px solid var(--marino);border-radius:2px;
  background:var(--blanco);color:var(--marino)!important;
  font:500 12px/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;
  transition:background-color .2s,color .2s;
}
.f2-personalizar b{font-weight:600;letter-spacing:.04em}
.f2-personalizar:hover{background:var(--marino);color:#fff!important}
.f2-personalizar:focus-visible{outline:2px solid var(--marino);outline-offset:2px}

.f2-wa{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;margin-top:12px;
  border:1px solid var(--arena);border-radius:2px;
  color:var(--tinta)!important;
  font:400 13px/1 var(--sans);letter-spacing:.04em;
  transition:color .2s,border-color .2s;
}
button.f2-wa{width:100%;background:none;cursor:pointer;appearance:none}
.f2-wa:hover{border-color:var(--marino);color:var(--marino)!important}
.f2-wa svg{width:18px;height:18px;fill:currentColor}

/* ---- Cómo llega ---- */
.f2-pasos{margin:32px 16px 0}
/* Tarjeta rosada con la línea de tiempo y fechas reales */
.f2-llega{
  background:linear-gradient(180deg,#fbeee8,#f6e2da);
  border:1px solid #efd5cb;border-radius:20px;
  padding:22px 14px 18px;text-align:center;
}
.f2-llega-t{margin:0 0 18px;font:600 20px/1.25 var(--serif);color:var(--marino)}
.f2-linea{
  list-style:none;margin:0;padding:0;position:relative;
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
}
/* El hilo que une los tres pasos, detrás de los círculos */
.f2-linea::before{
  content:'';position:absolute;top:24px;left:16.66%;right:16.66%;
  border-top:2px dashed #d9b3a5;
}
.f2-linea li{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.f2-linea-ico{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:var(--blanco);font-size:22px;margin-bottom:6px;
  box-shadow:0 4px 12px rgba(148,102,88,.18);
}
.f2-linea strong{font:700 13px/1.25 var(--sans);color:var(--marino)}
.f2-linea li span:not(.f2-linea-ico){font-size:12px;line-height:1.4;color:var(--tinta)}
.f2-llega-nota{
  margin:18px 0 0;padding:11px 12px;border-radius:12px;
  background:rgba(255,255,255,.7);font-size:13px;font-weight:600;color:var(--marino);
}
/* Franja de confianza: promedio real de reseñas y caras de clientes que ya recibieron su pedido */
.f2-social{
  display:flex;align-items:center;gap:14px;margin-top:12px;
  padding:12px 16px;border-radius:16px;
  background:#f1e9df;color:var(--tinta)!important;
}
.f2-caras{display:flex;flex:none}
.f2-caras img{
  width:40px;height:40px;border-radius:50%;object-fit:cover;
  border:2px solid var(--blanco);margin-left:-10px;
}
.f2-caras img:first-child{margin-left:0}
.f2-social-t{display:grid;line-height:1.3}
.f2-social-t strong{font:700 17px/1.2 var(--sans);color:#c58f28}
.f2-social-t span{font-size:12px;color:var(--tenue)}
.f2-plazos{margin:16px 0 0;text-align:center;font-size:13px;color:var(--tenue)}

/* ---- Acordeones ---- */
.f2-acordeones{margin-top:28px;border-top:1px solid var(--arena)}
.f2-acordeones details{border-bottom:1px solid var(--arena)}
.f2-acordeones summary{
  list-style:none;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  min-height:52px;
  font:500 11px/1.4 var(--sans);
  text-transform:uppercase;letter-spacing:.2em;
  transition:color .2s;
}
.f2-acordeones summary::-webkit-details-marker{display:none}
.f2-acordeones summary::after{
  content:'+';font:300 20px/1 var(--sans);letter-spacing:0;color:var(--tenue);
}
.f2-acordeones details[open] summary::after{content:'−'}
.f2-acordeones summary:hover{color:var(--marino)}
.f2-texto{padding:0 0 20px;color:var(--tinta);overflow-wrap:anywhere}
.f2-texto p{margin:0 0 8px}

/* ---- Banda de confianza ---- */
.f2-banda{background:var(--papel);margin-top:40px;padding:22px 16px}
.f2-banda ul{
  list-style:none;margin:0 auto;padding:0;max-width:900px;
  display:grid;gap:12px;
}
.f2-banda li{display:flex;align-items:center;gap:12px;font-size:13px}
.f2-banda svg{color:var(--marino)}

/* ---- Relacionados ---- */
.f2-rel{padding:40px 0 16px}
.f2-rel .f2-etiqueta{padding:0 16px}
.f2-rel-pista{
  display:flex;gap:12px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  padding:0 16px;scroll-padding-left:16px;
  scrollbar-width:none;
}
.f2-rel-pista::-webkit-scrollbar{display:none}
.f2-rel-item{
  flex:0 0 62%;max-width:240px;
  scroll-snap-align:start;
  display:block;color:var(--tinta)!important;
}
.f2-rel-foto{display:block;background:var(--blanco);aspect-ratio:1/1;overflow:hidden;border-radius:2px}
.f2-rel-foto img{width:100%;height:100%;object-fit:cover}
.f2-rel-nombre{display:block;margin-top:10px;font:400 18px/1.25 var(--serif)}
.f2-rel-precio{display:block;font-size:13px;color:var(--marino)}
.f2-rel-item:hover .f2-rel-nombre{color:var(--marino)}

/* ---- Barra fija móvil ---- */
.f2-barra{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  display:flex;justify-content:center;
  padding:10px 16px calc(14px + env(safe-area-inset-bottom));
  pointer-events:none;
}
.f2-barra[hidden]{display:none}
/* Botón dorado flotante: dos líneas, levemente inclinado para que llame la atención */
.f2-sorprende{
  pointer-events:auto;
  display:flex;flex-direction:column;align-items:center;gap:3px;
  width:100%;max-width:325px;padding:11px 18px;
  border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,#e0b04a,#c58f28);
  color:#fff;text-transform:uppercase;text-align:center;
  box-shadow:0 10px 24px rgba(120,80,20,.35);
  transform:rotate(-2deg);
  animation:f2-tambaleo 2.1s ease-in-out infinite;
}
.f2-sorprende strong{font:700 17.5px/1.1 var(--sans);letter-spacing:.02em}
.f2-sorprende span{font:500 12px/1.2 var(--sans);letter-spacing:.04em;opacity:.95}
.f2-sorprende:active{transform:rotate(-2deg) scale(.97)}
/* Tambalea de lado a lado, descansa y vuelve a empezar */
@keyframes f2-tambaleo{
  0%,76%,100%{transform:rotate(-2deg)}
  80%{transform:rotate(-9deg) scale(1.05)}
  85%{transform:rotate(6deg) scale(1.05)}
  90%{transform:rotate(-7deg) scale(1.03)}
  94%{transform:rotate(3deg)}
  97%{transform:rotate(-4deg)}
}
@media (prefers-reduced-motion:reduce){.f2-sorprende{animation:none}}

/* ---- Opiniones de clientes (app/resenas.php) ---- */
.rs{padding:40px 16px 8px}
.rs .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rs-cabeza{display:grid;gap:18px}
.rs-puntaje{
  background:var(--blanco);border:1px solid var(--arena);border-radius:14px;
  padding:22px 20px;text-align:center;
}
.rs-puntaje-t{display:block;font:500 13px/1.4 var(--sans);color:var(--tenue)}
.rs-media{display:block;font:400 46px/1.1 var(--serif);color:var(--tinta);margin:4px 0}
.rs-estrellas{color:#e0a526;letter-spacing:2px;font-size:17px}
.rs-vacia{color:var(--arena)}
.rs-n{font-size:13px;color:var(--tenue)}
.rs-barras{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:7px;text-align:left}
.rs-barras li{display:grid;grid-template-columns:34px 1fr 38px;align-items:center;gap:10px;font-size:13px}
.rs-barras i{color:#e0a526;font-style:normal}
.rs-barra{height:8px;background:var(--papel);border-radius:8px;overflow:hidden}
.rs-barra span{display:block;height:100%;background:#e0a526;border-radius:8px}
.rs-pc{text-align:right;color:var(--tenue)}
.rs-vacio{color:var(--tenue);margin:6px 0 18px}
.rs-btn{
  display:inline-block;cursor:pointer;list-style:none;
  background:var(--tinta);color:var(--blanco);border:0;border-radius:999px;
  font:500 14px/1 var(--sans);padding:14px 28px;
}
.rs-btn::-webkit-details-marker{display:none}
.rs-btn--linea{background:none;color:var(--tinta);border:1px solid var(--tinta);margin-top:6px;justify-self:center}
.rs-btn:focus-visible{outline:2px solid var(--marino);outline-offset:3px}
.rs-escribir[open] > .rs-btn{background:var(--papel);color:var(--tinta)}
.rs-form{display:grid;gap:12px;margin-top:18px;text-align:left}
.rs-elige{border:0;margin:0;padding:0}
.rs-elige legend{font-size:13px;color:var(--tenue);margin-bottom:4px}
/* Elegir estrellas: van de 5 a 1 y se pintan las de la izquierda con ~ */
.rs-elige-in{display:inline-flex;flex-direction:row-reverse;gap:2px}
.rs-elige input{position:absolute;opacity:0;width:1px;height:1px}
.rs-elige label{font-size:32px;line-height:1;color:var(--arena);cursor:pointer;transition:color .15s}
.rs-elige input:checked ~ label,
.rs-elige label:hover,.rs-elige label:hover ~ label{color:#e0a526}
.rs-elige input:focus-visible + label{outline:2px solid var(--marino);outline-offset:2px}
.rs-campo{display:grid;gap:5px;font-size:13px;color:var(--tenue)}
.rs-campo input,.rs-campo textarea{
  font:inherit;font-size:15px;color:var(--tinta);background:var(--marfil);
  border:1px solid var(--arena);border-radius:8px;padding:11px 12px;width:100%;
}
.rs-campo textarea{resize:vertical}
.rs-nota{font-size:12px;color:var(--tenue);margin:0;text-align:center}
.rs-aviso{background:#eef6ee;color:#2d5a2d;border-radius:8px;padding:10px 12px;font-size:13px;margin:0 0 14px}
.rs-aviso--error{background:#fbeeee;color:#8a2f2f}
/* Muro de reseñas: dos columnas incluso en el celular; las tarjetas con foto real se ven primero */
.rs-col{display:grid;gap:14px}
.rs-lista{columns:2;column-gap:12px}
.rs-tarjeta{
  break-inside:avoid;margin:0 0 12px;overflow:hidden;
  background:var(--blanco);border:1px solid var(--arena);border-radius:16px;
  box-shadow:0 2px 10px rgba(47,45,45,.05);
}
.rs-tarjeta[hidden]{display:none}
.rs-foto{width:100%;aspect-ratio:4/5;object-fit:cover}
.rs-cuerpo{padding:14px 14px 16px;overflow-wrap:anywhere}
.rs-cuerpo .rs-estrellas{font-size:15px}
.rs-tarjeta p{font-size:14px;line-height:1.55}
.rs-quien{display:flex;align-items:center;gap:10px;margin:6px 0 8px;font-size:14px}
/* En el celular la tarjeta es angosta: sin el círculo de iniciales, el nombre respira */
.rs-lista .rs-ini{display:none}
.rs-quien small{display:block;font-size:12px;color:var(--tenue)}
.rs-ini{
  flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--marino);color:var(--blanco);font:500 13px/1 var(--sans);letter-spacing:.04em;
}
.rs-tarjeta h3{font:600 15px/1.35 var(--sans);margin:8px 0 4px}
.rs-tarjeta p{margin:0;color:var(--tinta)}
.rs-sobre{display:inline-block;margin-top:10px;font-size:12px}

/* ---- Escritorio ---- */
@media (min-width:900px){
  .ficha2{padding-bottom:0}
  .f2-barra{display:none!important}
  .f2-cuerpo{
    max-width:1200px;margin:0 auto;padding:32px 24px 0;
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 56px;
    /* la 1.ª fila mide lo que la galería; lo que sobra de la info va a la 2.ª */
    grid-template-rows:auto 1fr;
    align-items:start;
  }
  .f2-galeria{background:none}
  .f2-slide{border:0}
  .f2-pista{background:var(--blanco)}
  .f2-puntos{display:none}
  .f2-minis{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
  .f2-mini{
    width:76px;height:76px;padding:0;cursor:pointer;
    background:var(--blanco);border:1px solid var(--arena);border-radius:2px;
    transition:border-color .2s;
  }
  .f2-mini img{width:100%;height:100%;object-fit:cover}
  .f2-mini:hover{border-color:var(--tenue)}
  .f2-mini.activo{border-color:var(--marino)}
  /* La info ocupa la columna derecha entera; «Cómo llega tu pedido» va bajo las fotos */
  .f2-info{padding:0;position:sticky;top:24px;grid-column:2;grid-row:1 / span 2}
  .f2-pasos{grid-column:1;grid-row:2;margin:32px 0 0;align-self:start}
  .f2-miga{padding-top:0}
  .f2-nombre{font-size:38px;margin-top:12px}
  .f2-ahora{font-size:30px}
  .f2-banda{margin-top:64px;padding:26px 24px}
  .f2-banda ul{grid-template-columns:repeat(3,1fr);justify-items:center}
  .f2-rel{max-width:1200px;margin:0 auto;padding:64px 24px 72px}
  .f2-rel .f2-etiqueta{padding:0}
  .f2-rel-pista{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;overflow:visible;padding:0}
  .f2-rel-item{flex:none;max-width:none}
  .rs{max-width:1200px;margin:0 auto;padding:64px 24px 8px}
  .rs-cabeza{grid-template-columns:340px 1fr;gap:28px;align-items:start}
  .rs-puntaje{position:sticky;top:24px}
  .rs-lista{column-gap:16px}
  .rs-tarjeta{margin-bottom:16px}
  .rs-lista .rs-ini{display:grid}
  .rs-cuerpo{padding:18px 18px 16px}
  .rs-cabeza--sola{grid-template-columns:minmax(0,420px);justify-content:center}
  .f2-llega{padding:26px 22px 22px}
}

@media (prefers-reduced-motion:reduce){
  .ficha2 *,.ficha2 *::before,.ficha2 *::after{transition:none!important;scroll-behavior:auto!important;animation:none!important}
  .f2-pedir::after{display:none}
  .f2-cinta-pista{width:auto;justify-content:center;flex:1}
  .f2-cinta-grupo{flex-wrap:wrap;justify-content:center;white-space:normal;padding:10px 12px;row-gap:6px}
  .f2-cinta-grupo[aria-hidden]{display:none}
}

/* Parte del nombre en mayúsculas («PERSONALIZADO A LÁSER GRATIS»), en negrita */
.f2-nombre strong{font-weight:600}