/* Tienda: una etiqueta con el QR cuelga del escaparate y gira; lo que cambia es lo que abre. Abril Fatface, de cartel clásico. */
@font-face{font-family:NTie;src:url(/fonts/n-tienda.woff2) format("woff2");font-display:swap}
.nicho-tienda{--tit:NTie,"Titulares",serif}
.nicho-tienda h1,.nicho-tienda h2{font-weight:400;letter-spacing:-.005em;line-height:1.03}
/* Catálogo con filetes: la foto ocupa su casilla y los planes cuelgan como etiquetas. */
.c-catalogo{background:var(--papel)}
.c-catalogo .dolor{font-size:clamp(34px,5.4vw,82px);line-height:1.03;font-weight:400;letter-spacing:-.005em;max-width:17em}
.c-reticula{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-top:clamp(36px,5vw,72px);border:1px solid var(--tinta)}
.c-celda{position:relative;margin:0;min-height:clamp(320px,44vw,640px);overflow:clip;border-right:1px solid var(--tinta)}
.c-celdas{display:grid;grid-auto-rows:1fr}
.c-celdas li{padding:clamp(20px,2.4vw,36px);border-top:1px solid var(--tinta)}
.c-celdas li:first-child{border-top:0}
.c-ref{display:block;margin-bottom:10px;font-size:14px;color:var(--tinta-2)}
.c-celdas h3{font:400 clamp(23px,2.2vw,32px)/1.08 var(--tit);letter-spacing:0;color:var(--pizarra)}
.c-celdas p{margin:8px 0 0;font-size:17px;color:var(--tinta-2)}
.c-catalogo .r-acc{margin-top:clamp(28px,4vw,48px)}
.c-mostrador{background:var(--niebla)}
.nicho-tienda .hoja{gap:clamp(16px,2.4vw,32px)}
.nicho-tienda .pl{position:relative;padding-top:clamp(60px,6vw,84px);border-radius:0 0 10px 10px;clip-path:polygon(16% 0,84% 0,100% 40px,100% 100%,0 100%,0 40px);background:var(--menta);transition:transform .3s var(--fuera)}
.nicho-tienda .pl::before{content:"";position:absolute;left:50%;top:18px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--papel)}
.nicho-tienda .pl:nth-child(1){transform:rotate(-1.2deg)}
.nicho-tienda .pl:nth-child(3){transform:rotate(1.2deg)}
.nicho-tienda .pl-d{background:var(--pizarra)}
.nicho-tienda .pl h3,.nicho-tienda .pl-pr b{font-weight:400}
@media (hover:hover) and (pointer:fine){.nicho-tienda .pl:hover{transform:none}}
@media (max-width:899px){
  .c-reticula{grid-template-columns:1fr}
  .c-celda{min-height:62vw;border-right:0;border-bottom:1px solid var(--tinta)}
  .nicho-tienda .pl:nth-child(n){transform:none}
}