/* ==========================================================================
   Dimension Forever · ORDENADOR (pantallas de más de 980 px)
   Se carga con media="(min-width: 981px)". Lo común está en styles.css
   ========================================================================== */

/* barra superior horizontal */
.nav nav{display:flex;gap:22px;align-items:center}
.nav nav a:hover{color:var(--ink)}
.burger{display:none}

/* portada a pantalla casi completa */
.hero{min-height:clamp(620px,92vh,920px);padding:120px 20px 90px}

/* respiro generoso entre secciones */
.section{padding:100px 0}
.contact{padding:110px 0}

/* efectos con ratón */
.btn:hover{transform:translateY(-2px)}
.card:hover{transform:translateY(-4px);border-color:rgba(255,46,147,.5)}
.vid:hover{transform:translateY(-4px);border-color:var(--pink)}
.gal-item:hover img{transform:scale(1.05)}

/* «Cuéntanos tu fiesta»: los tres campos en una fila */
.pedido .fila{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.chip span:hover{border-color:rgba(255,255,255,.55)}