main>.hero:first-child{margin-top:12px}.hero{gap:24px}.hero h1{margin:6px 0 12px;font-size:clamp(2rem,4.2vw,3rem);line-height:1.08}.hero__subtitle{font-size:1.1rem;line-height:1.55}.hero--text{background-image:url(/brand/icono-azul.png), var(--hero-grad);background-position:right -40px center,50%;background-repeat:no-repeat,no-repeat;background-size:220px,auto;grid-template-columns:minmax(0,1fr);min-height:0}.hero--text .hero__text{max-width:640px;position:relative}@media (min-width:900px){.hero--text{background-position:right 56px center,50%;background-size:300px,auto;padding:48px 56px}}.hero--text:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f2f8fff0 55%,#f2f8ffb8);position:absolute;inset:0}:root[data-theme=dark] .hero--text:before{background:linear-gradient(90deg,#0b0f1cf2 55%,#0b0f1cbf)}.hero-link{min-height:44px;color:var(--fg);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:.95rem;text-decoration:none;display:inline-flex}.hero-link strong{color:var(--accent-strong)}.hero-link:hover strong,.hero-link:focus-visible strong{text-decoration:underline}.hero+.tiles,.hero+*+.tiles{margin-top:28px}.banner-slot:first-child{margin-top:12px}.hero--compact{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;margin-top:16px;padding:18px 20px}@media (min-width:900px){.hero--compact{padding:22px 32px}}.hero--compact h1{margin:0 0 4px;font-size:clamp(1.4rem,2.4vw,1.9rem)}.hero--compact .hero__subtitle{margin:0;font-size:1rem;line-height:1.5}.hero--compact .hero__actions{margin-top:12px}.hero--compact .hero-link{margin-top:8px}.welcome-strip{border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:20px;padding:16px 20px;display:flex}.welcome-strip p{margin:0}.welcome-strip strong{display:block}.hero--sales{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 16px}@media (min-width:900px){.hero--sales{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;padding:36px 40px}}.hero-stats{color:var(--accent-strong);margin:12px 0 0;font-weight:700}.hero-strip{scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 8px;list-style:none;display:flex;overflow-x:auto}.hero-tile{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow);flex-direction:column;flex:0 0 156px;gap:8px;padding:8px;display:flex}.hero-tile__link{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.hero-tile__media{aspect-ratio:3/4;background:var(--surface-soft);border-radius:10px;display:block;position:relative;overflow:hidden}.hero-tile__media img{object-fit:cover}.hero-tile__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:.85rem;font-weight:750;line-height:1.3;display:-webkit-box;overflow:hidden}@media (min-width:900px){.hero-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:visible}.hero-tile{flex:none;padding:10px}.hero-tile__link{grid-template-rows:auto 1fr;grid-template-columns:124px minmax(0,1fr);align-items:start;gap:4px 14px;display:grid}.hero-tile__media{grid-row:1/span 2}.hero-tile__title{font-size:.95rem}.hero-strip>.hero-tile:last-child:nth-child(odd){grid-column:1/-1}}.steps__methods{text-align:center;margin:16px 0 0}.steps__links{text-align:center;margin:8px 0 0}.steps__links a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:719px){.hero__text{text-align:center}.hero__text .eyebrow,.hero__subtitle{margin-left:auto;margin-right:auto}.hero-link{text-align:center;justify-content:center}.hero-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:visible}.hero-tile{flex:none}.welcome-strip{text-align:center;flex-direction:column;align-items:stretch}.steps__item{text-align:center}.steps__icon{margin-left:auto;margin-right:auto}}.catalog-more{justify-items:center;gap:8px;margin:24px 0 0;display:grid}@media (max-width:719px){.catalog-more .button{width:100%}}
