/* Página Sobre mí · JT Solar · revisión 2026-10-21 */
.about-hero{padding:clamp(46px,7vw,88px) 0 58px;background:linear-gradient(135deg,#fff 0%,#f6f6f6 62%,#fff6ef 100%)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(34px,5vw,72px);align-items:center}
.about-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;color:#9f3f24;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.about-hero h1{font-size:clamp(2.45rem,5.1vw,4.6rem);line-height:.98;margin:.55rem 0 1.1rem;color:#292929;max-width:11ch}
.about-lead{font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.65;color:#4a4a4a;max-width:64ch}
.about-lead strong{color:#292929}
.about-photo{margin:0;position:relative}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:24px;box-shadow:0 22px 60px rgba(31,31,31,.16)}
.about-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 16px;border-radius:14px;background:rgba(35,35,35,.84);color:#fff;backdrop-filter:blur(8px);font-size:.92rem}

/* Datos superiores centrados y equilibrados */
.about-stats{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-stat{border:1px solid #e9e1dc;background:#fff;border-radius:18px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:130px}
.about-stat strong{display:block;font-size:1.55rem;color:#b84b2d;line-height:1.05}
.about-stat span{display:block;margin-top:8px;color:#555;font-size:.92rem;line-height:1.4;max-width:19ch}

.about-section{padding:clamp(56px,7vw,92px) 0}
.about-section.alt{background:#f6f6f6}
.about-section h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;margin:.25rem 0 1rem;color:#2c2c2c}
.about-section p{line-height:1.75;color:#4a4a4a}
.about-intro{max-width:800px;font-size:1.08rem}

/* Sección editorial: foto + lista numerada, sin cajas SaaS */
.work-editorial{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,72px);align-items:start}
.work-editorial-media{position:sticky;top:24px}
.work-editorial-media img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:0 16px 46px rgba(0,0,0,.12)}
.work-editorial-caption{padding:24px 2px 0}
.work-editorial-caption h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
.work-editorial-caption p{margin-bottom:0}
.work-principles{display:grid}
.work-principle{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;padding:27px 0;border-top:1px solid #dfd8d3}
.work-principle:first-child{border-top:0;padding-top:4px}
.work-number{font-size:1.5rem;font-weight:900;color:#d8643d;letter-spacing:.02em}
.work-principle h3{font-size:clamp(1.25rem,2vw,1.55rem);margin:0 0 7px;color:#2f2f2f}
.work-principle p{margin:0;max-width:760px}

/* Bloques fotográficos */
.media-split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,66px);align-items:center}
.media-split.reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.media-split img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 16px 46px rgba(0,0,0,.12)}
.about-quote{border-left:5px solid #d8643d;padding:6px 0 6px 22px;margin:26px 0 0;font-size:1.14rem;line-height:1.65;color:#353535}

.about-cta{background:linear-gradient(135deg,#b84b2d 0%,#d8643d 54%,#e6a44c 100%);color:#fff;border-radius:28px;padding:clamp(30px,5vw,54px)}
.about-cta h2,.about-cta p{color:#fff}
.about-cta p{max-width:720px}
.about-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.about-links .cta{border:0}
.about-links .cta.secondary{background:#fff;color:#9f3f24}
.about-links .cta.secondary:hover{background:#fff6ef}
.about-links .cta.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}

.breadcrumbs{font-size:.9rem;color:#686868;margin-bottom:18px}
.breadcrumbs a{color:#9f3f24;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}



/* Empresas y marcas */
.brand-relations{background:#fff}
.brand-relations .about-intro{max-width:780px}
.brand-groups{display:grid;gap:44px;margin-top:38px}
.brand-group{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(28px,4vw,54px);align-items:start}
.brand-group-head{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding-top:8px}
.brand-group-number{font-weight:900;color:#d8643d;font-size:1rem;letter-spacing:.06em}
.brand-group-head h3{margin:0 0 6px;font-size:clamp(1.35rem,2.4vw,1.7rem);color:#2f2f2f}
.brand-group-head p{margin:0;font-size:.95rem;line-height:1.55;color:#686868}
.brand-grid{display:grid;gap:14px}
.brand-grid-providers{grid-template-columns:repeat(5,minmax(0,1fr))}
.brand-grid-collaborators{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-card{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 16px;
  border:1px solid #e9e1dc;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 28px rgba(38,38,38,.04);
  overflow:hidden;
}
.brand-card img{
  display:block;
  max-width:84%;
  width:auto;
  height:auto;
  max-height:54px;
  object-fit:contain;
}
.brand-card img[alt="SumSol"]{max-height:68px;max-width:88%}
.brand-card img[alt="Master Battery"]{max-height:70px;max-width:88%}
.brand-card img[alt="Iberdrola"]{max-height:52px}
.brand-card img[alt="Engel Energy"]{max-height:48px}
.brand-card img[alt="Huawei FusionSolar"]{max-height:43px}
.brand-card img[alt="V2C"]{
  max-height:46px;
  background:#242424;
  border-radius:10px;
  padding:12px 16px;
}
.brand-name{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  line-height:1;
  color:#2d2d2d;
}
.brand-name-ja{gap:7px;color:#213c77}
.brand-name-ja strong{font-size:2rem;letter-spacing:-.08em}
.brand-name-ja span{font-size:.96rem;font-weight:800;letter-spacing:.08em}
.brand-name-edp{font-size:2.15rem;text-transform:lowercase;letter-spacing:-.08em}

@media (max-width:900px){
  .about-hero-grid,.media-split,.media-split.reverse,.work-editorial{grid-template-columns:1fr}
  .brand-group{grid-template-columns:1fr}
  .brand-group-head{max-width:620px}
  .brand-grid-providers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-photo{max-width:620px}
  .work-editorial-media{position:static;max-width:620px}
}

@media (max-width:700px){
  .about-stats{grid-template-columns:1fr}
  .brand-grid-providers,.brand-grid-collaborators{grid-template-columns:1fr}
  .brand-card{min-height:118px}
  .about-stat{min-height:0}

  .work-principle{grid-template-columns:54px 1fr}
}