/*
Theme Name: Jose Pina · Pianista para Bodas
Theme URI: https://pianistabodassevilla.es
Author: Jose Pina
Description: Tema de bloques ligero y editorial para la marca personal de Jose Pina, pianista para bodas en Sevilla.
Version: 2.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: jose-pina-pianista
*/

:root{
  --jp-ink:#151412;
  --jp-charcoal:#25231f;
  --jp-ivory:#f5f0e7;
  --jp-paper:#fffdf8;
  --jp-gold:#a78251;
  --jp-bronze:#82643f;
  --jp-muted:#746c62;
  --jp-line:#ddd3c6;
}
html{scroll-behavior:smooth}
body{background:var(--jp-paper);color:var(--jp-ink)}
a{text-underline-offset:.18em}
.jp-topbar{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.jp-brand{line-height:1!important;gap:0!important}
.jp-brand-name{font-family:Georgia,'Times New Roman',serif;font-size:1.38rem;letter-spacing:.14em;margin:0!important}
.jp-brand-role{font-size:.63rem;letter-spacing:.24em;text-transform:uppercase;color:var(--jp-muted);margin:.38rem 0 0!important}
.jp-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--jp-gold)}
.jp-hero .wp-block-cover__inner-container{max-width:1240px;margin:auto;width:100%}
.jp-hero h1{max-width:850px;text-wrap:balance}
.jp-display{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.15rem,4.3vw,4.8rem);line-height:1.02;max-width:920px;margin-top:.45rem!important}
.jp-lead{max-width:760px}
.jp-section{padding-top:96px;padding-bottom:96px}
.jp-tight{padding-top:48px;padding-bottom:48px}
.jp-soft{background:var(--jp-ivory)}
.jp-dark{background:var(--jp-ink);color:#fff}
.jp-number{font-family:Georgia,'Times New Roman',serif;font-size:2rem;color:var(--jp-gold);line-height:1}
.jp-card{height:100%;border:1px solid var(--jp-line);border-radius:20px;padding:32px;background:#fff}
.jp-card-dark{height:100%;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:30px;background:rgba(255,255,255,.04)}
.jp-audio{border:1px solid var(--jp-line);border-radius:16px;padding:24px;background:#fff}
.jp-audio-tag{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--jp-muted)}
.jp-button .wp-block-button__link{transition:transform .2s ease,opacity .2s ease}
.jp-button .wp-block-button__link:hover{transform:translateY(-2px);opacity:.92}
.jp-outline-light .wp-block-button__link{border-color:rgba(255,255,255,.8)!important;color:#fff!important}
.jp-quote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,4rem);line-height:1.08;max-width:930px}
.jp-signature{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.35rem;color:var(--jp-gold)}
.jp-stat{border-left:1px solid var(--jp-line);padding-left:24px}
.jp-photo-frame img{border-radius:4px;box-shadow:0 28px 70px rgba(21,20,18,.14)}
.jp-photo-caption{font-size:.78rem;color:var(--jp-muted);font-style:italic}
.jp-details details{border-top:1px solid var(--jp-line);padding:20px 0}
.jp-details details:last-child{border-bottom:1px solid var(--jp-line)}
.jp-details summary{font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;cursor:pointer}
.jp-footer-brand{font-family:Georgia,'Times New Roman',serif;font-size:1.9rem;letter-spacing:.12em}
.jp-footer-role{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.72}
@media(max-width:781px){
  .jp-section{padding-top:64px;padding-bottom:64px}
  .jp-tight{padding-top:36px;padding-bottom:36px}
  .jp-card,.jp-card-dark{padding:24px}
  .jp-stat{border-left:0;border-top:1px solid var(--jp-line);padding-left:0;padding-top:18px}
  .jp-brand-name{font-size:1.15rem}
}