:root{
  --ivory:#F4F0E8;--stone:#D8D0C4;--mineral:#A8A197;--graphite:#26292F;--slate:#42505B;
  --terra:#A35E47;--brass:#A6844B;--white:#FFFDF9;--line:rgba(38,41,47,.16);
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--graphite);font:16px/1.65 var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(244,240,232,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-shell{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font:700 1.58rem var(--serif)}
.brand img{width:48px;height:48px;object-fit:contain}.nav-shell nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:.9rem}
.nav-cta{border:1px solid var(--graphite);padding:9px 16px;border-radius:999px}.language-switcher{display:flex;align-items:center;gap:5px;font-size:.75rem}
.lang-btn{border:0;background:none;padding:4px;font-weight:700;color:var(--mineral);cursor:pointer}.lang-btn.active{color:var(--terra)}.menu-toggle{display:none;border:0;background:none;font-weight:700}
.hero{position:relative;min-height:calc(100vh - 78px);padding:75px 0 55px;display:grid;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:72px;align-items:center;position:relative;z-index:2}
.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700;color:var(--terra)}.warm{color:#D8A77E}
h1,h2,h3{font-family:var(--serif);line-height:1.04;margin:0}h1{font-size:clamp(3.25rem,6.7vw,6.15rem);font-weight:600;letter-spacing:-.045em}
h2{font-size:clamp(2.45rem,5vw,4.55rem);font-weight:600;letter-spacing:-.035em}h3{font-size:1.7rem}
.hero-lead{max-width:720px;font-size:1.14rem;color:rgba(38,41,47,.75);margin:27px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid var(--graphite);font-weight:700;cursor:pointer}
.primary{background:var(--graphite);color:white}.secondary{background:transparent}.light-button{background:var(--white);color:var(--graphite);border-color:var(--white)}
.hero-audience{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:32px;font-size:.78rem;color:var(--slate)}.hero-audience span{width:100%;text-transform:uppercase;letter-spacing:.12em;color:var(--terra);font-weight:700}
.hero-symbol{position:relative;display:grid;place-items:center;min-height:520px}.hero-symbol img{width:min(540px,100%);filter:drop-shadow(0 30px 40px rgba(38,41,47,.2))}
.hero-caption{position:absolute;bottom:18px;font:italic 1.25rem var(--serif);color:var(--slate)}
.hero-weave span{position:absolute;width:360px;height:72px;background:rgba(66,80,91,.055);transform:rotate(45deg)}.hero-weave span:nth-child(1){left:-70px;top:15%}
.hero-weave span:nth-child(2){right:11%;top:8%;background:rgba(163,94,71,.055)}.hero-weave span:nth-child(3){right:-120px;bottom:14%;background:rgba(166,132,75,.07)}
.hero-weave span:nth-child(4){left:24%;bottom:-90px;width:520px}.product-overview{background:var(--graphite);color:white}.product-overview-grid{display:grid;grid-template-columns:1fr 1fr}
.overview-card{padding:38px 42px;min-height:250px;position:relative;overflow:hidden}.overview-card:first-child{border-right:1px solid rgba(255,255,255,.16)}
.overview-card::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.14);transform:rotate(45deg);right:-70px;bottom:-85px}
.overview-card.institutional::after{border-color:rgba(216,167,126,.38)}.product-number{color:#D8A77E;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:700}
.overview-card h2{font-size:2.1rem;margin:24px 0 12px}.overview-card p{color:rgba(255,255,255,.66);max-width:540px}.overview-card strong{color:#D8A77E;font-size:.9rem}
.section{padding:108px 0}.product-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:center}.product-layout.reverse{grid-template-columns:1.18fr .82fr}.product-layout.reverse .product-visual{order:2}
.product-promise{font-size:1.1rem;color:rgba(38,41,47,.78);margin:25px 0}.product-dark{background:var(--graphite);color:white}.product-dark .product-promise,.product-dark .product-for p,.product-dark .deliverables p,.product-dark .product-boundary p{color:rgba(255,255,255,.7)}
.product-for{display:grid;grid-template-columns:110px 1fr;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:25px 0}.product-dark .product-for{border-color:rgba(255,255,255,.18)}
.product-for span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--terra);font-weight:700}.product-for p{margin:0;color:rgba(38,41,47,.7)}
.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:16px}.deliverables article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px;background:rgba(255,255,255,.38);border:1px solid var(--line)}
.product-dark .deliverables article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}.deliverables span{color:var(--terra);font-weight:700}.deliverables h3{font-size:1.34rem}
.deliverables p{margin:6px 0 0;color:rgba(38,41,47,.67);font-size:.91rem}.product-meta{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-dark .product-meta{border-color:rgba(255,255,255,.17)}.product-meta div{padding:15px 0}.product-meta b,.product-meta span{display:block}.product-meta b{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--terra)}
.product-meta span{font-size:.9rem}.product-boundary{padding:17px 19px;border-left:4px solid var(--brass);background:rgba(166,132,75,.08);margin-bottom:25px}.product-boundary p{margin:5px 0 0;color:rgba(38,41,47,.68)}
.product-visual{min-height:560px;position:relative;display:grid;place-items:center}.product-visual::before{content:"";position:absolute;width:80%;height:80%;border:1px solid var(--line);transform:rotate(45deg)}
.product-dark .product-visual::before{border-color:rgba(255,255,255,.18)}.report-sheet{width:270px;height:360px;background:var(--white);box-shadow:0 24px 45px rgba(38,41,47,.18);padding:40px 30px;position:relative;z-index:2;transform:rotate(-5deg)}
.report-sheet span{display:block;height:10px;background:var(--stone);margin-bottom:20px}.report-sheet span:first-child{height:45px;background:var(--graphite)}.report-sheet span:nth-child(3){width:70%;background:var(--terra)}
.matrix{position:absolute;z-index:3;right:12%;bottom:8%;display:grid;grid-template-columns:repeat(3,38px);gap:6px;transform:rotate(3deg)}.matrix i{width:38px;height:38px;background:var(--terra)}.matrix i:nth-child(2n){background:var(--brass)}.matrix i:nth-child(3n){background:var(--slate)}
.lab-plan{position:relative;z-index:2;width:350px;height:350px;border:18px solid var(--stone);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:10px;transform:rotate(45deg)}
.lab-plan span{background:var(--slate)}.lab-plan span:nth-child(2),.lab-plan span:nth-child(5){background:var(--terra)}.lab-plan span:nth-child(3),.lab-plan span:nth-child(6){background:var(--brass)}
.equipment-flow{position:absolute;z-index:3;bottom:8%;left:9%;display:flex;gap:8px}.equipment-flow i{width:46px;height:46px;background:var(--white);border-radius:50%;border:9px solid var(--terra)}.equipment-flow i:nth-child(2){border-color:var(--brass)}.equipment-flow i:nth-child(3){border-color:var(--slate)}
.method{background:var(--stone)}.method-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.method-grid>div:first-child p:last-child{color:rgba(38,41,47,.68)}
.method-diagram{position:relative;min-height:520px}.method-step{position:absolute;width:170px;padding:18px;background:var(--white);border:1px solid var(--line);text-align:center}.method-step span{display:block;color:var(--terra);font-weight:700;margin-bottom:6px}
.s1{left:40%;top:0}.s2{right:0;top:24%}.s3{right:12%;bottom:4%}.s4{left:17%;bottom:0}.s5{left:0;top:31%}.s6{left:12%;top:3%}.method-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--graphite);color:white;font:600 1.5rem var(--serif);padding:20px}
.section-head{display:grid;grid-template-columns:1fr .62fr;gap:65px;align-items:end;margin-bottom:48px}.section-head>p{margin:0;color:rgba(38,41,47,.68)}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-grid article{padding:25px;min-height:170px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.38)}
.capability-grid span{color:var(--terra);font-size:.72rem}.capability-grid h3{font-size:1.38rem;margin-top:38px}.experience{background:var(--white)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:40px}
.stats div{padding:26px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:600 2.4rem var(--serif)}.stats span{font-size:.82rem;color:rgba(38,41,47,.66)}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.evidence-grid article{padding:24px;border:1px solid var(--line);background:var(--ivory)}.evidence-grid p:last-child{color:rgba(38,41,47,.68)}
.evidence-graphic{height:180px;margin-bottom:25px;position:relative;overflow:hidden;background:var(--stone)}.evidence-graphic i{position:absolute;display:block}.rings i{border:14px solid var(--graphite);border-radius:50%}.rings i:nth-child(1){width:120px;height:120px;left:20px;top:28px}.rings i:nth-child(2){width:95px;height:95px;right:28px;top:45px;border-color:var(--terra)}.rings i:nth-child(3){width:65px;height:65px;left:110px;top:74px;border-color:var(--brass)}
.fab i{width:70px;height:70px;background:var(--graphite);transform:rotate(45deg)}.fab i:nth-child(1){left:30px;top:25px}.fab i:nth-child(2){left:110px;top:70px;background:var(--terra)}.fab i:nth-child(3){right:35px;top:25px;background:var(--brass)}.fab i:nth-child(4){right:100px;bottom:20px;background:var(--slate)}
.global i{border-radius:50%;border:2px solid var(--graphite)}.global i:nth-child(1){width:150px;height:150px;left:22px;top:15px}.global i:nth-child(2){width:110px;height:110px;right:20px;top:35px;border-color:var(--terra)}.global i:nth-child(3){width:230px;height:80px;left:20px;top:55px;border-color:var(--brass);transform:rotate(18deg)}
.founder-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:75px;align-items:center}.founder-symbol img{width:100%;filter:drop-shadow(0 22px 32px rgba(38,41,47,.16))}.founder-role{color:var(--terra);font-weight:700}.founder-links{display:flex;gap:20px;margin-top:22px}.founder-links a{font-weight:700;border-bottom:1px solid}
.contact{background:var(--graphite);color:white}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px}.contact-grid>div>p:last-child{color:rgba(255,255,255,.68)}.contact form{display:grid;gap:14px}
.contact label{display:grid;gap:6px;font-size:.79rem;text-transform:uppercase;letter-spacing:.08em}.contact input,.contact textarea,.contact select{width:100%;padding:13px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.04);color:white}
.contact select option{color:var(--graphite)}.contact small{color:rgba(255,255,255,.55)}footer{background:#1C1E22;color:white;padding:32px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center}.footer-brand img{width:44px;height:44px}
.footer-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.82rem;color:rgba(255,255,255,.65)}
@media(max-width:980px){.menu-toggle{display:block}.nav-shell{grid-template-columns:auto auto auto}.nav-shell nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ivory);padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-shell nav.open{display:flex}.hero-grid,.product-layout,.product-layout.reverse,.method-grid,.founder-grid,.contact-grid{grid-template-columns:1fr}.product-layout.reverse .product-visual{order:0}.hero-symbol{min-height:420px}.solution-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,1fr)}.evidence-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.product-visual{min-height:450px}}
@media(max-width:680px){.container{width:calc(100% - 28px)}.section{padding:78px 0}.product-overview-grid,.offer-grid{grid-template-columns:1fr}.overview-card:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.deliverables,.product-meta,.stats,.capability-grid{grid-template-columns:1fr}.solution-card{grid-template-columns:1fr}.graphic{min-height:180px}.stats div{border-right:0;border-bottom:1px solid var(--line)}.footer-grid{flex-direction:column;align-items:flex-start;gap:18px}.footer-meta{flex-direction:column;gap:5px}.method-diagram{min-height:720px}.method-step{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0 0 10px;width:100%}.method-core{position:relative;left:auto;top:auto;transform:none;margin:15px auto}}


