
/* Portafolio 2026: escala editorial y fotografías del documento original */
.hero h1{font-size:clamp(32px,3.15vw,46px);line-height:1.14;letter-spacing:-.032em;max-width:610px;margin:18px 0 22px}
.hero,.hero-visual{min-height:590px}.hero-copy{padding-top:58px;padding-bottom:58px}.hero-copy>p{font-size:16px;line-height:1.7}.hero-visual img{object-position:center}
.page-intro h1{font-size:clamp(30px,3.35vw,46px);line-height:1.14;letter-spacing:-.03em;max-width:780px}
.page-intro-grid{min-height:280px;padding-top:38px;padding-bottom:38px}.page-intro-mark{width:180px;height:180px}
main h2,.heading h2,.value-copy h2,.international h2,.faq-grid h2,.contact-head h2,.route-intro h2,.home-method-intro h2{font-size:clamp(26px,2.65vw,36px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
main h3,.service-card h3,.directory-card h3,.home-blog-card h3{font-size:20px;line-height:1.3;letter-spacing:-.015em}
.home-method-step h3,.method-card h3,.blog-body h3{font-size:19px}.footer-cta-copy h2{font-size:clamp(25px,2.3vw,32px);line-height:1.2}.blog-dialog h2{font-size:clamp(26px,3vw,38px);line-height:1.2}
.heading{gap:40px}.section{padding:80px 0}.home-method{padding:76px 0}.service-media{background:#f2f0e9}.service-media img.portfolio-product{object-fit:contain;padding:20px}.service-photo-note{font-size:8px}
.quote-photo{background:#f4f1e7}.quote-photo img{object-fit:contain!important;padding:34px;width:100%;height:100%}.portfolio-panel img{cursor:zoom-in;max-height:560px;object-fit:contain;width:100%;display:block}.portfolio-panel small{display:block;margin:14px 0}.portfolio-download{display:inline-flex;align-items:center;gap:12px;margin-top:14px;padding:13px 18px;background:var(--black);color:white;border-radius:12px;font:750 12px/1.4 var(--font-body)}
.portfolio-work{margin-top:38px;border-top:1px solid var(--line);padding-top:30px}.portfolio-work-head{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:22px}.portfolio-work-head small{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b6700}.portfolio-work-head h3{margin:9px 0 0;font-size:23px}.portfolio-work-head p{max-width:480px;color:var(--grey);font-size:13px;line-height:1.65;margin:0}.portfolio-work-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.portfolio-work-card{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.portfolio-work-card img{display:block;width:100%;height:185px;object-fit:contain;background:#f7f6f0;padding:20px}.portfolio-work-card figcaption{padding:16px;font-size:12px;line-height:1.5}.portfolio-work-card strong{display:block}.portfolio-work-card span{display:block;color:var(--grey);font-size:11px;margin-top:4px}
.portfolio-founder{display:flex;align-items:center;gap:22px;margin:25px 0;padding:20px 22px 0;border:1px solid #e5dfd0;border-radius:18px;background:linear-gradient(115deg,#fffdf7,#fff3c9)}.portfolio-founder img{width:116px;height:155px;object-fit:contain;object-position:bottom}.portfolio-founder p{font-size:13px!important;margin:0 0 9px!important;line-height:1.6!important}.portfolio-founder strong{font-size:12px}.portfolio-founder small{display:block;font-size:11px;color:var(--grey);margin:4px 0 18px}
@media(max-width:900px){.hero,.hero-visual{min-height:auto}.hero-visual{height:430px}.hero-copy{padding:48px 7vw}.hero h1{font-size:38px;max-width:660px}.portfolio-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-work-head{align-items:start;flex-direction:column;gap:15px}.page-intro-grid{min-height:260px}}
@media(max-width:560px){.hero h1{font-size:32px;line-height:1.17}.hero-copy{padding:40px 6vw}.hero-copy>p{font-size:15px}.hero-visual{height:340px}.hero-badge{left:18px;bottom:20px;max-width:calc(100% - 36px);padding:14px}.page-intro h1{font-size:30px}.page-intro-grid{min-height:245px}.section{padding:58px 0}main h2,.heading h2,.value-copy h2,.international h2,.faq-grid h2,.contact-head h2,.route-intro h2,.home-method-intro h2{font-size:27px;line-height:1.23}.portfolio-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-work-card img{height:160px;padding:15px}.portfolio-work-card:last-child{grid-column:1/-1}.portfolio-founder{gap:12px;padding:16px 14px 0}.portfolio-founder img{width:90px;height:145px}.portfolio-founder p{font-size:12px!important}.heading{gap:22px}.footer-cta-copy h2{font-size:25px}}

/* Inicio: título con mayor presencia y distribución en el banner. */
html[data-page="home"] .hero h1{
  font-size:clamp(46px,4.4vw,62px);
  line-height:1.06;
  max-width:640px;
  letter-spacing:-.035em;
  text-wrap:balance;
}
@media(max-width:900px){
  html[data-page="home"] .hero h1{font-size:clamp(42px,5.8vw,52px);max-width:700px}
}
@media(max-width:560px){
  html[data-page="home"] .hero h1{font-size:38px;line-height:1.1;max-width:100%}
}
@media(max-width:360px){
  html[data-page="home"] .hero h1{font-size:35px}
}

/* Inicio: elevar el recuadro del banner hasta el cierre del texto lateral. */
@media(min-width:901px){
  html[data-page="home"] .hero-badge{bottom:110px}
}

/* Inicio: texto más conciso y mayor aire alrededor del bloque principal. */
html[data-page="home"] .hero h1{line-height:1.03;margin-bottom:18px}
html[data-page="home"] .hero-copy>p:not(.hero-note){max-width:580px;line-height:1.55;margin-bottom:22px}
html[data-page="home"] .hero-note{margin-top:18px!important}
html[data-page="home"] .hero-badge small{line-height:1.4}
