/* ═══════════════════════════════════════════════════════════
   YARLY · marca.css · v1 · 26 de septiembre 2026
   Hecho por sosprocreaciones

   UN SOLO LUGAR para los colores y las tipografías de yarly.
   Lo usan: inicio, catálogo, portafolio, reseña, campañas,
   privacidad y la página de error.
   ¿Cambiar un color? Cámbialo aquí y se actualizan todas.
   Va en: yarlystudio.com/marca/marca.css
   ═══════════════════════════════════════════════════════════ */
:root{
  /* colores */
  --cafe:#6B4802;  --cafe2:#8A5E08;
  --oro:#C9A25A;   --beige:#E8D7B2;  --crema:#FAF6EE;
  --negro:#141009; --texto:#2B2620;  --gris:#7A746B;  --linea:#EDE5D6;
  --wa:#25D366;    --estrella:#C9A25A;
  /* tipografías (se cargan en cada página desde Google Fonts) */
  --serif:Georgia,'Times New Roman',serif;   /* v1 · Georgia: elegante y fácil de leer (viene en todos los equipos) */
  --sans:'Poppins',system-ui,sans-serif;
  /* logo */
  --logo:url('/fotos/logoyarlys-copia.png');
}

/* ── Lo destacado va en Georgia cursiva + color (se lee bien). El título grande de la portada no lleva cursiva ── */
em{font-style:italic}
h1 em{font-style:normal}

/* ── Reseñas (las pinta marca/resenas.js) ──
   Tarjeta chica: foto de la clienta a la izquierda, texto al lado */
.rs-cab{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  font-family:var(--sans);font-size:13.5px;color:var(--gris);margin:4px 0 18px}
.rs-cab .rs-prom{font-family:var(--serif);font-size:28px;color:var(--negro);line-height:1}
.rs-cab .rs-est{color:var(--estrella);letter-spacing:2px;font-size:15px}
.rs-riel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 4px 16px;margin:0 -4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rs-riel::-webkit-scrollbar{display:none}
.rs-card{flex:0 0 min(86%,340px);scroll-snap-align:start;background:#fff;border:1px solid var(--linea);
  border-radius:18px;padding:14px;display:flex;gap:13px;align-items:flex-start;
  box-shadow:0 6px 20px rgba(20,16,9,.06);font-family:var(--sans);color:var(--texto)}
.rs-card .rs-foto{flex:none;width:86px;height:104px;border-radius:12px;background:var(--beige) center/cover no-repeat;cursor:zoom-in}
.rs-card .rs-ini{flex:none;width:48px;height:48px;border-radius:50%;background:var(--beige);color:var(--cafe);
  display:flex;align-items:center;justify-content:center;font:600 18px var(--sans)}
.rs-card .rs-cuerpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.rs-card .rs-est{color:var(--estrella);letter-spacing:1.5px;font-size:13px}
.rs-card .rs-txt{font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden;margin:0}
.rs-card .rs-txt.abierto{-webkit-line-clamp:unset}
.rs-card .rs-mas{background:none;border:0;padding:0;color:var(--cafe2);font:600 12px var(--sans);cursor:pointer;align-self:flex-start}
.rs-card .rs-nom{font-weight:600;color:var(--negro);font-size:12.5px;margin-top:2px}
.rs-card .rs-ver{color:#3E8E5A;font-weight:500;font-size:11px}
.rs-card .rs-svc{color:var(--gris);font-size:11px}
.rs-card.destacada{border-color:var(--oro)}
/* versión más chica (inicio) */
.rs-chico .rs-card{flex-basis:min(80%,290px);padding:12px;gap:11px}
.rs-chico .rs-card .rs-foto{width:70px;height:84px}
.rs-chico .rs-card .rs-txt{font-size:13px}
.rs-flechas{display:flex;justify-content:center;gap:10px;margin-top:2px}
.rs-flechas button{width:38px;height:38px;border-radius:50%;border:1px solid var(--linea);background:#fff;
  color:var(--negro);font-size:15px;cursor:pointer}
@media(hover:none){.rs-flechas{display:none}}
.rs-demo{font:500 11px var(--sans);color:var(--cafe2);text-align:center;margin-top:8px}
.rs-oscuro .rs-cab{color:rgba(255,255,255,.7)}
.rs-oscuro .rs-cab .rs-prom{color:#fff}
.rs-oscuro .rs-flechas button{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.rs-visor{position:fixed;inset:0;background:rgba(10,8,4,.92);z-index:999;display:flex;align-items:center;
  justify-content:center;padding:18px;cursor:zoom-out}
.rs-visor img{max-width:100%;max-height:88vh;border-radius:14px}

/* ═══ FIN · YARLY · marca.css · v1 · 26-09-2026 · sosprocreaciones ═══ */