/* Home screen treatment based on the supplied mobile reference. */
html,body{background:#173e32}
body:has(#view-home.is-active){overflow:hidden}
body:has(#view-home.is-active) .app-header{display:none}
body:has(#view-home.is-active) .screen-back-row{display:none}
body:has(#view-home.is-active) footer{display:none}
#view-home{position:relative;isolation:isolate;min-height:100svh!important;height:100svh;overflow:hidden;padding:0!important;background:#173e32!important;color:#fffaf4;text-align:center}
.home-background,.home-overlay{position:absolute;inset:0}
.home-background{z-index:-2;background-image:url('assets/home-background-portada2.jpeg');background-position:center center;background-size:cover;background-repeat:no-repeat}
.home-overlay{z-index:-1;background:linear-gradient(180deg,rgba(24,14,11,.5) 0%,rgba(28,13,9,.08) 36%,rgba(35,13,10,.24) 66%,rgba(33,11,10,.6) 100%)}
.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100svh;padding:10.5vh 8vw 5.5vh}
.home-brand{display:grid;justify-items:center;gap:5px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.home-brand img{width:min(260px,72vw);filter:brightness(0) invert(1);opacity:.98}
.home-brand span{font-size:.65rem;font-weight:500;letter-spacing:.25em;color:#fffaf4}
.view#view-home h1{margin:0;font-family:'Playfair Display',serif;font-size:clamp(2.1rem,8.5vw,4.4rem);font-weight:500;line-height:.96;letter-spacing:-.035em;text-shadow:0 2px 14px rgba(0,0,0,.34)}
.view#view-home h1 em{font-style:italic}
.view#view-home .home-actions{display:grid;width:min(360px,100%);gap:10px;margin:0}
.view#view-home .primary-action,.view#view-home .secondary-action,.view#view-home .quiet-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;border-radius:999px;padding:11px 18px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-shadow:none}
.view#view-home .primary-action{border:1px solid #68152a;background:#68152a;color:#fffaf4;box-shadow:0 7px 18px rgba(50,0,12,.25)}
.view#view-home .secondary-action{border:1px solid #68152a;background:rgba(255,247,241,.82);color:#68152a}
.view#view-home .quiet-action{border:1px solid #fffaf4;background:rgba(255,247,241,.12);color:#fffaf4;text-decoration:none;text-underline-offset:4px}
@media(min-width:700px){.home-content{width:min(540px,100%);margin:0 auto;padding:9vh 40px 5vh}.home-brand img{width:270px}.view#view-home h1{font-size:4.2rem}}
@media(prefers-reduced-motion:reduce){.home-background,.home-overlay{transition:none}}

/* Internal screens use the same cream and burgundy language as the carta. */
body:has(#view-join.is-active){background:#f5e9e4;color:#68152a;overflow:auto}
body:has(#view-join.is-active) #app{background:#f5e9e4}
body:has(#view-profile.is-active),body:has(#view-feedback.is-active),body:has(#view-admin.is-active){background:#f5e9e4;color:#68152a;overflow:auto}
body:has(#view-profile.is-active) #app,body:has(#view-feedback.is-active) #app,body:has(#view-admin.is-active) #app{background:#f5e9e4}
#view-join{background:#f5e9e4;color:#68152a}
#view-join .view-top{max-width:620px}
#view-join .view-top h2{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,8vw,5.6rem);line-height:.98;letter-spacing:-.03em}
#view-join .view-top>p:last-child{color:#765d62}
#view-join .auth-box{border:1px solid rgba(104,21,42,.12);border-radius:20px;background:#fffaf5;box-shadow:0 12px 26px rgba(104,21,42,.08)}
#view-join .auth-switch{border-bottom-color:#d8bcb5}
#view-join .auth-switch button{color:#765d62}
#view-join .auth-switch button.is-active{border-color:#68152a;color:#68152a}
#view-join .form-grid input,#view-join .form-grid select{border-color:#d8bcb5;background:#fffdf9;color:#68152a}
#view-join .form-note{background:#f1dfdc;color:#765d62}
#view-join .club-choice{border-color:#d8bcb5;background:#fffaf5}
#view-join .club-choice.is-selected{border-color:#68152a;background:#ead2cf}
#view-join .primary-action{background:#68152a;border-color:#68152a}
#view-profile{background:#f5e9e4;color:#68152a}
#view-profile #profile-content{max-width:1040px;margin:0 auto}
#view-profile .profile-head{display:grid!important;width:100%;justify-items:center;align-items:center;gap:18px;text-align:center;border-bottom:1px solid #d8bcb5;padding:34px 0 28px}
#view-profile .profile-head>div{width:100%;text-align:center}
#view-profile .profile-head h2{font-family:'Playfair Display',serif;color:#68152a;font-size:clamp(2.8rem,8vw,5.2rem);line-height:.95}
#view-profile .profile-club{margin:8px 0 0;color:#765d62;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}
#view-profile .profile-head .quiet-action{justify-self:center;margin-inline:auto;min-height:40px;border:1px solid #68152a;border-radius:999px;background:transparent;color:#68152a;padding:9px 16px;text-decoration:none}
#view-profile .profile-grid{gap:16px;margin-top:24px}
#view-profile .profile-card{border:1px solid rgba(104,21,42,.12);border-radius:18px;background:#fffaf5;box-shadow:0 10px 22px rgba(104,21,42,.06);padding:22px}
#view-profile .profile-card .eyebrow{color:#68152a}
#view-profile .profile-card strong{font-family:'Playfair Display',serif;color:#68152a;font-size:3.2rem}
#view-profile .profile-card p:not(.eyebrow){color:#765d62;line-height:1.5}
#view-profile .date-card{background:#ead2cf}
#view-profile .date-card h3,#view-profile .profile-card h3{font-family:'Playfair Display',serif;color:#68152a;font-size:1.8rem;margin:4px 0 8px}
#view-profile .date-card .secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #68152a;border-radius:999px;background:#68152a;color:#fffaf5;text-decoration:none}
#view-profile .progress{background:#eadbd2}
#view-profile .progress span{background:#68152a}
#view-join .site-header.has-back .site-header-left-actions,#view-feedback .site-header.has-back .site-header-left-actions,#view-admin .site-header.has-back .site-header-left-actions,#view-profile .site-header.has-back .site-header-left-actions{display:flex!important}
#view-join .site-header .screen-back,#view-feedback .site-header .screen-back,#view-admin .site-header .screen-back,#view-profile .site-header .screen-back{display:inline-flex!important}
#app .section-view .back-link{display:none}