/* Madrid Spanish Institute — Contact v10
   A direct, editorial contact page: no dropdowns, no cards, no admin UI. */

body.contact-v10 main.p{background:#FEFCF4;color:#231F1C}
body.contact-v10 .masthead{background:#132A22!important;background-color:#132A22!important}
body.contact-v10 .masthead .mark svg{--marca-hueco:#132A22}

.contact-v10-hero{
  position:relative;overflow:hidden;padding-block:clamp(4.75rem,9vw,8rem) clamp(4.5rem,8vw,7rem);
  background:#132A22;color:#FEFCF4
}
.contact-v10-hero::after{
  content:"";position:absolute;right:-12rem;bottom:-17rem;width:34rem;height:34rem;border-radius:50%;
  border:1px solid rgba(203,162,78,.18);box-shadow:0 0 0 6rem rgba(203,162,78,.035),0 0 0 12rem rgba(203,162,78,.022);
  pointer-events:none
}
.contact-v10-hero__head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:clamp(3rem,8vw,8rem);align-items:end}
body.contact-v10 .p .contact-v10-crumbs,
body.contact-v10 .p .contact-v10-crumbs a{margin:0 0 2.25rem!important;color:#E9E4D6!important}
.contact-v10-crumbs{font-family:var(--s-sans,var(--sans));font-size:.78rem!important;letter-spacing:.15em;text-transform:uppercase}
.contact-v10-crumbs a{text-decoration:none;border-bottom:1px solid rgba(233,228,214,.38)}
body.contact-v10 .p .contact-v10-kicker{margin:0 0 1rem!important;color:#CBA24E!important;font-family:var(--s-sans,var(--sans));font-size:.78rem!important;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
body.contact-v10 .p .contact-v10-hero h1{
  max-width:11ch;margin:0;color:#FEFCF4!important;font-family:var(--s-serif,var(--serif));
  font-size:clamp(3.8rem,7.6vw,7.1rem)!important;font-weight:400;line-height:.94!important;letter-spacing:-.045em
}
body.contact-v10 .p .contact-v10-hero h1 em{display:block;color:#CBA24E!important;font-style:normal;font-weight:400}
body.contact-v10 .p .contact-v10-hero__lead{
  max-width:24em;margin:0!important;color:#E9E4D6!important;font-family:var(--s-serif,var(--serif))!important;
  font-size:clamp(1.4rem,2.3vw,2rem)!important;line-height:1.38!important
}

.contact-v10-channels{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .94fr .97fr .97fr;gap:clamp(1.35rem,2.6vw,3rem);margin-top:clamp(4.25rem,8vw,7rem)}
.contact-v10-channel{min-width:0;padding-top:1.35rem;border-top:1px solid rgba(254,252,244,.25)}
a.contact-v10-channel{display:block;color:inherit;text-decoration:none}
.contact-v10-channel__mark{position:relative;display:block;width:3.9rem;height:3.9rem;margin-bottom:1.45rem}
.contact-v10-channel__mark::before,.contact-v10-channel__mark::after{content:"";position:absolute;border-radius:50%}
.contact-v10-channel--email .contact-v10-channel__mark::before{inset:.35rem;background:radial-gradient(circle at 38% 32%,#E8F1F2 0 9%,#76A5C4 12% 39%,#315F68 42% 67%,transparent 70%);box-shadow:0 0 0 1px rgba(118,165,196,.45)}
.contact-v10-channel--email .contact-v10-channel__mark::after{inset:0;border:1px solid rgba(118,165,196,.48)}
.contact-v10-channel--whatsapp .contact-v10-channel__mark::before{inset:.6rem;background:radial-gradient(circle at 38% 32%,#F7B1A9 0 8%,#C8352A 12% 58%,#7A211C 100%)}
.contact-v10-channel--whatsapp .contact-v10-channel__mark::after{inset:.12rem;border:1px solid rgba(239,101,92,.55);box-shadow:0 0 0 .4rem rgba(239,101,92,.08)}
.contact-v10-channel--call .contact-v10-channel__mark::before{inset:.25rem .7rem;background:radial-gradient(ellipse at 38% 30%,#F7E4A8 0 9%,#CBA24E 13% 58%,#8A6318 100%);transform:rotate(24deg)}
.contact-v10-channel--call .contact-v10-channel__mark::after{width:.42rem;height:.42rem;right:.35rem;top:.45rem;background:#CBA24E}
.contact-v10-channel--form .contact-v10-channel__mark::before{inset:.28rem;border:1px solid rgba(254,252,244,.68);border-radius:.15rem;background:transparent}
.contact-v10-channel--form .contact-v10-channel__mark::after{left:1.03rem;right:1.03rem;top:1.12rem;height:1px;border-radius:0;background:#CBA24E;box-shadow:0 .62rem 0 #CBA24E,0 1.24rem 0 #CBA24E}
body.contact-v10 .p .contact-v10-channel__label{margin:0 0 .45rem!important;color:#CBA24E!important;font-family:var(--s-sans,var(--sans));font-size:.72rem!important;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
body.contact-v10 .p .contact-v10-channel h2{margin:0;color:#FEFCF4!important;font-family:var(--s-serif,var(--serif));font-size:clamp(1.45rem,2.2vw,2rem)!important;font-weight:400;line-height:1.1}
body.contact-v10 .p .contact-v10-channel__value{margin:.75rem 0 0!important;color:#E9E4D6!important;font-size:.9rem!important;line-height:1.55!important;overflow-wrap:break-word}
body.contact-v10 .p .contact-v10-channel--email .contact-v10-channel__value{font-size:clamp(.76rem,.86vw,.86rem)!important;letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal}
a.contact-v10-channel h2::after{content:"\2197";display:inline-block;margin-left:.45rem;color:#CBA24E;font-family:var(--s-sans,var(--sans));font-size:.75em;transition:transform .25s ease}
a.contact-v10-channel--form h2::after{content:"\2193"}
a.contact-v10-channel:hover h2::after{transform:translate(.18rem,-.18rem)}

.contact-v10-statement{padding-block:clamp(5.5rem,11vw,9.5rem);background:#FEFCF4}
body.contact-v10 .p .contact-v10-statement p{max-width:20ch;margin:0!important;color:#1F4035!important;font-family:var(--s-serif,var(--serif))!important;font-size:clamp(2.9rem,6.3vw,6rem)!important;line-height:1.02!important;letter-spacing:-.04em}
.contact-v10-statement em{color:#8A6318!important;font-style:normal}

.contact-v10-form-section{position:relative;overflow:hidden;padding-block:clamp(5.5rem,10vw,8.5rem);background:#DCE6DE;border-top:1px solid rgba(31,64,53,.16)}
.contact-v10-form-section::after{content:"";position:absolute;right:clamp(-14rem,-8vw,-7rem);bottom:clamp(-17rem,-12vw,-10rem);width:clamp(25rem,44vw,43rem);aspect-ratio:1;border:1px solid rgba(31,64,53,.1);border-radius:50%;box-shadow:0 0 0 clamp(4rem,7vw,7rem) rgba(31,64,53,.035),0 0 0 clamp(8rem,14vw,14rem) rgba(31,64,53,.025);pointer-events:none}
.contact-v10-form-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(17rem,.58fr) minmax(0,1.42fr);gap:clamp(3.5rem,7vw,7rem);align-items:start}
body.contact-v10 .p .contact-v10-form-copy .contact-v10-kicker{color:#8A6318!important}
body.contact-v10 .p .contact-v10-form-copy h2{max-width:8ch;margin:0;color:#1F4035!important;font-family:var(--s-serif,var(--serif));font-size:clamp(3rem,5vw,5rem)!important;font-weight:400;line-height:.98!important;letter-spacing:-.04em}
body.contact-v10 .p .contact-v10-form-copy__lead{max-width:27em;margin:1.5rem 0 0!important;color:#4A4541!important;font-size:1.08rem!important;line-height:1.68!important}
.contact-v10-response{margin-top:2.5rem;padding-top:1.4rem;border-top:3px solid #B58A3A}
body.contact-v10 .p .contact-v10-response p{margin:0!important;color:#4A4541!important;font-size:.96rem!important;line-height:1.6!important}
body.contact-v10 .p .contact-v10-response strong{display:block;margin-top:.4rem;color:#1F4035;font-family:var(--s-serif,var(--serif));font-size:1.4rem;font-weight:400;line-height:1.3}

body.contact-v10 .p .contact-v10-form{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem clamp(1.5rem,3vw,2.5rem);
  min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.contact-v10-form .s-campo{display:grid;gap:.45rem;min-width:0}
.contact-v10-form .s-campo--full,.contact-v10-form .contact-v10-check,.contact-v10-form .contact-v10-actions,.contact-v10-form .form-status,.contact-v10-form noscript{grid-column:1/-1}
body.contact-v10 .p .contact-v10-form .s-campo label{color:#1F4035!important;font-family:var(--s-sans,var(--sans));font-size:.78rem!important;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
body.contact-v10 .p .contact-v10-form .s-campo :is(input,textarea){
  width:100%;min-height:3.3rem;padding:.72rem 0!important;border:0!important;border-bottom:1px solid rgba(31,64,53,.46)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#231F1C!important;
  font-family:var(--s-sans,var(--sans));font-size:1.06rem;line-height:1.45
}
body.contact-v10 .p .contact-v10-form .s-campo textarea{min-height:10rem!important;resize:vertical}
body.contact-v10 .p .contact-v10-form .s-campo :is(input,textarea):focus{outline:0!important;border-bottom:2px solid #8A6318!important;box-shadow:none!important}
.contact-v10-check{display:grid;grid-template-columns:1.2rem minmax(0,1fr);gap:.8rem;align-items:start;margin-top:.2rem}
.contact-v10-check input{width:1.2rem;height:1.2rem;margin:.2rem 0 0;accent-color:#1F4035}
body.contact-v10 .p .contact-v10-check label{color:#4A4541!important;font-size:.94rem!important;line-height:1.58!important}
.contact-v10-check a{color:#1F4035;text-underline-offset:.18em}
.contact-v10-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
body.contact-v10 .p .contact-v10-actions .s-boton{margin:0;padding:1rem 1.65rem!important;background:#132A22!important;border-color:#132A22!important;color:#FEFCF4!important}
body.contact-v10 .p .contact-v10-actions .s-boton:hover{background:#8A6318!important;border-color:#8A6318!important}
body.contact-v10 .p .contact-v10-actions p{max-width:28em;margin:0!important;color:#5B544B!important;font-size:.9rem!important;line-height:1.5!important}
body.contact-v10 .p .contact-v10-form .form-status{min-height:1.5rem;margin:0!important;color:#1F4035!important;font-size:.95rem!important;line-height:1.55!important}
body.contact-v10 .p .contact-v10-form .form-status[data-state="error"]{color:#8F2D25!important}
body.contact-v10 .p .contact-v10-form .form-status[data-state="success"]{color:#1F6047!important}

.contact-v10-social{padding-block:clamp(4.5rem,8vw,7rem);background:#132A22;color:#FEFCF4}
.contact-v10-social__inner{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,8rem);align-items:end}
body.contact-v10 .p .contact-v10-social h2{max-width:12ch;margin:0;color:#FEFCF4!important;font-family:var(--s-serif,var(--serif));font-size:clamp(2.6rem,5vw,4.7rem)!important;font-weight:400;line-height:1!important;letter-spacing:-.035em}
.contact-v10-social ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.1rem clamp(1.6rem,3vw,3rem);margin:0;padding:0;list-style:none}
.contact-v10-social li{margin:0!important}
.contact-v10-social a{color:#FEFCF4;text-decoration:none;border:0;padding:0;font-family:var(--s-serif,var(--serif));font-size:clamp(1.65rem,2.8vw,2.75rem);font-weight:400;line-height:1}
.contact-v10-social a::after{content:"\2197";display:inline-block;margin-left:.35rem;color:#CBA24E;font-family:var(--s-sans,var(--sans));font-size:.5em;vertical-align:top;transition:transform .2s ease}
.contact-v10-social a:hover{color:#CBA24E}
.contact-v10-social a:hover::after{transform:translate(.15rem,-.15rem)}

@media(max-width:64rem){
  .contact-v10-hero__head,.contact-v10-form-layout{grid-template-columns:minmax(0,1fr)}
  .contact-v10-hero__lead{max-width:31em!important}
  .contact-v10-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-v10-form-layout{gap:3.5rem}
  .contact-v10-social__inner{grid-template-columns:minmax(0,1fr);align-items:start}
  .contact-v10-social ul{justify-content:flex-start}
}
@media(max-width:42rem){
  .contact-v10-hero{padding-top:3.25rem}
  .contact-v10-channels{grid-template-columns:minmax(0,1fr);gap:1.75rem}
  .contact-v10-channel{display:grid!important;grid-template-columns:3.3rem minmax(0,1fr);column-gap:1rem;align-items:center}
  .contact-v10-channel__mark{grid-row:1/4;width:3.2rem;height:3.2rem;margin:0}
  body.contact-v10 .p .contact-v10-channel__label{margin-bottom:.25rem!important}
  body.contact-v10 .p .contact-v10-channel__value{margin-top:.4rem!important}
  body.contact-v10 .p .contact-v10-form{grid-template-columns:minmax(0,1fr);gap:1.45rem}
  .contact-v10-form .s-campo,.contact-v10-form .s-campo--full,.contact-v10-form .contact-v10-check,.contact-v10-form .contact-v10-actions,.contact-v10-form .form-status,.contact-v10-form noscript{grid-column:1}
  .contact-v10-actions{align-items:flex-start;flex-direction:column}
}