/* ===== V4: identidad visual oficial ===== */
:root{
  --ivory:#F2EFE8;
  --stone:#D8CDC0;
  --graphite:#2E3133;
  --slate:#4B555E;
  --terra:#B65A3C;
  --brass:#C8A464;
}

.official-brand{
  width:250px;
  height:58px;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.official-brand img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.nav-shell{
  grid-template-columns:260px 1fr auto;
}
.hero-symbol img{
  filter:none;
  width:min(520px,100%);
}
.hero-caption{
  bottom:4px;
}
.hero-identity-bars{
  position:absolute;
  inset:auto 0 58px 0;
  height:96px;
  pointer-events:none;
}
.hero-identity-bars i{
  position:absolute;
  width:180px;
  height:34px;
  transform:rotate(45deg);
  transform-origin:center;
}
.hero-identity-bars i:nth-child(1){left:6%;top:12px;background:var(--graphite)}
.hero-identity-bars i:nth-child(2){left:31%;top:38px;background:var(--stone)}
.hero-identity-bars i:nth-child(3){right:26%;top:10px;background:var(--terra)}
.hero-identity-bars i:nth-child(4){right:3%;top:42px;background:var(--brass)}

/* All diagrams use the same 45° band geometry and central-diamond logic */
.product-visual::before,
.method-core,
.evidence-graphic,
.overview-card::after{
  border-radius:0 !important;
}
.product-visual::before{
  width:66%;
  height:66%;
  transform:rotate(45deg);
  border:14px solid rgba(46,49,51,.10);
}
.product-dark .product-visual::before{
  border-color:rgba(242,239,232,.12);
}
.report-sheet{
  transform:rotate(-3deg);
  box-shadow:none;
  border:1px solid var(--stone);
}
.matrix{
  transform:rotate(45deg);
  gap:5px;
}
.matrix i{
  transform:rotate(0);
}
.lab-plan{
  border-width:14px;
  gap:8px;
  box-shadow:none;
}
.equipment-flow i{
  border-radius:0;
  transform:rotate(45deg);
  width:44px;
  height:44px;
}
.method-diagram{
  min-height:560px;
}
.method-step{
  width:168px;
  min-height:94px;
  border:0;
  color:var(--ivory);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.method-step:nth-child(odd){background:var(--graphite)}
.method-step:nth-child(even){background:var(--slate)}
.method-step.s3{background:var(--terra)}
.method-step.s5{background:var(--brass);color:var(--graphite)}
.method-step::after{
  content:"";
  position:absolute;
  width:42px;
  height:42px;
  background:inherit;
  transform:rotate(45deg);
  z-index:-1;
}
.s1::after{right:-20px;bottom:-20px}
.s2::after{left:-20px;bottom:-20px}
.s3::after{left:-20px;top:-20px}
.s4::after{right:-20px;top:-20px}
.s5::after{right:-20px;bottom:-20px}
.s6::after{left:-20px;bottom:-20px}
.method-core{
  border-radius:0;
  transform:translate(-50%,-50%) rotate(45deg);
  width:150px;
  height:150px;
  background:var(--ivory);
  color:var(--graphite);
  border:14px solid var(--graphite);
}
.method-core::first-line{transform:rotate(-45deg)}

.evidence-graphic{
  background:transparent;
  border:1px solid var(--line);
}
.rings i{
  border-radius:0;
  width:120px !important;
  height:34px !important;
  border:0 !important;
  transform:rotate(45deg);
}
.rings i:nth-child(1){left:28px;top:38px;background:var(--graphite)}
.rings i:nth-child(2){right:26px;top:76px;background:var(--terra)}
.rings i:nth-child(3){left:92px;top:112px;background:var(--brass)}
.fab i{
  border-radius:0;
}
.global i{
  border-radius:0;
  width:120px !important;
  height:30px !important;
  border:0 !important;
  transform:rotate(45deg) !important;
}
.global i:nth-child(1){left:26px;top:42px;background:var(--graphite)}
.global i:nth-child(2){right:28px;top:76px;background:var(--terra)}
.global i:nth-child(3){left:86px;top:112px;background:var(--brass)}

.footer-grid{
  display:grid;
  grid-template-columns:minmax(320px,520px) 1fr;
  gap:35px;
}
.footer-lockup img{
  width:100%;
  max-width:520px;
  display:block;
}
.footer-meta{
  justify-content:flex-end;
  align-items:center;
}

@media(max-width:980px){
  .official-brand{width:210px}
  .nav-shell{grid-template-columns:220px auto auto}
}
@media(max-width:680px){
  .official-brand{width:165px}
  .nav-shell{grid-template-columns:170px auto auto}
  .footer-grid{grid-template-columns:1fr}
  .footer-meta{justify-content:flex-start}
}


/* ===== V5: ajustes finos al diagrama del método ===== */
.method-diagram{
  min-height: 620px;
  position: relative;
}

.method-step{
  width: 180px;
  min-height: 120px;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
}

.method-step b{
  line-height: 1.35;
  font-size: 0.98rem;
}

/* distribución simétrica hexagonal alrededor del centro */
.s1{ left: 50%; top: 24px; transform: translateX(-50%); }
.s2{ right: 38px; top: 132px; }
.s3{ right: 78px; bottom: 122px; }
.s4{ left: 50%; bottom: 26px; transform: translateX(-50%); }
.s5{ left: 78px; bottom: 122px; }
.s6{ left: 38px; top: 132px; }

/* conectores pequeños */
.s1::after{ right: -18px; bottom: -18px; }
.s2::after{ left: -18px; bottom: -18px; }
.s3::after{ left: -18px; top: -18px; }
.s4::after{ right: -18px; top: -18px; }
.s5::after{ right: -18px; top: -18px; }
.s6::after{ right: -18px; bottom: -18px; }

/* colores corregidos y más contrastados */
.s1{ background: var(--graphite); color: var(--ivory); }
.s2{ background: var(--slate); color: var(--ivory); }
.s3{ background: var(--terra); color: var(--ivory); } /* ya no se pierde */
.s4{ background: #5E6A75; color: var(--ivory); }
.s5{
  background: var(--brass);
  color: var(--graphite);
  border: 2px solid rgba(46,49,51,.14);
}
.s6{ background: #56616D; color: var(--ivory); }

/* rombo central con texto legible y horizontal */
.method-core{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--ivory);
  border: 14px solid var(--graphite);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.method-core span{
  display: block;
  transform: rotate(-45deg);
  text-align: center;
  font: 600 1.25rem/1.15 var(--serif);
  color: var(--graphite);
  max-width: 110px;
}

/* comportamiento responsive */
@media (max-width: 980px){
  .method-diagram{
    min-height: 860px;
  }
  .s1{ left: 50%; top: 18px; transform: translateX(-50%); }
  .s2{ right: 12px; top: 150px; }
  .s3{ right: 36px; bottom: 190px; }
  .s4{ left: 50%; bottom: 18px; transform: translateX(-50%); }
  .s5{ left: 36px; bottom: 190px; }
  .s6{ left: 12px; top: 150px; }
}

@media (max-width: 680px){
  .method-diagram{
    min-height: 980px;
  }
  .method-step{
    width: 160px;
    min-height: 108px;
    padding: 14px 12px;
  }
  .method-step b{
    font-size: .92rem;
  }
  .s1{ top: 18px; }
  .s2{ right: 0; top: 168px; }
  .s3{ right: 18px; bottom: 230px; }
  .s4{ bottom: 18px; }
  .s5{ left: 18px; bottom: 230px; }
  .s6{ left: 0; top: 168px; }

  .method-core{
    width: 128px;
    height: 128px;
    border-width: 12px;
  }
  .method-core span{
    font-size: 1.08rem;
    max-width: 92px;
  }
}


/* ===== V6: método según retícula del usuario ===== */
.method-diagram{
  min-height: 640px;
  position: relative;
}

.method-step{
  width: 190px;
  min-height: 108px;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
  border: 0;
  box-shadow: none;
  z-index: 2;
}

/* sin adornos ni conectores */
.method-step::after{
  display: none !important;
  content: none !important;
}

.method-step span{
  display: block;
  font-weight: 700;
  font-size: .82rem;
  color: var(--terra);
  margin: 0;
}

.method-step b{
  display: block;
  font-size: 1rem;
  line-height: 1.38;
  margin: 0;
}

/* distribución completamente simétrica respecto al centro del rombo */
.s1{
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
  background: var(--graphite);
  color: var(--ivory);
}

.s2{
  right: 48px;
  top: 144px;
  background: #55626F;
  color: var(--ivory);
}

.s3{
  right: 48px;
  top: 380px;
  background: var(--terra);
  color: var(--ivory);
}

.s4{
  left: 50%;
  top: 488px;
  transform: translateX(-50%);
  background: #55626F;
  color: var(--ivory);
}

.s5{
  left: 48px;
  top: 380px;
  background: var(--brass);
  color: var(--graphite);
}

.s6{
  left: 48px;
  top: 144px;
  background: #55626F;
  color: var(--ivory);
}

/* rombo central, único elemento no rectangular */
.method-core{
  position: absolute;
  left: 50%;
  top: 320px;
  width: 156px;
  height: 156px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--ivory);
  border: 12px solid var(--graphite);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  box-shadow: none;
}

.method-core span{
  display: block;
  transform: rotate(-45deg);
  text-align: center;
  font: 600 1.28rem/1.1 var(--serif);
  color: var(--graphite);
  max-width: 108px;
}

/* responsive manteniendo la lógica de la retícula */
@media (max-width: 980px){
  .method-diagram{
    min-height: 760px;
  }

  .method-step{
    width: 170px;
    min-height: 98px;
    padding: 16px 12px;
  }

  .s1{ top: 18px; }
  .s2{ right: 8px; top: 152px; }
  .s3{ right: 8px; top: 404px; }
  .s4{ top: 618px; }
  .s5{ left: 8px; top: 404px; }
  .s6{ left: 8px; top: 152px; }

  .method-core{
    top: 352px;
    width: 142px;
    height: 142px;
  }

  .method-core span{
    font-size: 1.14rem;
    max-width: 94px;
  }
}

@media (max-width: 680px){
  .method-diagram{
    min-height: 900px;
  }

  .method-step{
    width: 148px;
    min-height: 92px;
    padding: 14px 10px;
  }

  .method-step span{
    font-size: .76rem;
  }

  .method-step b{
    font-size: .92rem;
  }

  .s1{ top: 18px; }
  .s2{ right: 0; top: 156px; }
  .s3{ right: 0; top: 438px; }
  .s4{ top: 760px; }
  .s5{ left: 0; top: 438px; }
  .s6{ left: 0; top: 156px; }

  .method-core{
    top: 372px;
    width: 126px;
    height: 126px;
    border-width: 10px;
  }

  .method-core span{
    font-size: 1.02rem;
    max-width: 84px;
  }
}


/* ===== V7: afinación final del método ===== */

/* Número del 03 en blanco para mayor visibilidad */
.s3 span{
  color: var(--ivory) !important;
}

/* Ajuste de proximidad entre grupo superior (01,02,06) y grupo inferior (03,04,05)
   para corregir el vacío excesivo en el centro y hacerlo proporcional a la retícula. */
.method-diagram{
  min-height: 600px;
}

/* Grupo superior */
.s1{
  top: 28px;
}
.s2{
  top: 136px;
}
.s6{
  top: 136px;
}

/* Grupo inferior, acercado hacia arriba */
.s3{
  top: 344px;
}
.s5{
  top: 344px;
}
.s4{
  top: 452px;
}

/* Centro ligeramente compensado para mantener equilibrio visual */
.method-core{
  top: 300px;
}

/* Responsive */
@media (max-width: 980px){
  .method-diagram{
    min-height: 720px;
  }

  .s1{ top: 18px; }
  .s2{ top: 146px; }
  .s6{ top: 146px; }

  .s3{ top: 390px; }
  .s5{ top: 390px; }
  .s4{ top: 598px; }

  .method-core{
    top: 342px;
  }
}

@media (max-width: 680px){
  .method-diagram{
    min-height: 860px;
  }

  .s1{ top: 18px; }
  .s2{ top: 152px; }
  .s6{ top: 152px; }

  .s3{ top: 414px; }
  .s5{ top: 414px; }
  .s4{ top: 728px; }

  .method-core{
    top: 354px;
  }
}


/* ===== V8: hero limpio ===== */
.hero-identity-bars{
  display: none !important;
}


/* ===== V9: header transparente y caption separado ===== */

/* header */
.official-brand{
  width: 250px;
  height: 58px;
  background: transparent !important;
  overflow: visible;
}
.official-brand img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  background: transparent !important;
  mix-blend-mode: normal;
  display: block;
}

/* forzar el asset transparente en el header */
.official-brand img{
  content: url("../assets/vefaria-lockup-header-transparent.png");
}

/* hero: evitar que el texto se pise sobre el símbolo */
.hero-symbol{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 560px;
  padding-bottom: 26px;
}
.hero-symbol img{
  width: min(520px, 100%);
  height: auto;
  display: block;
  margin-bottom: 20px;
}
.hero-caption{
  position: static !important;
  display: block;
  margin-top: 0;
  text-align: center;
  font: italic 1.25rem var(--serif);
  color: var(--slate);
  max-width: 90%;
}

@media (max-width: 980px){
  .official-brand{ width: 220px; height: 54px; }
  .hero-symbol{ min-height: 500px; }
}

@media (max-width: 680px){
  .official-brand{ width: 180px; height: 48px; }
  .hero-symbol{ min-height: 440px; }
  .hero-caption{ font-size: 1.08rem; }
}


/* ===== V10: tres productos ===== */
.product-overview-grid{
  grid-template-columns:repeat(3,1fr);
}
.overview-card{
  min-height:315px;
}
.overview-card:nth-child(2){
  border-right:1px solid rgba(255,255,255,.16);
}
.overview-card.publication::after{
  border-color:rgba(182,90,60,.45);
}
.product-publication{
  background:var(--stone);
}
.product-visual-paper{
  min-height:540px;
}
.paper-stack{
  position:relative;
  width:300px;
  height:360px;
  z-index:2;
}
.paper-stack span{
  position:absolute;
  width:230px;
  height:300px;
  background:var(--white);
  border:1px solid rgba(46,49,51,.18);
}
.paper-stack span:nth-child(1){
  left:0;top:38px;transform:rotate(-8deg);
}
.paper-stack span:nth-child(2){
  left:34px;top:18px;transform:rotate(1deg);
  background:var(--ivory);
}
.paper-stack span:nth-child(3){
  left:66px;top:0;transform:rotate(8deg);
  background:
    linear-gradient(var(--graphite),var(--graphite)) 28px 36px/150px 28px no-repeat,
    linear-gradient(var(--terra),var(--terra)) 28px 92px/120px 9px no-repeat,
    repeating-linear-gradient(to bottom,var(--stone) 0 7px,transparent 7px 20px) 28px 128px/150px 130px no-repeat,
    var(--white);
}
.paper-grid{
  position:absolute;
  right:13%;
  bottom:9%;
  display:grid;
  grid-template-columns:repeat(2,48px);
  gap:7px;
  transform:rotate(45deg);
  z-index:3;
}
.paper-grid i{
  width:48px;height:48px;background:var(--graphite);
}
.paper-grid i:nth-child(2){background:var(--terra)}
.paper-grid i:nth-child(3){background:var(--brass)}
.paper-grid i:nth-child(4){background:var(--slate)}

@media(max-width:980px){
  .product-overview-grid{grid-template-columns:1fr}
  .overview-card,
  .overview-card:first-child,
  .overview-card:nth-child(2){
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }
  .overview-card:last-child{border-bottom:0}
}


/* ===== V11: capacidades orientadas a valor ===== */
.capability-grid article{
  min-height:230px;
}
.capability-grid h3{
  margin-top:28px;
}
.capability-grid p{
  margin:14px 0 0;
  color:rgba(46,49,51,.68);
  font-size:.9rem;
  line-height:1.55;
}