/* Shared section content, with layouts adapted to each viewport. */
.mobile-only{display:none!important}
.hero h1>.desktop-only,h2>.desktop-only{color:inherit}
.hero h1>.desktop-only>span{display:block}
@media(min-width:721px){
  .mobile-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,25px)}
  .mobile-service{padding:clamp(20px,3svh,32px)}
  .mobile-service>.clay-icon{margin-bottom:clamp(16px,2.5svh,28px)}
  .mobile-service h3{font-size:clamp(1.125rem,1.7vw,1.375rem);margin-bottom:14px;line-height:1.35}
  .mobile-service p{font-size:1rem;line-height:1.6}
  .mobile-services>.text-link{grid-column:1/-1;justify-self:center;margin-top:4px}
  .mobile-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2svh,22px)}
  .mobile-product{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-content:start;min-width:0;padding:clamp(16px,2.5svh,24px);border-radius:25px;transition:transform .25s var(--ease)}
  .mobile-product:hover{transform:translateY(-3px)}
  .mobile-product>.clay-icon{grid-column:1;grid-row:1/4;width:44px;height:44px;border-radius:15px}
  .mobile-product>.clay-icon svg{width:25px;height:25px}
  .mobile-product h3{grid-column:2;font-size:1.125rem;line-height:1.35;letter-spacing:-.025em;margin-bottom:7px}
  .mobile-product p{grid-column:2;font-size:1rem;line-height:1.5;margin-bottom:8px}
  .mobile-product-action{grid-column:2;display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;min-height:30px}
  .mobile-product-action .icon{width:18px;height:18px}
  .mobile-product-note{font-size:.875rem;line-height:1.6;text-align:center;margin-top:16px}
  .product-section .category-bottom{margin-top:10px}
}
@media(min-width:721px) and (max-width:999px){.mobile-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px) and (max-height:720px){.mobile-product{padding:12px 16px;column-gap:12px}.mobile-product h3{font-size:1.0625rem;margin-bottom:4px}.mobile-product p{line-height:1.4;margin-bottom:4px}.mobile-product-note{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.mobile-product:hover{transform:none}}
@media(max-width:720px){
  .desktop-only{display:none!important}
  .mobile-only{display:block!important}
  .hero h1>.mobile-only,h2>.mobile-only{color:inherit}
  .hero h1>.mobile-only>span{display:block;color:var(--blue)}
  .hero .eyebrow,.hero-proof,.hero-actions>.text-link,.focus-strip,.massimo-section,.main-nav a[href="#massimo"]{display:none!important}
  .hero{gap:12px;padding-block:22px 12px}
  .hero h1{font-size:clamp(2rem,8.5vw,3rem);margin-block:0 16px}
  .hero-description{max-width:32rem}
  .hero-actions{margin-top:18px}
  .hero-actions .button{gap:16px}
  .hero-art{height:auto;aspect-ratio:1;width:calc(100% + 24px);max-width:460px;justify-self:center;max-height:none;margin:0}
  .hero-art .art-stage{width:100%;height:100%;max-width:none;border-radius:32px;background:transparent;box-shadow:none;overflow:visible}
  .hero-art .global-sculpture{border-radius:50%}
  #enfoque,#productos>.section,#proceso,#contacto{padding-block:40px}
  .mobile-services{display:grid!important;gap:16px}
  .mobile-service{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:22px 20px}
  .mobile-service .clay-icon{width:42px;height:42px;border-radius:15px}
  .mobile-service .clay-icon svg{width:24px;height:24px}
  .mobile-service h3{font-size:1.125rem;letter-spacing:-.025em;margin:0 0 10px}
  .mobile-service p{font-size:1rem;line-height:1.6}
  .mobile-services>.text-link{justify-self:start;margin-top:4px}
  .mobile-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .mobile-product{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px 16px;border-radius:23px}
  .mobile-product .clay-icon{width:42px;height:42px;border-radius:15px;margin-bottom:18px}
  .mobile-product .clay-icon svg{width:24px;height:24px}
  .mobile-product h3{font-size:1.0625rem;letter-spacing:-.025em;line-height:1.35;overflow-wrap:anywhere;margin-bottom:10px}
  .mobile-product p{font-size:1rem;line-height:1.5;margin-bottom:18px}
  .mobile-product-action{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;margin-top:auto;min-height:30px}
  .mobile-product-action .icon{width:18px;height:18px}
  .mobile-product-note{font-size:.875rem;line-height:1.6;margin-top:22px}
}
@media(max-width:359px){.mobile-products{grid-template-columns:1fr}.mobile-service{grid-template-columns:1fr}}
@media(max-width:720px) and (max-height:700px){.hero{gap:10px;padding-top:14px}.hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}.hero-art{width:min(calc(100% + 24px),46svh);height:auto}}