.principles-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);max-width:1280px;margin-inline:auto}@media(min-width:640px){.principles-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media(min-width:1024px){.principles-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.principle-card{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);background:var(--color-papel);position:relative;transition:transform .7s var(--ease-out)}.principle-card:before{content:"";position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:1px;background:var(--color-linea);opacity:.7;transition:background .6s var(--ease-out),opacity .6s var(--ease-out)}.principle-card:hover:before{background:var(--color-savia);opacity:1}.principle-card__num{font-family:var(--font-italiana);font-size:clamp(2.4rem,1.8rem + 1.4vw,3.2rem);font-weight:400;line-height:1;color:var(--color-savia);font-style:italic;letter-spacing:.005em;margin-top:var(--space-2)}.principle-card__title{font-family:var(--font-cormorant);font-size:clamp(1.45rem,1.2rem + .6vw,1.7rem);font-weight:500;color:var(--color-tinta);line-height:1.18;letter-spacing:-.005em;margin:0}.principle-card__text{font-family:var(--font-cormorant);font-style:italic;font-size:var(--text-base);line-height:1.55;color:var(--color-tinta-soft);margin:0;font-weight:400}.principle-card__caption{font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-tinta-mute);font-weight:500;font-family:var(--font-body);padding-top:var(--space-3);border-top:1px solid var(--color-linea-soft)}