/*
Theme Name: Tato Rodríguez Máster 2 actualizado
Theme URI: https://guitarrastatorodriguez.com/
Author: OpenAI
Description: Tema editorial moderno para Tato Rodríguez. Fotografías reales, páginas completas de guitarras, proceso, taller y trayectoria.
Version: 2.1.0
Text Domain: tato-modern-v2
*/
:root{
 --black:#0b0907;--brown:#17110d;--paper:#f3eee5;--paper2:#e9e1d6;--ink:#17120e;
 --gold:#b77a38;--gold2:#daa35e;--muted:#756a5f;--max:1500px;
 --display:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;
 --serif:"Baskerville","Iowan Old Style","Palatino Linotype",Georgia,serif;
 --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:var(--serif);font-size:17px}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 88px),var(--max));margin:auto}
.kicker{font:700 10px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold2)}
.button{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--gold);padding:14px 22px;font:700 10px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;transition:.22s}
.button:hover{background:var(--gold);color:#100b07}
.site-header{position:absolute;z-index:60;inset:0 0 auto;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(0,0,0,.67),rgba(0,0,0,.04))}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand strong{display:block;font-family:var(--display);font-weight:400;font-size:29px;letter-spacing:.035em}
.brand small{display:block;margin-top:5px;font:650 9px/1 var(--sans);letter-spacing:.27em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:26px;font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.menu a:hover{color:var(--gold2)}.nav-cta{white-space:nowrap}

/* HERO: fotografía sin estirar; composición izquierda/derecha */
.hero{position:relative;min-height:760px;height:min(900px,86vh);background:#100c09;overflow:hidden}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:64%;background:#17110d}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 48%}
.hero-photo:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(11,9,7,.98) 0%,rgba(11,9,7,.70) 14%,rgba(11,9,7,.10) 42%,rgba(11,9,7,.05) 75%,rgba(11,9,7,.38) 100%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0907 0%,#0b0907 36%,rgba(11,9,7,.70) 48%,rgba(11,9,7,0) 69%);pointer-events:none}
.hero-inner{position:relative;z-index:4;height:100%;display:grid;grid-template-columns:1fr 280px;align-items:end;padding:150px 0 72px}
.hero-copy{max-width:650px}.hero h1{font-family:var(--display);font-size:clamp(74px,7.3vw,122px);font-weight:400;line-height:.79;letter-spacing:-.035em;text-transform:uppercase;margin:18px 0 23px}
.hero h1 span{display:block}.hero-sub{font:700 11px/1 var(--sans);letter-spacing:.31em;text-transform:uppercase;margin-bottom:26px}.rule{width:48px;border-top:1px solid var(--gold);margin-bottom:22px}
.hero-lead{font-size:23px;line-height:1.3;margin:0 0 30px}.hero-quote{align-self:center;justify-self:end;width:230px;font-family:var(--display);font-size:29px;line-height:1.16;font-style:italic;transform:rotate(-3deg)}
.hero-quote:after{content:"";display:block;width:34px;border-top:1px solid var(--gold);margin-top:18px}

.intro{background:var(--paper);color:var(--ink);padding:64px 0}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr .52fr;gap:48px;align-items:center}
.intro h2,.title{font-family:var(--display);font-weight:400;letter-spacing:-.025em}.intro h2{font-size:clamp(50px,4.7vw,76px);line-height:.92;margin:0 0 22px}
.intro p{font-size:18px;line-height:1.48;margin:0}.intro-photo{height:320px;overflow:hidden}.intro-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.quote{font-family:var(--display);font-size:25px;line-height:1.2}.quote .mark{display:block;color:var(--gold);font-size:60px;line-height:.6;margin-bottom:18px}.quote em{display:block;margin-top:20px;font-size:20px}

.models{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;background:#100c09}.model{position:relative;min-height:590px;overflow:hidden}.model img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.model.classic img{object-position:center 58%}.model.flamenca img{object-position:center 48%}.model:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,4,.95),rgba(8,6,4,.72) 32%,rgba(8,6,4,.16) 68%,rgba(8,6,4,.03))}
.model-copy{position:relative;z-index:2;width:44%;min-width:320px;padding:66px 38px 50px 50px}.model h3{font-family:var(--display);font-size:49px;line-height:.91;font-weight:400;text-transform:uppercase;margin:0 0 20px}
.model p{font-size:18px;line-height:1.35}.spec{margin:20px 0 0;font:700 9px/1.55 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#e9bd83}.model .button{margin-top:26px}

.process{background:var(--paper);color:var(--ink);padding:62px 0 70px}.process-head{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:28px}
.title{font-size:62px;line-height:.92;margin:0 0 8px}.sub{font:700 10px/1 var(--sans);letter-spacing:.29em;text-transform:uppercase}.process-note{font-size:15px;line-height:1.45;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.step{margin:0}.step-img{aspect-ratio:1.18/1;overflow:hidden}.step-img img{width:100%;height:100%;object-fit:cover}.step figcaption{margin-top:11px;font:700 9px/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.step small{display:block;margin-top:5px;color:#71675d;line-height:1.25}

.home-story{background:#18120e;padding:96px 0}.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:78px;align-items:center}.story-photo{height:640px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.home-story h2{font-family:var(--display);font-size:67px;line-height:.91;font-weight:400;margin:12px 0 28px}.home-story p{font-size:18px;line-height:1.58;color:#e9dfd3}.home-story .button{margin-top:16px}

.contact-home{position:relative;min-height:470px;overflow:hidden}.contact-home .media{position:absolute;inset:0}.contact-home .media img{width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:brightness(.59) saturate(.88)}
.contact-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,4,3,.95),rgba(6,4,3,.54) 50%,rgba(6,4,3,.82))}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:72px 0}.contact-home h2{font-family:var(--display);font-size:60px;line-height:.91;font-weight:400;margin:12px 0 18px}.contact-home p{max-width:540px;font-size:18px;line-height:1.45}
.values{display:grid;grid-template-columns:repeat(3,1fr)}.value{text-align:center;padding:28px 15px;border-left:1px solid rgba(255,255,255,.18)}.value b{display:block;color:var(--gold2);font-size:30px;margin-bottom:11px}.value span{font:700 9px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase}

/* INNER PAGES */
.page-hero{position:relative;padding:170px 0 90px;background:#18120e;overflow:hidden}.page-hero h1{font-family:var(--display);font-size:clamp(64px,6.5vw,105px);line-height:.88;font-weight:400;margin:10px 0 0}.page-hero p{max-width:780px;font-size:20px;line-height:1.45;color:#dfd4c7}
.light{background:var(--paper);color:var(--ink)}.section{padding:85px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.copy h2{font-family:var(--display);font-size:56px;line-height:.94;font-weight:400;margin:0 0 24px}.copy p{font-size:18px;line-height:1.63}.photo-tall{height:650px;overflow:hidden}.photo-tall img{width:100%;height:100%;object-fit:cover}
.bio-band{background:#18120e;color:#fff}.bio-band .copy p{color:#e6dbce}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4c9bb}.fact{background:var(--paper);padding:32px}.fact b{display:block;font-family:var(--display);font-size:38px;font-weight:400;margin-bottom:7px}.fact span{font:700 9px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.guitar-detail{padding:90px 0}.guitar-detail:nth-of-type(even){background:#18120e;color:#fff}.guitar-detail .two{align-items:start}.guitar-detail h2{font-family:var(--display);font-size:64px;line-height:.9;font-weight:400;margin:0 0 20px}.guitar-detail h3{font-family:var(--display);font-size:32px;font-weight:400;margin:32px 0 10px}
.guitar-detail p{font-size:18px;line-height:1.62}.material-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.material{border-top:1px solid currentColor;padding:14px 0}.material b{display:block;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.material span{display:block;margin-top:6px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid figure{margin:0;overflow:hidden;background:#ddd}.gallery-grid img{width:100%;height:430px;object-fit:cover}
.process-long{display:grid;grid-template-columns:1fr 1fr;gap:15px}.process-block{position:relative;min-height:560px;overflow:hidden}.process-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.process-block:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,3,.85),transparent 62%)}
.process-block .caption{position:absolute;z-index:2;left:38px;right:38px;bottom:35px}.process-block h3{font-family:var(--display);font-size:43px;font-weight:400;margin:0 0 8px}.process-block p{margin:0;max-width:550px;line-height:1.45}
.contact-page{background:var(--paper);color:var(--ink)}.contact-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-card h2{font-family:var(--display);font-size:58px;font-weight:400;line-height:.92;margin:0 0 24px}.contact-data{font-size:21px;line-height:1.8}.contact-data a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.form-box{background:#fff;padding:40px}.form-box input,.form-box textarea{width:100%;border:0;border-bottom:1px solid #b9afa4;background:transparent;padding:12px 0;font:inherit;margin-bottom:20px}.form-box textarea{min-height:150px}
.site-footer{background:#080604;border-top:1px solid rgba(255,255,255,.11)}.footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;font:700 8px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#d4c7b8}
@media(max-width:1050px){.wrap{width:min(calc(100% - 44px),var(--max))}.menu{display:none}.hero-photo{width:76%}.hero:after{background:linear-gradient(90deg,#0b0907 0%,#0b0907 30%,rgba(11,9,7,.68) 51%,transparent 78%)}.hero-inner{grid-template-columns:1fr}.hero-quote{display:none}.intro-grid{grid-template-columns:1fr 1fr}.quote{grid-column:1/-1}.models{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}.story-grid,.contact-grid,.two,.contact-card{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.nav{min-height:68px}.brand strong{font-size:22px}.nav-cta{display:none}.hero{min-height:730px;height:92vh}.hero-photo{width:100%;opacity:.82}.hero-photo img{object-position:56% center}.hero:after{background:linear-gradient(90deg,rgba(11,9,7,.96),rgba(11,9,7,.68) 55%,rgba(11,9,7,.25))}.hero-inner{padding:130px 0 50px}.hero h1{font-size:58px}.intro-grid{grid-template-columns:1fr}.intro-photo{height:300px}.model{min-height:600px}.model-copy{width:70%;min-width:0;padding:50px 26px}.model h3{font-size:42px}.process-head{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.title{font-size:50px}.home-story{padding:65px 0}.story-photo{height:480px}.home-story h2,.contact-home h2{font-size:48px}.values{grid-template-columns:1fr}.value{border-left:0;border-top:1px solid rgba(255,255,255,.18)}.facts{grid-template-columns:1fr}.gallery-grid,.process-long{grid-template-columns:1fr}.gallery-grid img{height:360px}.page-hero{padding:145px 0 65px}.page-hero h1{font-size:61px}.photo-tall{height:480px}.footer{padding:20px 0;flex-direction:column;text-align:center}}


/* MASTER 1 — refinado visual */
.hero-photo{width:68%}
.hero-photo:before{background:linear-gradient(90deg,rgba(11,9,7,.94) 0%,rgba(11,9,7,.58) 13%,rgba(11,9,7,.10) 37%,rgba(11,9,7,.03) 76%,rgba(11,9,7,.34) 100%)}
.hero:after{background:linear-gradient(90deg,#0b0907 0%,#0b0907 31%,rgba(11,9,7,.84) 39%,rgba(11,9,7,.42) 48%,rgba(11,9,7,0) 64%)}
.hero h1{font-size:clamp(70px,6.7vw,112px);letter-spacing:-.045em}
.hero-quote{justify-self:end;margin-right:0;transform:translateX(18px) rotate(-3deg)}
.process{padding-top:72px;padding-bottom:82px}.step-img{aspect-ratio:1.05/1}.steps{gap:16px}
.home-story{padding:82px 0}.story-grid{gap:58px}.story-photo{height:570px}
.contact-home .media img{object-position:center 74%;filter:brightness(.52) saturate(.86)}
.contact-home:after{background:linear-gradient(90deg,rgba(6,4,3,.94),rgba(6,4,3,.58) 46%,rgba(6,4,3,.72))}
.process-block:after{background:linear-gradient(0deg,rgba(5,4,3,.96) 0%,rgba(5,4,3,.78) 28%,rgba(5,4,3,.16) 66%,transparent 100%)}
.process-block .caption{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.video-section{background:#0e0b08;padding:90px 0}.video-head{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:34px}
.video-head h2{font-family:var(--display);font-size:62px;line-height:.92;font-weight:400;margin:10px 0 0}.video-head p{color:#d8ccbd;line-height:1.5}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-card{background:#18120e;border:1px solid rgba(255,255,255,.1)}
.video-frame{position:relative;aspect-ratio:16/9;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-meta{padding:18px 20px}.video-meta h3{font-family:var(--display);font-size:25px;font-weight:400;margin:0}.video-more{margin-top:30px}
@media(max-width:850px){.video-head,.video-grid{grid-template-columns:1fr}.hero-photo{width:100%}.hero-quote{transform:none}}


/* =========================================================
   MASTER 2 — corrección integral de dirección de arte
   ========================================================= */

/* Hero: foto integrada, no “media pantalla negra + foto” */
.hero{height:min(920px,88vh);min-height:780px}
.hero-photo{width:100%;left:0}
.hero-photo img{object-position:center 47%;filter:brightness(.82) saturate(.92)}
.hero-photo:before{
 background:
 linear-gradient(90deg,rgba(7,5,4,.96) 0%,rgba(7,5,4,.84) 17%,rgba(7,5,4,.48) 35%,rgba(7,5,4,.13) 54%,rgba(7,5,4,.12) 73%,rgba(7,5,4,.62) 100%),
 linear-gradient(0deg,rgba(0,0,0,.24),transparent 52%);
}
.hero:after{background:none}
.hero-inner{grid-template-columns:minmax(0,1fr) 250px;padding-bottom:68px}
.hero-copy{max-width:590px}
.hero h1{font-family:"Bodoni 72 Smallcaps","Bodoni 72","Didot","Baskerville",serif;font-size:clamp(68px,6.25vw,104px);line-height:.82;letter-spacing:-.055em}
.hero-quote{width:205px;font-size:26px;margin-right:22px;transform:rotate(-3deg)}

/* Modelos: la guitarra completa es protagonista. El texto ocupa menos. */
.models{gap:12px;padding:12px}
.model{min-height:650px}
.model img{object-fit:cover}
.model.classic img{object-position:60% 50%}
.model.flamenca img{object-position:59% 48%}
.model:after{background:linear-gradient(90deg,rgba(7,5,4,.96) 0%,rgba(7,5,4,.78) 27%,rgba(7,5,4,.28) 48%,rgba(7,5,4,.03) 72%)}
.model-copy{width:39%;min-width:300px;padding:64px 30px 54px 48px}
.model h3{font-size:47px}.model p{font-size:17px}

/* Proceso HOME: fotos realmente grandes */
.process{padding:74px 0 84px}
.process-head{margin-bottom:34px}
.steps{grid-template-columns:repeat(3,1fr);gap:18px}
.step-img{aspect-ratio:1.42/1}
.step figcaption{font-size:10px;margin-top:12px}
.step small{font-size:13px}

/* Historia: menos vacío y foto de trabajo, no foto social */
.home-story{padding:76px 0}
.story-grid{grid-template-columns:1fr 1fr;gap:52px}
.story-photo{height:590px}
.home-story h2{font-size:62px}

/* Cierre: viruta, herramientas y banco protagonistas */
.contact-home{min-height:540px}
.contact-home .media img{object-position:center 73%;filter:brightness(.48) saturate(.88)}
.contact-home:after{background:linear-gradient(90deg,rgba(5,4,3,.95) 0%,rgba(5,4,3,.72) 34%,rgba(5,4,3,.30) 62%,rgba(5,4,3,.58) 100%)}
.contact-grid{padding:82px 0}

/* Página proceso: texto inequívocamente legible */
.process-block:after{background:linear-gradient(0deg,rgba(4,3,2,.98) 0%,rgba(4,3,2,.91) 25%,rgba(4,3,2,.50) 47%,rgba(4,3,2,.05) 74%,transparent)}
.process-block .caption{bottom:32px;color:#fff}
.process-block .caption h3,.process-block .caption p{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.72)}
.process-block .caption p{font-size:16px}

/* Tipografía: jerarquía más editorial */
.title,.intro h2,.home-story h2,.contact-home h2,.page-hero h1,.copy h2,.guitar-detail h2,.video-head h2{
 font-family:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;
 letter-spacing:-.035em;
}
body{font-family:"Baskerville","Iowan Old Style","Palatino Linotype",Georgia,serif}
.menu,.kicker,.sub,.spec,.button,.brand small,.step figcaption,.value span,.footer{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}

/* Vídeos: más editorial y respirados */
.video-section{padding:96px 0}
.video-grid{gap:22px}
.video-card{border:1px solid rgba(255,255,255,.12);background:#15100c}
.video-meta{padding:20px 22px}

/* Desktop ancho: no dejar todo demasiado pequeño */
@media(min-width:1450px){
 .wrap{width:min(calc(100% - 110px),1580px)}
 .intro-photo{height:350px}
 .process .wrap{max-width:1580px}
}

/* Tablet */
@media(max-width:1050px){
 .hero-photo{width:100%}
 .hero-photo img{object-position:58% center}
 .models{grid-template-columns:1fr}
 .model{min-height:620px}
 .steps{grid-template-columns:repeat(2,1fr)}
}
/* Mobile */
@media(max-width:650px){
 .hero{min-height:740px}
 .hero h1{font-size:54px}
 .model{min-height:620px}
 .model-copy{width:68%;padding:48px 24px}
 .steps{grid-template-columns:1fr}
 .step-img{aspect-ratio:1.35/1}
}


/* =========================================================
   MASTER 3 — hero cinematográfico + titular blanco/crema
   ========================================================= */

:root{
  --hero-cream:#e5b870;
  --hero-white:#fffdf8;
}

/* Nueva imagen cinematográfica como entrada */
.hero{
  min-height:790px;
  height:min(930px,90vh);
  background:#0a0806;
}
.hero-photo{
  inset:0;
  width:100%;
}
.hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:brightness(.82) saturate(.92) contrast(1.03);
}

/* Oscurecido pensado para dejar lectura fuerte a izquierda y profundidad a derecha */
.hero-photo:before{
  background:
    linear-gradient(90deg,
      rgba(5,4,3,.96) 0%,
      rgba(5,4,3,.86) 16%,
      rgba(5,4,3,.58) 30%,
      rgba(5,4,3,.22) 47%,
      rgba(5,4,3,.08) 63%,
      rgba(5,4,3,.18) 78%,
      rgba(5,4,3,.62) 100%),
    linear-gradient(0deg,
      rgba(0,0,0,.30) 0%,
      rgba(0,0,0,.07) 45%,
      rgba(0,0,0,.12) 100%);
}
.hero:after{background:none}

/* Composición del texto */
.hero-inner{
  grid-template-columns:minmax(0,1fr) 250px;
  padding-top:145px;
  padding-bottom:68px;
}
.hero-copy{
  max-width:650px;
}
.hero h1{
  font-family:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;
  font-size:clamp(72px,6.8vw,114px);
  line-height:.80;
  letter-spacing:-.055em;
  margin:16px 0 22px;
}
.hero h1 span:first-child{
  color:var(--hero-white);
}
.hero h1 span:last-child{
  color:var(--hero-cream);
}
.hero .kicker{
  color:#d7a15d;
}
.hero-sub{
  color:var(--hero-white);
}
.hero-lead{
  color:var(--hero-white);
}
.hero-quote{
  color:var(--hero-white);
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.hero-quote:after{
  border-color:var(--hero-cream);
}
.hero .rule{
  border-color:var(--hero-cream);
}
.hero .button{
  border-color:var(--hero-cream);
  color:var(--hero-white);
}
.hero .button:hover{
  background:var(--hero-cream);
  color:#120d09;
}

/* Marca y menú mejor integrados con el hero */
.site-header{
  background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.10));
}
.brand strong{
  color:var(--hero-white);
}
.brand small,
.menu a{
  color:rgba(255,253,248,.92);
}
.nav-cta{
  border-color:var(--hero-cream);
}

/* Ajuste móvil */
@media(max-width:650px){
  .hero-photo img{object-position:58% center}
  .hero h1{font-size:56px}
  .hero-inner{padding-top:125px;padding-bottom:48px}
}


/* ==========================================================
   MÁSTER 3.1 — SOLO LOGO + MENÚ
   El resto del diseño queda intacto.
   ========================================================== */

/* Evita que la barra de administración tape la cabecera */
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}

/* Cabecera ligeramente más limpia y mejor alineada */
.nav{
  min-height:82px;
  gap:22px;
}
.brand{
  flex:0 0 auto;
  transform:translateY(2px);
}
.brand strong{
  font-size:27px;
  letter-spacing:.04em;
  line-height:.95;
}
.brand small{
  margin-top:7px;
  font-size:8.5px;
  letter-spacing:.30em;
}

/* Menú un poco menos apretado y más fino */
.menu{
  gap:22px;
  font-size:9.5px;
  letter-spacing:.13em;
  white-space:nowrap;
}
.menu a{
  position:relative;
  padding:5px 0 7px;
}
.menu a:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:1px;
  background:var(--gold2);
  transition:right .22s ease;
}
.menu a:hover:after{
  right:0;
}

/* CTA superior un poco más compacto */
.nav-cta{
  padding:12px 16px;
  font-size:9px;
  letter-spacing:.14em;
}

/* En portátiles antes de ocultar el menú, lo compactamos ligeramente */
@media(max-width:1250px) and (min-width:1051px){
  .nav{gap:16px}
  .brand strong{font-size:24px}
  .brand small{font-size:8px;letter-spacing:.25em}
  .menu{gap:16px;font-size:9px;letter-spacing:.10em}
  .nav-cta{padding:11px 13px;font-size:8.5px}
}

/* Móvil: solo afinamos el logo; el comportamiento existente se conserva */
@media(max-width:650px){
  .nav{min-height:72px}
  .brand{transform:none}
  .brand strong{font-size:21px;line-height:1}
  .brand small{font-size:8px;margin-top:6px}
}


/* MÁSTER 2 ACTUALIZADO — nuevas fotografías aprobadas */
.intro-photo img{object-position:center 42%}
.model.classic img{object-position:center 54%}
.model.flamenca img{object-position:center 55%}
.step-img img{object-position:center center}

/* Las fotografías mantienen siempre su proporción: nunca se estiran */
.intro-photo img,.model img,.step-img img,.process-block img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Ajuste específico de las nuevas fotos verticales en proceso */
.step:nth-child(1) .step-img img{object-position:center 55%}
.step:nth-child(2) .step-img img{object-position:center 53%}
.step:nth-child(3) .step-img img{object-position:center 50%}
.step:nth-child(5) .step-img img{object-position:center 54%}
.step:nth-child(6) .step-img img{object-position:center 55%}

@media(max-width:650px){
  .intro-photo img{object-position:center 38%}
  .model.classic img{object-position:center 52%}
  .model.flamenca img{object-position:center 53%}
  .step-img img{object-position:center center}
}


/* ==========================================================
   MÁSTER 2 — CORRECCIÓN MÓVIL + VÍDEO
   No altera la composición de escritorio.
   ========================================================== */

.video-grid-single{
  grid-template-columns:minmax(0,820px);
  justify-content:center;
}

/* Móvil: portada diseñada específicamente para pantalla vertical */
@media(max-width:650px){
  html,body{overflow-x:hidden}

  .site-header{
    position:absolute;
    top:0;
    background:linear-gradient(180deg,rgba(5,4,3,.88),rgba(5,4,3,.25));
  }
  body.admin-bar .site-header{top:46px}

  .nav{
    min-height:70px;
  }
  .brand strong{
    font-size:21px;
    letter-spacing:.025em;
  }
  .brand small{
    font-size:8px;
    letter-spacing:.26em;
  }

  /* Hero móvil: foto arriba y zona de lectura abajo.
     Evita agrandar la imagen hasta cortar a Tato de forma agresiva. */
  .hero{
    height:auto;
    min-height:0;
    max-height:none;
    padding-top:0;
    background:#0b0907;
    overflow:hidden;
  }

  .hero-photo{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    opacity:1;
  }
  .hero-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    filter:brightness(.78) saturate(.90) contrast(1.02);
  }
  .hero-photo:before{
    background:
      linear-gradient(180deg,
        rgba(5,4,3,.12) 0%,
        rgba(5,4,3,.08) 50%,
        rgba(5,4,3,.46) 78%,
        rgba(5,4,3,.96) 100%);
  }
  .hero:after{display:none}

  .hero-inner{
    display:block;
    height:auto;
    padding:0 0 42px;
    margin-top:-92px;
  }
  .hero-copy{
    position:relative;
    z-index:5;
    max-width:none;
    width:100%;
    padding:0;
  }
  .hero .kicker{
    font-size:9px;
    letter-spacing:.24em;
    margin-bottom:12px;
  }
  .hero h1{
    font-size:48px;
    line-height:.84;
    letter-spacing:-.045em;
    margin:0 0 16px;
    max-width:100%;
  }
  .hero h1 span{
    display:block;
    white-space:nowrap;
  }
  .hero-sub{
    font-size:9px;
    letter-spacing:.25em;
    margin-bottom:16px;
  }
  .hero .rule{
    margin-bottom:15px;
  }
  .hero-lead{
    font-size:20px;
    line-height:1.24;
    max-width:270px;
    margin:0 0 19px;
  }
  .hero .button{
    padding:12px 16px;
    font-size:8.5px;
    letter-spacing:.14em;
  }
  .hero-quote{display:none}

  /* El sonido: evitar titular gigantesco y cortes incómodos */
  .intro{
    padding:46px 0 52px;
  }
  .intro h2{
    font-size:42px;
    line-height:.93;
    margin-bottom:18px;
  }
  .intro p{
    font-size:16px;
    line-height:1.45;
  }
  .intro-photo{
    height:auto;
    aspect-ratio:4/3;
  }

  /* Vídeos */
  .video-grid,
  .video-grid-single{
    grid-template-columns:1fr;
  }
}

/* iPhone estrecho */
@media(max-width:390px){
  .hero h1{font-size:44px}
  .intro h2{font-size:39px}
}


/* ==========================================================
   MÁSTER 2 — REVISIÓN MÓVIL COMPLETA
   Solo afecta <= 650px. Escritorio permanece intacto.
   ========================================================== */
@media(max-width:650px){

  /* GLOBAL */
  body{font-size:16px}
  .wrap{width:calc(100% - 30px)}
  img{max-width:100%}
  .button{max-width:100%;white-space:normal;text-align:center}

  /* CABECERA */
  .site-header{position:absolute}
  .nav{min-height:70px}
  .brand strong{font-size:21px}
  .brand small{font-size:8px}
  .menu{display:none}
  .nav-cta{display:none}

  /* HOME / HERO */
  .hero{min-height:0;height:auto}
  .hero-photo{position:relative;inset:auto;width:100%;aspect-ratio:1/1}
  .hero-photo img{object-fit:cover;object-position:center center}
  .hero-inner{display:block;height:auto;padding:0 0 42px;margin-top:-92px}
  .hero h1{font-size:46px;line-height:.84}
  .hero h1 span{white-space:nowrap}
  .hero-lead{font-size:19px}
  .hero-quote{display:none}

  /* HOME / INTRO */
  .intro-grid{grid-template-columns:1fr;gap:22px}
  .intro h2{font-size:40px;line-height:.94}
  .intro-photo{height:auto;aspect-ratio:4/3}

  /* HOME / GUITARRAS */
  .models{grid-template-columns:1fr}
  .model{min-height:560px}
  .model-copy{width:76%;min-width:0;padding:42px 24px}
  .model h3{font-size:38px}
  .model p{font-size:16px}

  /* HOME / PROCESO */
  .process-head{grid-template-columns:1fr;gap:16px}
  .title{font-size:44px}
  .steps{grid-template-columns:repeat(2,1fr);gap:12px}
  .step-img{aspect-ratio:1/1}
  .step small{font-size:10.5px}

  /* HOME / HISTORIA */
  .story-grid{grid-template-columns:1fr;gap:30px}
  .story-photo{height:auto;aspect-ratio:4/5}
  .home-story h2{font-size:45px}

  /* HOME / VIDEOS */
  .video-head,.video-grid,.video-grid-single{grid-template-columns:1fr}
  .video-head h2{font-size:46px}

  /* HOME / CONTACTO */
  .contact-grid{grid-template-columns:1fr;gap:28px}
  .contact-home{min-height:620px}
  .contact-home h2{font-size:45px}
  .values{grid-template-columns:1fr}
  .value{border-left:0;border-top:1px solid rgba(255,255,255,.18)}

  /* PÁGINAS INTERIORES — HERO */
  .page-hero{padding:125px 0 54px}
  .page-hero h1{font-size:52px;line-height:.9}
  .page-hero p{font-size:17px;line-height:1.45}

  /* PÁGINA TATO */
  .two{grid-template-columns:1fr;gap:30px}
  .copy h2{font-size:44px}
  .copy p{font-size:16.5px;line-height:1.55}
  .photo-tall{height:auto;aspect-ratio:4/5}
  .facts{grid-template-columns:1fr}
  .fact{padding:24px}

  /* PÁGINA GUITARRAS */
  .guitar-detail{padding:54px 0}
  .guitar-detail .two{grid-template-columns:1fr}
  .guitar-detail h2{font-size:48px}
  .guitar-detail h3{font-size:29px}
  .guitar-detail p{font-size:16.5px;line-height:1.55}
  .material-list{grid-template-columns:1fr;gap:8px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid img{height:auto;aspect-ratio:4/3;object-fit:cover}

  /* PÁGINA PROCESO */
  .process-long{grid-template-columns:1fr}
  .process-block{min-height:440px}
  .process-block .caption{left:22px;right:22px;bottom:22px;color:#fff}
  .process-block h3{font-size:36px}
  .process-block p{font-size:15px;line-height:1.4}
  .process-block:after{
    background:linear-gradient(0deg,rgba(5,4,3,.98) 0%,rgba(5,4,3,.86) 28%,rgba(5,4,3,.38) 54%,transparent 78%);
  }

  /* PÁGINA TALLER */
  .section{padding:50px 0}
  .section .two{grid-template-columns:1fr}
  .bio-band .gallery-grid{grid-template-columns:1fr}
  .bio-band .gallery-grid img{height:auto;aspect-ratio:4/3}

  /* PÁGINA VIDEOS */
  .video-section{padding:54px 0}
  .video-grid{grid-template-columns:1fr}
  .video-card{width:100%}
  .video-frame{aspect-ratio:16/9}
  .video-meta h3{font-size:22px}

  /* PÁGINA CONTACTO */
  .contact-card{grid-template-columns:1fr;gap:28px}
  .contact-card h2{font-size:44px}
  .contact-data{font-size:18px;line-height:1.65}
  .form-box{padding:26px 20px}

  /* FOOTER */
  .footer{padding:18px 0;min-height:0;flex-direction:column;gap:10px;text-align:center}
}

@media(max-width:390px){
  .hero h1{font-size:43px}
  .page-hero h1{font-size:48px}
  .intro h2{font-size:38px}
  .model-copy{width:82%}
  .model h3{font-size:35px}
  .steps{gap:10px}
}


/* ==========================================================
   MÁSTER 3 — REFINADO DE LEGIBILIDAD + CURSO + MENÚ MÓVIL
   ========================================================== */

/* Tipografía más legible en escritorio */
body{font-size:18px}
.menu{font-size:11.5px;gap:24px;letter-spacing:.105em}
.brand strong{font-size:29px}
.brand small{font-size:9px}
.nav-cta{font-size:10px;padding:13px 17px}
.button{font-size:10.5px;line-height:1.15}
.intro p,.home-story p,.contact-home p,.copy p,.guitar-detail p{font-size:18.5px}
.process-note{font-size:16px}
.step figcaption{font-size:10px}
.step small{font-size:12.5px}
.spec{font-size:10.5px}
.page-hero p{font-size:20px}

/* Hamburguesa */
.menu-toggle{
  display:none;
  width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;z-index:90
}
.menu-toggle span{display:block;width:23px;height:1.5px;background:#fff;transition:.25s}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* Textos sobre guitarras: área de lectura más protegida */
.model:after{
  background:linear-gradient(90deg,
    rgba(7,5,4,.98) 0%,rgba(7,5,4,.92) 29%,rgba(7,5,4,.66) 45%,
    rgba(7,5,4,.18) 67%,rgba(7,5,4,.03) 100%);
}
.model-copy{
  width:46%;
  min-width:330px;
  padding-right:36px;
}
.model-copy h3,.model-copy p,.model-copy .spec{position:relative;z-index:2}

/* Proceso interior: más contraste */
.process-block:after{
  background:linear-gradient(0deg,
    rgba(5,4,3,.98) 0%,rgba(5,4,3,.88) 25%,rgba(5,4,3,.48) 48%,
    rgba(5,4,3,.08) 73%,transparent 100%);
}
.process-block .caption{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.65)}

/* Botones algo más finos */
.button{padding:13px 19px}

/* Curso en HOME */
.course-home{
  position:relative;min-height:520px;overflow:hidden;display:flex;align-items:center;background:#100c09
}
.course-home-media{position:absolute;inset:0}
.course-home-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.66) saturate(.87)}
.course-home-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,4,3,.94),rgba(6,4,3,.67) 42%,rgba(6,4,3,.20) 72%,rgba(6,4,3,.42))}
.course-home-inner{position:relative;z-index:2;padding:76px 0}
.course-home-inner>div{max-width:670px}
.course-home h2{font-family:var(--display);font-size:64px;line-height:.92;font-weight:400;margin:12px 0 20px}
.course-home p{max-width:600px;font-size:19px;line-height:1.5;margin-bottom:27px}

/* Página curso */
.course-button{color:var(--ink);margin-top:12px}
.course-path{background:#15100c;padding:88px 0}
.course-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:38px}
.course-head h2,.course-cta h2{font-family:var(--display);font-size:60px;line-height:.92;font-weight:400;margin:10px 0 0}
.course-head p{color:#d9cdbf;line-height:1.5}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13)}
.course-grid article{background:#15100c;padding:38px 32px;min-height:210px}
.course-grid span{font:700 10px/1 var(--sans);letter-spacing:.16em;color:var(--gold2)}
.course-grid h3{font-family:var(--display);font-size:31px;font-weight:400;margin:18px 0 10px}
.course-grid p{color:#d9cdbf;line-height:1.45;margin:0}
.course-cta{background:var(--paper);color:var(--ink);padding:86px 0;text-align:center}
.course-cta p{font-size:18px;margin:18px auto 28px;max-width:700px}
.course-cta .button{color:var(--ink)}
.course-photo img{object-position:center 45%}

/* Portátiles: menú sigue visible algo más tiempo y con buena lectura */
@media(max-width:1250px) and (min-width:1051px){
  .menu{font-size:10.5px;gap:16px}
  .brand strong{font-size:25px}
  .nav-cta{font-size:9px;padding:12px 13px}
}

/* MÓVIL / TABLET */
@media(max-width:1050px){
  /* Menú móvil real */
  .menu-toggle{display:flex}
  .nav-cta{display:none}
  .menu{
    display:flex;
    position:fixed;
    z-index:80;
    top:0;right:0;
    width:min(86vw,390px);
    height:100dvh;
    padding:110px 34px 40px;
    background:rgba(12,9,7,.985);
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    transform:translateX(105%);
    transition:transform .28s ease;
    overflow-y:auto;
    box-shadow:-25px 0 60px rgba(0,0,0,.35);
  }
  .menu a{
    width:100%;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.11);
    font-size:15px;
    letter-spacing:.10em;
  }
  body.menu-open{overflow:hidden}
  body.menu-open .menu{transform:translateX(0)}
  body.menu-open:after{
    content:"";position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.50)
  }

  /* Curso */
  .course-grid{grid-template-columns:repeat(2,1fr)}
  .course-head{grid-template-columns:1fr;gap:20px}
}

/* Móvil: más legibilidad y menos espacios muertos */
@media(max-width:650px){
  body{font-size:17px}
  .wrap{width:calc(100% - 40px)}
  .brand strong{font-size:22px}
  .brand small{font-size:8.5px}
  .menu-toggle{margin-left:auto}

  .hero h1{font-size:46px}
  .hero-lead{font-size:19px}
  .hero .button{font-size:9.5px}

  .intro{padding:42px 0 48px}
  .intro h2{font-size:39px;line-height:.95}
  .intro p{font-size:17px;line-height:1.48}

  .model{min-height:570px}
  .model-copy{width:82%;min-width:0;padding:42px 24px}
  .model h3{font-size:37px}
  .model p{font-size:17px}
  .model .spec{font-size:10px}
  .model:after{
    background:linear-gradient(90deg,
      rgba(7,5,4,.98) 0%,rgba(7,5,4,.90) 48%,
      rgba(7,5,4,.50) 68%,rgba(7,5,4,.08) 100%);
  }

  .process{padding:46px 0 54px}
  .process-note{font-size:15px}
  .step figcaption{font-size:9.5px}
  .step small{font-size:11.5px}
  .step-img{aspect-ratio:1/1}

  .home-story{padding:52px 0}
  .home-story h2{font-size:43px}
  .home-story p{font-size:17px;line-height:1.5}

  .video-section{padding:52px 0}
  .video-head h2{font-size:44px}
  .video-head p{font-size:16.5px}
  .video-meta{padding:14px 16px}
  .video-meta h3{font-size:20px}

  .contact-home{min-height:590px}
  .contact-home h2{font-size:43px}
  .contact-home p{font-size:17px}

  .page-hero{padding:122px 0 50px}
  .page-hero h1{font-size:48px}
  .page-hero p{font-size:17px}
  .copy h2{font-size:42px}
  .copy p,.guitar-detail p{font-size:17px;line-height:1.52}
  .guitar-detail h2{font-size:44px}
  .material-list{grid-template-columns:1fr}
  .process-block h3{font-size:34px}
  .process-block p{font-size:16px}

  /* Curso móvil */
  .course-home{min-height:560px}
  .course-home-media img{object-position:60% center}
  .course-home-shade{background:linear-gradient(90deg,rgba(6,4,3,.96),rgba(6,4,3,.77) 58%,rgba(6,4,3,.34))}
  .course-home-inner{padding:58px 0}
  .course-home h2{font-size:44px}
  .course-home p{font-size:17px}
  .course-grid{grid-template-columns:1fr}
  .course-path{padding:58px 0}
  .course-head h2,.course-cta h2{font-size:44px}
  .course-grid article{min-height:0;padding:28px 24px}
  .course-cta{padding:60px 0}

  /* menos saltos verticales */
  .section{padding:50px 0}
  .guitar-detail{padding:52px 0}
}

@media(max-width:390px){
  .hero h1{font-size:43px}
  .intro h2{font-size:37px}
  .page-hero h1{font-size:45px}
}


/* ==========================================================
   MÁSTER 3 — PULIDO MENÚ / FOTOS / ESPACIADOS
   ========================================================== */

/* Menú móvil: la capa oscura nunca bloquea los enlaces */
@media(max-width:1050px){
  .site-header{z-index:1000}
  .menu-toggle{position:relative;z-index:1102}
  .menu{
    z-index:1101;
    pointer-events:auto;
  }
  body.menu-open:after{
    z-index:1090;
    pointer-events:auto;
  }
  body.menu-open .site-header,
  body.menu-open .menu,
  body.menu-open .menu-toggle{
    pointer-events:auto;
  }
}

/* Clásica / flamenca: mantener la foto viva y proteger solo la zona del texto */
.model:after{
  background:
    linear-gradient(90deg,
      rgba(7,5,4,.90) 0%,
      rgba(7,5,4,.74) 28%,
      rgba(7,5,4,.40) 43%,
      rgba(7,5,4,.08) 58%,
      rgba(7,5,4,0) 72%);
}
.model img{
  filter:brightness(.94) saturate(.98) contrast(1.01);
}
.model-copy{
  background:linear-gradient(90deg,rgba(7,5,4,.34),rgba(7,5,4,.08) 72%,transparent);
  backdrop-filter:blur(.2px);
  -webkit-backdrop-filter:blur(.2px);
  padding-top:46px;
  padding-bottom:46px;
}

/* Un poco más de presencia en textos técnicos */
.spec{font-size:11.5px}
.step small{font-size:13px}

/* Menos espacios muertos */
.process{padding-bottom:58px}
.course-home{margin-top:0}
.home-story{padding-top:58px}
.quote-section,.quote-band{padding-top:52px;padding-bottom:52px}

/* Botones más proporcionados */
.model .button,
.course-home .button,
.process .button{
  width:auto;
  display:inline-flex;
  padding:12px 18px;
}

/* Móvil */
@media(max-width:650px){
  .model:after{
    background:
      linear-gradient(90deg,
        rgba(7,5,4,.86) 0%,
        rgba(7,5,4,.72) 38%,
        rgba(7,5,4,.34) 58%,
        rgba(7,5,4,.08) 72%,
        rgba(7,5,4,0) 84%);
  }
  .model img{
    filter:brightness(.96) saturate(1) contrast(1.01);
  }
  .model-copy{
    width:78%;
    background:linear-gradient(90deg,rgba(7,5,4,.30),rgba(7,5,4,.05) 80%,transparent);
    padding:38px 22px;
  }
  .spec{font-size:10.5px;line-height:1.5}
  .step small{font-size:12px}
  .process{padding-bottom:42px}
  .course-home{min-height:530px}
  .course-home-inner{padding:52px 0}
  .course-home .kicker{
    font-size:9px;
    letter-spacing:.18em;
    line-height:1.45;
  }
}


/* ==========================================================
   MÁSTER 3.2 — CORRECCIÓN DEFINITIVA DEL MENÚ MÓVIL
   El overlay queda por debajo de toda la cabecera y del panel.
   ========================================================== */
@media(max-width:1050px){
  .site-header{
    z-index:5000 !important;
  }

  .site-header .nav{
    position:relative;
    z-index:5001;
  }

  .menu-toggle{
    position:relative;
    z-index:5003 !important;
    pointer-events:auto !important;
  }

  #site-menu.menu{
    z-index:5002 !important;
    pointer-events:auto !important;
  }

  #site-menu.menu a{
    position:relative;
    z-index:5004;
    pointer-events:auto !important;
    cursor:pointer;
  }

  body.menu-open:after{
    z-index:4000 !important;
    pointer-events:auto;
  }
}


/* ==========================================================
   MÁSTER 3.3 — CURSO HOME: CORRECCIÓN ESCRITORIO
   Evita hueco lateral y solapamiento texto/imagen.
   ========================================================== */

.course-home{
  width:100%;
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  align-items:stretch;
  background:#100c09;
  overflow:hidden;
}

.course-home-media{
  position:relative;
  inset:auto;
  grid-column:1;
  grid-row:1;
  min-height:560px;
}

.course-home-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  filter:brightness(.88) saturate(.94) contrast(1.01);
}

.course-home-shade{
  display:none;
}

.course-home-inner{
  grid-column:2;
  grid-row:1;
  position:relative;
  z-index:2;
  width:100%;
  padding:72px 7vw 72px 58px;
  display:flex;
  align-items:center;
  background:#100c09;
}

.course-home-inner>div{
  width:100%;
  max-width:590px;
}

.course-home .kicker{
  margin-bottom:14px;
}

.course-home h2{
  font-size:clamp(50px,4.6vw,72px);
  line-height:.92;
  max-width:560px;
  margin:0 0 22px;
}

.course-home p{
  max-width:560px;
  font-size:19px;
  line-height:1.48;
  margin:0 0 28px;
}

@media(max-width:1100px) and (min-width:651px){
  .course-home{
    grid-template-columns:1fr 1fr;
  }
  .course-home-inner{
    padding:58px 34px;
  }
  .course-home h2{
    font-size:48px;
  }
}

/* En móvil conservamos el bloque apilado ya aprobado */
@media(max-width:650px){
  .course-home{
    display:block;
    min-height:530px;
    position:relative;
  }
  .course-home-media{
    position:absolute;
    inset:0;
    min-height:0;
  }
  .course-home-shade{
    display:block;
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(6,4,3,.94),rgba(6,4,3,.68) 58%,rgba(6,4,3,.25));
  }
  .course-home-inner{
    position:relative;
    z-index:2;
    padding:52px 0;
    background:transparent;
  }
  .course-home-inner>div{
    max-width:100%;
  }
  .course-home h2{
    font-size:44px;
    max-width:100%;
  }
  .course-home p{
    font-size:17px;
    max-width:100%;
  }
}


/* ==========================================================
   MÁSTER 4.1 — AJUSTE PROFESIONAL MÓVIL + CARRUSEL
   ========================================================== */

/* Títulos móviles específicos en las guitarras */
.model-photo{position:absolute;inset:0}
.model-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.model-mobile-title{display:none}

/* Carrusel de vídeo en HOME */
.home-video-carousel{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  gap:14px;
  align-items:center;
}
.home-video-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,calc((100% - 22px)/2));
  gap:22px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
}
.home-video-track::-webkit-scrollbar{display:none}
.home-video-track .video-card{scroll-snap-align:start}
.video-arrow{
  width:44px;height:44px;border:1px solid rgba(229,184,112,.65);
  background:transparent;color:#fff;font-size:23px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.video-arrow:hover{background:rgba(229,184,112,.12)}

/* Curso de la Home: más compacto en escritorio */
@media(min-width:651px){
  .course-home{
    min-height:440px;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  }
  .course-home-media{min-height:440px}
  .course-home-inner{padding:48px 6vw 48px 48px}
  .course-home h2{font-size:clamp(46px,4vw,62px);margin-bottom:16px}
  .course-home p{font-size:18px;line-height:1.42;margin-bottom:22px}
}

/* Móvil: tarjetas de guitarra diseñadas como contenido, no como cartel superpuesto */
@media(max-width:650px){
  .models{display:block;padding:12px;background:#100c09}
  .model{
    min-height:0 !important;
    display:block;
    overflow:hidden;
    background:#100c09;
    margin-bottom:14px;
  }
  .model:after{display:none !important}

  .model-photo{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:4/5;
    overflow:hidden;
    background:#0d0a08;
  }
  .model-photo:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
      rgba(0,0,0,.04) 0%,
      rgba(0,0,0,.03) 58%,
      rgba(0,0,0,.42) 100%);
    pointer-events:none;
  }
  .model-photo img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:none !important;
  }
  .model.classic .model-photo img{object-position:center 48%}
  .model.flamenca .model-photo img{object-position:center 52%}

  .model-mobile-title{
    display:block;
    position:absolute;
    z-index:2;
    left:22px;
    right:22px;
    bottom:22px;
    font-family:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;
    font-size:42px;
    line-height:.88;
    letter-spacing:-.035em;
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.45);
  }

  .model-copy{
    position:relative;
    width:100% !important;
    min-width:0;
    padding:26px 22px 30px !important;
    background:#100c09 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .model-copy h3{display:none}
  .model-copy p{
    font-size:18px;
    line-height:1.4;
    margin:0 0 16px;
    max-width:none;
  }
  .model-copy .spec{
    font-size:10.5px;
    line-height:1.55;
    margin-bottom:20px;
  }
  .model .button{
    font-size:9.5px;
    padding:12px 15px;
    width:auto;
    max-width:100%;
  }

  /* Contacto final: foto independiente + contenido limpio debajo */
  .contact-home{
    display:block;
    min-height:0 !important;
    overflow:hidden;
    background:#100c09;
  }
  .contact-home:after{display:none}
  .contact-home .media{
    position:relative;
    inset:auto;
    width:100%;
    height:340px;
  }
  .contact-home .media:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
  }
  .contact-home .media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 44%;
    filter:brightness(.90) saturate(.94) !important;
  }
  .contact-grid{
    display:block;
    padding:38px 0 34px !important;
    background:#100c09;
  }
  .contact-home h2{
    font-size:42px;
    line-height:.92;
    margin:10px 0 16px;
  }
  .contact-home p{
    font-size:17px;
    line-height:1.48;
    margin:0 0 22px;
  }
  .contact-home .button{
    font-size:9.5px;
    padding:12px 15px;
  }
  .values{
    margin-top:30px;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(118px,1fr)) !important;
    gap:10px;
    overflow-x:auto;
    padding-bottom:4px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .values::-webkit-scrollbar{display:none}
  .value{
    min-width:118px;
    scroll-snap-align:start;
    border:1px solid rgba(255,255,255,.12) !important;
    padding:18px 10px !important;
    text-align:center;
  }
  .value b{font-size:22px;margin-bottom:9px}
  .value span{font-size:8.5px;line-height:1.45;letter-spacing:.11em}

  /* Carrusel móvil: una tarjeta por vista, swipe natural */
  .home-video-carousel{
    display:block;
  }
  .home-video-track{
    grid-auto-columns:88%;
    gap:14px;
    padding-right:12%;
  }
  .video-arrow{display:none}
  .home-video-track .video-card{
    scroll-snap-align:start;
  }

  /* Menos espacio muerto general en estas secciones */
  .video-section{padding:46px 0}
  .video-more{margin-top:22px}
}

/* Móvil estrecho */
@media(max-width:390px){
  .model-mobile-title{font-size:38px}
  .contact-home h2{font-size:39px}
  .values{grid-template-columns:repeat(3,minmax(112px,1fr)) !important}
  .value{min-width:112px}
}


/* ==========================================================
   MÁSTER 4.3 — BIO MÓVIL + FORMULARIO DE CONTACTO
   ========================================================== */

/* Formulario real */
.tato-contact-form{
  display:grid;
  gap:18px;
  margin-top:26px;
}
.tato-contact-form label{
  display:grid;
  gap:7px;
  font:700 10px/1.3 var(--sans);
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#17120e;
}
.tato-contact-form label span{color:#a66e35}
.tato-contact-form input,
.tato-contact-form textarea{
  width:100%;
  border:1px solid #cfc3b5;
  background:#fbf8f2;
  color:#17120e;
  padding:13px 14px;
  font:400 17px/1.4 Georgia,serif;
  border-radius:0;
  outline:none;
}
.tato-contact-form input:focus,
.tato-contact-form textarea:focus{
  border-color:#b47a3f;
  box-shadow:0 0 0 2px rgba(180,122,63,.12);
}
.tato-contact-form textarea{resize:vertical;min-height:150px}
.contact-submit{
  width:auto;
  justify-self:start;
  border:1px solid #b47a3f;
  background:transparent;
  color:#17120e;
  cursor:pointer;
}
.form-notice{
  margin:20px 0 6px;
  padding:14px 16px;
  font-size:16px;
  line-height:1.45;
}
.form-notice.success{
  background:#eef3eb;
  border:1px solid #b8c6b2;
}
.form-notice.error{
  background:#f7ece9;
  border:1px solid #d8b6ae;
}
.form-honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px;height:1px;
  overflow:hidden;
}

/* Hitos biográficos más legibles */
.facts{
  background:#c9bcae;
}
.fact{
  background:#eee5d9;
  color:#17120e;
}
.fact b{
  color:#17120e;
}
.fact span{
  color:#5d5147;
}

/* Móvil: compactar los hitos y subir contraste */
@media(max-width:650px){
  .facts{
    grid-template-columns:1fr !important;
    gap:1px;
    background:#bcae9f;
  }
  .fact{
    padding:24px 22px !important;
    min-height:0;
    background:#eee5d9;
  }
  .fact b{
    font-size:34px;
    line-height:1.02;
    margin-bottom:8px;
    color:#17120e;
  }
  .fact span{
    font-size:9.5px;
    line-height:1.4;
    letter-spacing:.11em;
    color:#61564c;
  }

  .bio-band{
    padding-top:48px;
    padding-bottom:48px;
  }
  .bio-band .copy p{
    font-size:17px;
    line-height:1.5;
  }

  .form-box{
    padding:28px 22px !important;
  }
  .form-box h2{
    font-size:38px;
    margin-bottom:12px;
  }
  .tato-contact-form{
    gap:16px;
    margin-top:22px;
  }
  .tato-contact-form input,
  .tato-contact-form textarea{
    font-size:16px;
    padding:12px 13px;
  }
  .contact-submit{
    width:100%;
    justify-content:center;
  }
}


/* ==========================================================
   MÁSTER 4.5 — CONTACTO SOLO POR TELÉFONO
   ========================================================== */
.contact-card-phone{
  align-items:center;
}
.phone-main{
  font-family:var(--display);
  font-size:34px;
  line-height:1.1;
}
.phone-box{
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.phone-box p{
  font-size:18px;
  line-height:1.5;
  margin:0 0 24px;
}
.phone-button{
  width:auto;
  align-self:flex-start;
  color:#17120e;
}

@media(max-width:650px){
  .contact-card-phone{
    gap:24px;
  }
  .phone-main{
    font-size:30px;
  }
  .phone-box{
    min-height:0;
    padding:28px 22px !important;
  }
  .phone-box h2{
    font-size:38px;
  }
  .phone-box p{
    font-size:17px;
  }
  .phone-button{
    width:100%;
    justify-content:center;
  }
}


/* ==========================================================
   MÁSTER 4.6 — WHATSAPP EN CONTACTO
   ========================================================== */
.contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.whatsapp-button{
  color:#17120e;
}
@media(max-width:650px){
  .contact-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .contact-actions .button{
    width:100%;
    justify-content:center;
  }
}


/* ==========================================================
   MÁSTER FINAL — FACEBOOK
   ========================================================== */
.facebook-button{
  color:#17120e;
}
.footer-facebook{
  color:inherit;
  text-decoration:none;
  opacity:.88;
}
.footer-facebook:hover{
  opacity:1;
}
@media(max-width:650px){
  .footer-facebook{
    display:inline-block;
    margin-top:4px;
  }
}


/* MÁSTER FINAL — 3 hitos biográficos */
.facts{
  grid-template-columns:repeat(3,1fr);
}
@media(max-width:850px){
  .facts{grid-template-columns:1fr;}
}


/* ==========================================================
   MÁSTER FINAL — ELIMINAR FRANJA CLARA DE HITOS BIOGRÁFICOS
   ========================================================== */
.facts{
  background:#17120e !important;
  gap:1px;
}
.fact{
  background:#17120e !important;
  color:#f4eadf !important;
  border-right:1px solid rgba(255,255,255,.10);
}
.fact:last-child{
  border-right:0;
}
.fact b{
  color:#f4eadf !important;
}
.fact span{
  color:#cfa56f !important;
}

@media(max-width:850px){
  .facts{
    background:#17120e !important;
  }
  .fact{
    background:#17120e !important;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .fact:last-child{
    border-bottom:0;
  }
}


/* ==========================================================
   MÁSTER FINAL — HITOS BIOGRÁFICOS CLAROS Y LEGIBLES
   Mantiene la franja clara, corrigiendo solo contraste y separación.
   ========================================================== */
.facts{
  background:#d8cbbc !important;
  gap:1px;
}
.fact{
  background:#f0e6d9 !important;
  color:#17120e !important;
  border-right:1px solid #d8cbbc !important;
  border-bottom:0 !important;
}
.fact:last-child{
  border-right:0 !important;
}
.fact b{
  color:#17120e !important;
}
.fact span{
  color:#6a5848 !important;
}

@media(max-width:850px){
  .facts{
    background:#d8cbbc !important;
  }
  .fact{
    background:#f0e6d9 !important;
    color:#17120e !important;
    border-right:0 !important;
    border-bottom:1px solid #d8cbbc !important;
  }
  .fact:last-child{
    border-bottom:0 !important;
  }
  .fact b{
    color:#17120e !important;
  }
  .fact span{
    color:#6a5848 !important;
  }
}