/* InvitaciónYa — catálogos por tipo (/invitaciones-de-*). Complementa invitaya.css + landing.css. */

.chero .pre{font-weight:600}

/* ============ GRID DE DISEÑOS ============ */
.cdisenos{background:var(--crema)}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,30px)}
.cdis{display:flex;flex-direction:column;text-align:center}
.cdis-foto{display:block;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:390/620;background:#fff;
  box-shadow:0 10px 24px rgba(109,34,71,.10),0 26px 60px rgba(109,34,71,.10);transition:transform .5s var(--ease-apple),box-shadow .5s var(--ease-apple)}
.cdis-foto:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(109,34,71,.16),0 36px 80px rgba(109,34,71,.16)}
.cdis-foto img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.cdis-nuevo{position:absolute;top:12px;right:12px;z-index:2;background:linear-gradient(135deg,var(--rosa-med),var(--fucsia));color:#fff;
  font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border-radius:99px}
.cdis h3{font-size:1.12rem;color:var(--vino);margin:16px 0 6px}
.cdis p{color:var(--gris);font-size:.88rem;line-height:1.5;margin:0 0 14px;flex:1}
.cdis-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.cbtn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:99px;
  font-size:.82rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .25s}
.cbtn:hover{transform:translateY(-2px)}
.cbtn--ghost{border:1px solid rgba(168,133,59,.55);color:var(--vino);background:#fff}
.cbtn--ghost:hover{background:var(--rosa-luz)}
.cbtn--gold{background:linear-gradient(135deg,var(--oro),var(--oro-osc));color:#fff}
.cdis--pro .cdis-foto{outline:2px solid var(--oro-luz);outline-offset:-2px}

/* ============ TEXTO LARGO ============ */
.ctexto{background:linear-gradient(180deg,var(--crema),#fff 40%,var(--crema))}
.ctexto .contenedor{padding-top:clamp(30px,5vh,60px)}
.ctexto-caja{max-width:760px;margin:0 auto;color:var(--tinta);font-size:1.04rem;line-height:1.75}
.ctexto-caja h2{font-size:clamp(1.6rem,3vw,2.2rem);text-align:center;margin-bottom:28px}
.ctexto-caja h3{font-size:1.3rem;color:var(--vino);margin:34px 0 12px}
.ctexto-caja p{margin:0 0 18px}
.ctexto-caja ul{margin:0 0 18px;padding-left:1.2em}
.ctexto-caja li{margin-bottom:8px}
.ctexto-caja strong{color:var(--vino)}

/* ============ OTRAS OCASIONES ============ */
.cotras{background:var(--rosa-luz);text-align:center}
.cotras .contenedor{padding-top:clamp(48px,7vh,80px);padding-bottom:clamp(48px,7vh,80px)}
.cotras h2{font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:26px}
.cotras h2 .script{color:var(--rosa-med);font-size:1.3em}
.cotras-lista{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cotras-lista a{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:99px;background:#fff;
  border:1px solid rgba(203,161,78,.35);color:var(--vino);font-weight:500;font-size:.92rem;text-decoration:none;transition:transform .25s,box-shadow .25s}
.cotras-lista a:hover{transform:translateY(-2px);box-shadow:var(--sombra-suave)}
.cotras-lista svg{color:var(--rosa-med)}

@media (max-width:1024px){ .cgrid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:720px){
  .cgrid{grid-template-columns:1fr 1fr;gap:16px 12px}
  .cdis-foto{border-radius:16px}
  .cdis h3{font-size:.98rem;margin-top:12px}
  .cdis p{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cdis-acts{flex-direction:column;gap:6px}
  .cbtn{min-height:38px;font-size:.78rem;padding:0 10px}
  .cotras-lista a{font-size:.85rem;padding:10px 14px}
}