@font-face { font-family: 'RTG Gotham'; src: url('../fonts/gotham-medium.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
.rtg-home { font-family: 'RTG Montserrat', Montserrat, Arial, sans-serif; color: #303239; }
.rtg-home { margin-top: -40px; }
.rtg-home * { box-sizing: border-box; }
.rtg-home__container { width: var(--rtg-shell-width); margin-inline: auto; }
.rtg-home__intro { padding-top: 30px; }
.rtg-promos { display: grid; gap: 30px; }
.rtg-promos__top, .rtg-promos__bottom { display: grid; gap: 30px; }
.rtg-promos__top { grid-template-columns: 1fr 1fr; }
.rtg-promos__bottom { grid-template-columns: 2fr 1fr; }
.rtg-promo { position: relative; min-width: 0; padding: 33px 34px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; isolation: isolate; }
.rtg-promo h2 { margin: 0; color: inherit; font-size: clamp(23px, 2.5vw, 30px); font-weight: 800; line-height: 1.07; letter-spacing: .01em; }
.rtg-promo p { margin: 14px 0 29px; font-size: 15px; font-weight: 400; line-height: 1.4; }
.rtg-promo a { display: inline-flex; align-items: center; gap: 12px; min-height: 34px; padding: 8px 19px; background: #fff; color: #3d3f43; font-size: 13px; line-height: 1; text-decoration: none; transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease; }
.rtg-promo a:hover, .rtg-promo a:focus-visible { transform: translateY(-3px); background: #f7fcfd; box-shadow: 0 8px 16px rgb(0 0 0 / 18%); }
.rtg-promo--leray, .rtg-promo--vacuum { height: 250px; }
.rtg-promo--panda, .rtg-promo--class-b { height: 420px; }
.rtg-promo--leray { background-image: url('../img/promos/leray.webp'); }
.rtg-promo--vacuum { background-image: url('../img/promos/vacuum.webp'); }
.rtg-promo--panda { background-image: url('../img/promos/panda.webp'); }
.rtg-promo--class-b { background-image: url('../img/promos/class-b.webp'); padding: 31px 22px; text-align: center; }
.rtg-promo--class-b h2 { white-space: nowrap; font-size: clamp(18px, 2.2vw, 26px); }
.rtg-promo--class-b p { margin: 10px 0 31px; }
.rtg-home__products { padding-top: 43px; padding-bottom: 78px; }
.rtg-home__heading { margin: 0 0 51px; color: #303239; font-size: 32px; font-weight: 700; line-height: 1.3; text-align: center; }
.rtg-carousel { position: relative; min-width: 0; }
.rtg-carousel__swiper { width: 100%; overflow: hidden; padding: 0 1px 4px; }
.rtg-home__product-slide { display: flex; height: auto; }
.rtg-home__product-slide .product-miniature { width: 100%; }
.rtg-carousel__arrow { position: absolute; z-index: 3; top: 48%; width: 35px; height: 45px; padding: 0; border: 0; background: transparent; color: #333; font: 400 42px/1 Arial, sans-serif; cursor: pointer; transition: color .25s, transform .25s; }
.rtg-carousel__arrow--prev { left: 0; }
.rtg-carousel__arrow--next { right: 0; }
.rtg-carousel__arrow:hover { color: #4b95a8; transform: scale(1.12); }
.rtg-carousel__arrow.swiper-button-disabled { opacity: .2; pointer-events: none; }
.rtg-carousel__dots { display: none; justify-content: center; gap: 8px; padding-top: 19px; }
.rtg-carousel__dots .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 !important; background: #bbb; opacity: 1; }
.rtg-carousel__dots .swiper-pagination-bullet-active { background: #438ea3; }
.rtg-video { padding: 60px 0; background: #22343c; color: #fff; }
.rtg-video__inner { display: grid; grid-template-columns: minmax(0, 36fr) minmax(0, 64fr); align-items: center; }
.rtg-video__copy { padding: 20px 20px 20px 0; }
.rtg-video__copy h2 { margin: 0; color: #fff; font-family: 'RTG Gotham', 'RTG Montserrat', Arial, sans-serif; font-size: clamp(26px, 2.5vw, 36px); font-weight: 500; font-synthesis: none; line-height: 1.2; letter-spacing: -.022em; }
.rtg-video__copy p { margin: 14px 0 24px; color: #fff; font-size: clamp(34px, 3.2vw, 48px); font-weight: 300; line-height: 1; letter-spacing: -.03em; }
.rtg-video__copy a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 20px; border-radius: var(--rtg-radius); background: #fff; color: var(--rtg-900); font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color .2s ease; }
.rtg-video__copy a:hover { background: var(--rtg-100); color: var(--rtg-900); }
.rtg-video__copy a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
/* Let the 16:9 width determine height: a max-height caps wide desktops and introduces side bars. */
.rtg-video__player { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: transparent; object-fit: contain; }
.rtg-home__products--equipment { padding-top: 57px; padding-bottom: 74px; }
.rtg-blog { padding-top: var(--rtg-section-gap); padding-bottom: var(--rtg-section-gap-end); border-top: 1px solid #e8e8e8; }
.rtg-blog .rtg-home__heading { margin-bottom: 43px; text-transform: none; }
.rtg-home .rtg-blog + .rtg-reviews { margin-top: var(--rtg-section-gap); margin-bottom: var(--rtg-section-gap-end); }
/* The standard margins sit outside the reviews box, against the blog band and the footer (Carlos 26-oct): the theme's
   32px under the content column would add to the 1.5× bottom gap. */
body#index #center-column { padding-bottom: 0; } /* the reviews box breathes after the blog's teal band */
.rtg-blog__card { height: 450px; overflow: hidden; border: 1px solid #e8eaee; border-radius: 12px; background: #fff; box-shadow: 0 2px 2px rgb(0 0 0 / 2%); }
.rtg-blog__image { display: block; height: 226px; overflow: hidden; }
.rtg-blog__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.rtg-blog__image:hover img { transform: scale(1.045); }
.rtg-blog__body { padding: 20px 29px; }
.rtg-blog__body time { display: block; margin-bottom: 13px; color: #777; font-size: 13px; }
.rtg-blog__body h3 { display: -webkit-box; min-height: 47px; margin: 0 0 18px; overflow: hidden; font-size: 15px; font-weight: 600; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.rtg-blog__body h3 a { color: #303239; text-decoration: none; }
.rtg-blog__body h3 a:hover { color: #408da5; }
.rtg-blog__read { display: inline-block; padding: 9px 22px; border-radius: 22px; background: #3271d5; color: #fff; font-size: 13px; line-height: 1.1; text-decoration: none; transition: background-color .25s, transform .25s; }
.rtg-blog__read:hover { transform: translateY(-2px); background: #205fc5; color: #fff; }

@media (max-width: 767px) {
  .rtg-home { margin-top: -40px; }
  .rtg-home__intro { padding-top: 10px; }
  .rtg-promos, .rtg-promos__top, .rtg-promos__bottom { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .rtg-promo--leray, .rtg-promo--vacuum, .rtg-promo--panda { height: 200px; }
  .rtg-promo--class-b { height: 382px; }
  .rtg-promo { padding: 20px; }
  .rtg-promo h2 { font-size: 23px; }
  .rtg-promo p { margin: 10px 0 18px; font-size: 12px; }
  .rtg-promo a { min-height: 30px; padding: 8px 16px; font-size: 11px; }
  .rtg-promo--class-b { padding: 20px 13px; text-align: center; }
  .rtg-promo--class-b h2 { font-size: 20px; }
  .rtg-home__products { padding-top: 50px; padding-bottom: 42px; }
  .rtg-home__products:not(.rtg-home__products--equipment) { padding-bottom: 106px; }
  .rtg-home__heading { margin-bottom: 24px; font-size: 24px; line-height: 1; }
  .rtg-carousel__arrow { display: none; }
  .rtg-carousel__dots { display: flex; }
  .rtg-video { height: auto; padding: 30px 0 62px; }
  .rtg-video__inner { display: block; }
  .rtg-video__copy { padding: 0 0 32px; text-align: center; }
  .rtg-video__copy h2 { font-size: 26px; }
  .rtg-video__copy p { margin: 12px 0 20px; font-size: 34px; }
  .rtg-home__products--equipment { padding-top: 44px; padding-bottom: 95px; }
  .rtg-blog .rtg-home__heading { margin-bottom: 24px; }
  .rtg-blog__card { height: 420px; }
  .rtg-blog__image { height: auto; aspect-ratio: 370 / 227; }
  .rtg-blog__body { padding: 17px 25px; }
  .rtg-blog__body h3 { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .rtg-home * { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* Transparent products on solid brand colors (Carlos 26-oct). Preserve the banner framing. */
.rtg-promo--leray { background-color: #1694a8; background-size: auto 128%; background-position: 62% 40%; }
.rtg-promo--vacuum { background-color: #1b7786; background-size: auto 104%; background-position: 92% 30%; }
.rtg-promo--panda { background-color: #72cad6; background-size: auto 104%; background-position: 70% 20%; }
.rtg-promo--class-b { background-color: #007a89; background-size: auto 96%; background-position: 50% 20%; }

/* Tile titles wrap instead of clipping; the scanner title scales with its column; photos clear the copy. */
.rtg-promo--class-b h2 { white-space: normal; text-wrap: balance; }

/* Every home section uses the same container as header and footer (--rtg-shell-width): carousel
   cards reach both edges, and the arrows float over the outer cards instead of taking a gutter. */
.rtg-carousel__arrow { top: 40%; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #d2d2d7; border-radius: 50%; background: rgb(255 255 255 / 94%); box-shadow: 0 2px 8px rgb(0 0 0 / 10%); color: #1d1d1f; font: 400 26px/1 Arial, sans-serif; transform: translateY(-50%); }
.rtg-carousel__arrow--prev { left: 12px; }
.rtg-carousel__arrow--next { right: 12px; }
.rtg-carousel__arrow:hover { background: #fff; color: #1d1d1f; transform: translateY(-50%) scale(1.06); }
.rtg-carousel__arrow:focus-visible { outline: 2px solid #0071e3; outline-offset: 2px; }
.rtg-carousel__arrow.swiper-button-disabled { opacity: 0; }
@media (max-width: 767px) { .rtg-carousel__arrow { display: none; } }
@media (max-width: 479px) {
  .rtg-promo--leray { background-size: auto 125%; background-position: 40% 40%; }
  .rtg-promo--vacuum { height: 250px; background-size: 100% auto; background-position: 50% 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .rtg-promos__top { grid-template-columns: 1fr; }
  .rtg-promo--vacuum { background-size: auto 112%; background-position: 100% 60%; }
}

/* Envío Express banner under the hero, as in production. */

/* Banners: Gotham Medium headlines (Carlos 26-oct), light model labels and rounded links. */
.rtg-promo { border-radius: var(--rtg-radius); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.rtg-promo h2 { font-family: 'RTG Gotham', 'RTG Montserrat', Arial, sans-serif; font-size: clamp(24px, 2.2vw, 32px); font-weight: 500; font-synthesis: none; line-height: 1.17; letter-spacing: -.022em; text-wrap: balance; }
.rtg-promo p { margin: 8px 0 20px; font-size: 16px; font-weight: 300; line-height: 1.35; letter-spacing: -.01em; opacity: .92; }
.rtg-promo a { gap: 6px; min-height: 36px; padding: 0 14px 0 18px; border-radius: var(--rtg-radius); background: #fff; color: var(--rtg-950); font-size: 15px; font-weight: 500; letter-spacing: -.01em; transition: background-color .25s ease, color .25s ease; }
.rtg-promo a:hover, .rtg-promo a:focus-visible { transform: none; background: rgb(255 255 255 / 86%); box-shadow: none; color: var(--rtg-950); }
.rtg-promo a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.rtg-promo__chev { font-size: 20px; font-weight: 400; line-height: 1; transform: translateY(-1px); transition: transform .25s ease; }
.rtg-promo a:hover .rtg-promo__chev { transform: translate(2px, -1px); }
.rtg-promo--class-b h2 { font-size: clamp(22px, 2vw, 29px); }
.rtg-promo--class-b p { margin: 8px 0 20px; }
@media (max-width: 767px) {
  .rtg-promo h2 { font-size: 22px; }
  .rtg-promo p { margin: 6px 0 14px; font-size: 13px; }
  .rtg-promo a { min-height: 34px; padding: 0 12px 0 16px; font-size: 14px; }
  .rtg-promo--class-b h2 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { .rtg-promo__chev { transition: none; } }