/* Evitar que el contenido del formulario ensanche el bloque en móviles. */
#serevendedor #content .box-principal > .container > .box-nosotros {
  display: block;
  width: 100%;
  max-width: 1200px;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Hero de revendedores: fondo blanco y acciones destacadas en naranja. */
#serevendedor .revendedor-hero {
  position: relative;
  width: 100%;
  clear: both;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
  color: #202020;
  text-align: left;
  font-family: "Manrope", "Inter", Arial, sans-serif;
}

.revendedor-hero__inner {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  gap: clamp(28px, 3.2vw, 48px);
  max-width: 1320px;
  margin: 0 auto;
  padding: 54px 40px 48px;
}

.revendedor-hero__copy { min-width: 0; }

#serevendedor #wrapper .revendedor-hero p.revendedor-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 22px;
  padding: 7px 12px;
  border: 1px solid rgba(32, 32, 32, .36);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.revendedor-hero__eyebrow > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

#serevendedor .revendedor-hero h1 {
  margin: 0 0 20px;
  max-width: none;
  color: #202020;
  font: 800 clamp(32px, 3.4vw, 44px)/1.1 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -1.7px;
  text-transform: none;
  text-wrap: balance;
}

#serevendedor .revendedor-hero h1 span {
  color: inherit;
  font: inherit;
  text-decoration: none;
}

#serevendedor .revendedor-hero h1 .revendedor-hero__highlight { color: #684000; }

@media (min-width: 992px) {
  #serevendedor .revendedor-hero__title-line { display: block; white-space: nowrap; }
}

#serevendedor #wrapper .revendedor-hero p.revendedor-hero__intro {
  max-width: 540px;
  margin: 0 0 26px;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 500;
  letter-spacing: normal;
  color: #302914;
}

.revendedor-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

#serevendedor .revendedor-hero__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 50px;
  padding: 11px 23px;
  border: 1px solid #202020;
  border-radius: 30px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

#serevendedor a.revendedor-hero__cta { background: #ffa508; color: #202020; border-color: #ffa508; }
#serevendedor a.revendedor-hero__secondary { background: transparent; color: #202020; }
#serevendedor .revendedor-hero__actions a:hover { transform: translateY(-2px); background: #fff; color: #202020; }
#serevendedor a.revendedor-hero__cta:hover { background: #ffb533; border-color: #ffb533; }

.revendedor-carousel { min-width: 0; }
.revendedor-carousel__stage { position: relative; aspect-ratio: 1.6; }
.revendedor-carousel__slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: translateX(18px);
  transition: opacity .55s ease, transform .55s ease, visibility .55s;
  pointer-events: none;
}

.revendedor-carousel__slide.is-active { opacity: 1; visibility: visible; transform: translateX(0); }
.revendedor-carousel__slide picture {
  display: block;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: 3px solid #111;
  background: #fff;
}
/* Recorta los 30 px exteriores por lado, incluido el marco incrustado,
   y lo repone con el borde del contenedor sin modificar los archivos del home. */
#serevendedor #wrapper .revendedor-carousel__slide img {
  display: block;
  width: 109.090909%;
  max-width: none;
  height: auto;
  margin: -3px 0 -3px -4.545455%;
}
.revendedor-carousel__slide--portrait picture { width: 86%; }
.revendedor-carousel__controls { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 18px; }
.revendedor-carousel__controls[hidden] { display: none; }
.revendedor-carousel__seasons { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.revendedor-carousel button {
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid rgba(32, 32, 32, .4);
  border-radius: 25px;
  background: transparent;
  color: #202020;
  cursor: pointer;
  font: 700 16px/1.4 "Manrope", "Inter", Arial, sans-serif;
  transition: background .2s ease, color .2s ease;
}

.revendedor-carousel button:hover { background: rgba(255, 165, 8, .15); }
.revendedor-carousel button[aria-pressed="true"] { background: #ffa508; color: #202020; border-color: #ffa508; }

@media (min-width: 992px) {
  .revendedor-carousel__seasons { flex-wrap: nowrap; }
  .revendedor-carousel button {
    padding-inline: clamp(6px, .7vw, 9px);
    font-size: clamp(14px, 1.25vw, 16px);
    white-space: nowrap;
  }
}

.revendedor-hero a:focus-visible, .revendedor-carousel button:focus-visible { outline: 3px solid #202020; outline-offset: 4px; }
#serevendedor #contacto { scroll-margin-top: 110px; }

@media (prefers-reduced-motion: no-preference) {
  .revendedor-hero__copy { animation: revendedor-reveal .65s ease both; }
  .revendedor-carousel { animation: revendedor-reveal .75s .12s ease both; }
}

@keyframes revendedor-reveal { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 991px) {
  .revendedor-hero__inner { grid-template-columns: 1fr 1fr; gap: 28px; padding: 38px 28px; }
  #serevendedor .revendedor-hero h1 { font-size: 38px; letter-spacing: -1.2px; }
  #serevendedor #wrapper .revendedor-hero p.revendedor-hero__intro { font-size: 17px; }
  #serevendedor .revendedor-hero__actions a { padding: 10px 17px; }
  .revendedor-carousel__controls { align-items: flex-start; }
}

@media (max-width: 767px) {
  .revendedor-hero__inner { grid-template-columns: 1fr; gap: 22px; padding: 30px 22px 28px; }
  #serevendedor #wrapper .revendedor-hero p.revendedor-hero__eyebrow { margin-bottom: 18px; font-size: 12px; letter-spacing: 1px; }
  #serevendedor .revendedor-hero h1 { max-width: 540px; margin-bottom: 18px; font-size: clamp(34px, 8vw, 44px); }
  #serevendedor #wrapper .revendedor-hero p.revendedor-hero__intro { max-width: 540px; margin-bottom: 20px; line-height: 1.6; }
  #serevendedor .revendedor-hero__actions a { padding: 11px 16px; gap: 8px; font-size: 16px; }
  .revendedor-carousel { width: 100%; max-width: 520px; margin: 0 auto; }
  .revendedor-carousel__stage { aspect-ratio: 1.6; }
  .revendedor-carousel__controls { margin-top: 14px; gap: 10px; align-items: center; }
  .revendedor-carousel button { padding: 10px 12px; font-size: 16px; }
  .revendedor-carousel__seasons { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .revendedor-hero *, .revendedor-hero *::before, .revendedor-hero *::after { animation: none !important; transition: none !important; }
}

/* Formulario breve, inmediatamente debajo del banner. */
#serevendedor #wrapper #contacto.revendedor-signup {
  position: relative;
  --revendedor-signup-gutter: 40px;
  padding: 56px 40px 50px;
  background: #fff;
  color: #25231d;
  font-family: "Manrope", "Inter", Arial, sans-serif;
}

.revendedor-signup::before,
.revendedor-signup::after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--revendedor-signup-gutter);
  right: var(--revendedor-signup-gutter);
  height: 1px;
  background: #e7e3dc;
  pointer-events: none;
}

.revendedor-signup::after { top: auto; bottom: 0; }

#serevendedor #wrapper .revendedor-signup .revendedor-signup__eyebrow {
  margin: 0 0 12px;
  color: #84631a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 1.3px;
  text-align: center;
  text-transform: uppercase;
}

#serevendedor .revendedor-signup h2 {
  margin: 0 0 38px;
  color: #25231d;
  font: 800 clamp(28px, 2.7vw, 36px)/1.15 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -1px;
  text-align: center;
}

.revendedor-signup__panel { max-width: 1000px; margin: 0 auto; padding: 34px 36px 30px; border: 2px solid #eeece5; border-radius: 22px; }
#serevendedor .revendedor-signup h3 { margin: 0 0 28px; color: #25231d; font: 800 24px/1.3 "Manrope", "Inter", Arial, sans-serif; letter-spacing: -.5px; text-align: center; }
#serevendedor #wrapper .revendedor-signup .revendedor-signup__intro { margin: 0 0 28px; color: #615d54; font-size: 17px; font-weight: 500; line-height: 1.6; letter-spacing: 0; text-align: center; }
.revendedor-signup__form { margin: 0; position: relative; min-width: 0; max-width: 100%; }
.revendedor-signup__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; align-items: end; gap: 16px; }
.revendedor-signup__field { min-width: 0; text-align: left; }
#serevendedor .revendedor-signup__field label, #serevendedor .revendedor-signup__interests legend { display: block; margin: 0 0 7px; padding: 0; border: 0; color: #565349; font: 800 14px/1.5 "Manrope", "Inter", Arial, sans-serif; letter-spacing: 0; text-transform: none; }
#serevendedor .revendedor-signup__field input { display: block; box-sizing: border-box; width: 100%; height: 50px; margin: 0; padding: 11px 14px; border: 2px solid #e9e6dd; border-radius: 11px; background: #fff; box-shadow: none; color: #25231d; font: 500 16px/1.4 "Manrope", "Inter", Arial, sans-serif; transition: border-color .2s ease, box-shadow .2s ease; }
#serevendedor .revendedor-signup__field input::placeholder { color: #746e62; opacity: 1; }
#serevendedor .revendedor-signup__field input:focus { border-color: #bd942c; outline: 0; box-shadow: 0 0 0 3px rgba(253,196,37,.17); }
#serevendedor .revendedor-signup .revendedor-signup__submit { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 11px 24px; margin: 0; border: 0; border-radius: 30px; background: #12843f; color: #fff; font: 800 16px/1.5 "Manrope", "Inter", Arial, sans-serif; cursor: pointer; text-decoration: none; transition: background .2s ease, transform .2s ease; }
#serevendedor .revendedor-signup__submit span { color: inherit; font-weight: inherit; }
#serevendedor .revendedor-signup__submit .revendedor-signup__whatsapp-icon { width: 19px; height: 19px; object-fit: contain; }
#serevendedor .revendedor-signup__submit:hover { background: #0c6931; transform: translateY(-1px); }
#serevendedor .revendedor-signup__submit:focus-visible { outline: 3px solid #25231d; outline-offset: 4px; }
#serevendedor .revendedor-signup__submit:disabled { opacity: .65; cursor: wait; transform: none; }
.revendedor-signup__interests { min-width: 0; padding: 0; border: 0; margin: 16px 0 0; text-align: left; }
.revendedor-signup__choices { display: flex; flex-wrap: wrap; gap: 8px; }
.revendedor-signup__choice { position: relative; margin: 0; cursor: pointer; }
.revendedor-signup__choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }
#serevendedor .revendedor-signup__choice > span { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 2px solid #e9e6dd; border-radius: 28px; color: #565349; font: 800 14px/1.4 "Manrope", "Inter", Arial, sans-serif; letter-spacing: 0; text-transform: none; transition: background .2s ease, border-color .2s ease; }
#serevendedor .revendedor-signup__choice input:checked + span { background: #fff3ce; border-color: #dcaf37; color: #514017; }
.revendedor-signup__choice:hover > span { border-color: #bd942c; }
.revendedor-signup__choice input:focus-visible + span { outline: 3px solid #25231d; outline-offset: 3px; }
.revendedor-signup__benefits { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin-top: 26px; }
#serevendedor .revendedor-signup__benefits > span { display: inline-flex; align-items: center; gap: 8px; color: #615d54; font-size: 16px; font-weight: 600; line-height: 1.5; }
#serevendedor .revendedor-signup__benefits > span > span { color: #12843f; font-weight: 800; font-size: 17px; }
.revendedor-signup__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.revendedor-signup__captcha {
  --revendedor-captcha-scale: 1;
  position: relative;
  width: 100%;
  min-width: 0;
  height: calc(78px * var(--revendedor-captcha-scale));
  margin-top: 20px;
  text-align: left;
}
.revendedor-signup__captcha > .g-recaptcha {
  position: absolute;
  top: 0;
  left: 0;
  width: 304px;
  transform: scale(var(--revendedor-captcha-scale));
  transform-origin: top left;
}
#serevendedor #wrapper .revendedor-signup .revendedor-signup__status { margin: 18px 0 0; padding: 12px 14px; border-radius: 8px; background: #fff7e5; color: #604d1f; font-size: 13px; line-height: 1.5; letter-spacing: 0; text-align: left; }
#serevendedor .revendedor-signup [hidden] { display: none !important; }
#serevendedor .revendedor-signup__continue { display: inline-block; margin-top: 12px; color: #126b35; text-decoration: underline; font-weight: 800; }
#serevendedor #wrapper .revendedor-signup__success p { margin: 0 0 18px; font-size: 16px; line-height: 1.6; text-align: center; letter-spacing: 0; }

@media (max-width: 1199px) {
  .revendedor-signup__fields { grid-template-columns: 1fr 1fr; }
  .revendedor-signup__fields > .revendedor-signup__submit { grid-column: 1 / -1; justify-self: end; }
}

@media (max-width: 991px) {
  #serevendedor #wrapper #contacto.revendedor-signup { --revendedor-signup-gutter: 28px; padding: 42px 28px; }
  .revendedor-signup__panel { padding: 28px; }
}

@media (max-width: 575px) {
  #serevendedor #wrapper #contacto.revendedor-signup { --revendedor-signup-gutter: 16px; padding: 36px 16px; }
  #serevendedor .revendedor-signup h2 { margin-bottom: 26px; font-size: 28px; }
  #serevendedor .revendedor-signup h3 { font-size: 21px; }
  #serevendedor #wrapper .revendedor-signup .revendedor-signup__intro { margin-bottom: 23px; font-size: 16px; }
  .revendedor-signup__panel { padding: 26px 18px; border-radius: 18px; }
  .revendedor-signup__fields { grid-template-columns: 1fr; gap: 15px; }
  .revendedor-signup__fields > .revendedor-signup__submit { justify-self: stretch; }
  #serevendedor .revendedor-signup__field input { font-size: 16px; }
  .revendedor-signup__choices { gap: 7px; }
  #serevendedor .revendedor-signup__choice > span { padding: 9px 13px; font-size: 16px; }
  .revendedor-signup__benefits { gap: 8px; justify-content: flex-start; margin-top: 24px; }
}

/* Beneficios del programa de revendedores. */
#serevendedor #wrapper .revendedor-benefits {
  width: 100%;
  padding: 48px 40px;
  background: #fff;
  color: #25231d;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  scroll-margin-top: 64px;
}

#serevendedor #wrapper .revendedor-benefits .revendedor-benefits__eyebrow {
  margin: 0 0 12px;
  color: #84631a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 1.3px;
  text-align: center;
  text-transform: uppercase;
}

#serevendedor .revendedor-benefits h2 {
  margin: 0 0 44px;
  color: #25231d;
  font: 800 clamp(26px, 2.5vw, 32px)/1.15 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -1px;
  text-align: center;
  text-wrap: balance;
}

.revendedor-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.revendedor-benefits__item {
  min-width: 0;
  padding: 26px 16px;
  border: 2px solid #eeece5;
  border-radius: 16px;
  text-align: left;
}

#serevendedor .revendedor-benefits__item h3 {
  margin: 0 0 8px;
  color: #25231d;
  font: 800 17px/1.35 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -.3px;
}

#serevendedor #wrapper .revendedor-benefits .revendedor-benefits__item p {
  margin: 0;
  color: #615d54;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
}

@media (max-width: 991px) {
  #serevendedor #wrapper .revendedor-benefits { padding: 32px 28px 36px; }
  .revendedor-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575px) {
  #serevendedor #wrapper .revendedor-benefits { padding: 28px 16px 32px; }
  #serevendedor .revendedor-benefits h2 { margin-bottom: 28px; font-size: 26px; }
  .revendedor-benefits__grid { grid-template-columns: 1fr; gap: 12px; }
}

/* Cifras del programa: franja que ocupa todo el ancho del contenedor de la página. */
#serevendedor #wrapper .revendedor-numbers {
  width: 100%;
  padding: 0;
  background: #17150f;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  scroll-margin-top: 90px;
}

.revendedor-numbers .line-gradient-box,
.revendedor-closing .line-gradient-box { float: none; height: 8px; }
.revendedor-numbers .linea-gradient,
.revendedor-closing .linea-gradient { top: 0; bottom: auto; }

.revendedor-numbers__panel {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 40px 40px;
}

#serevendedor .revendedor-numbers h2 {
  max-width: 900px;
  margin: 0 auto 32px;
  color: #faefc5;
  font: 800 clamp(26px, 2.5vw, 32px)/1.18 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -.8px;
  text-align: center;
  text-wrap: balance;
}

.revendedor-numbers__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 860px;
  margin: 0 auto;
}

.revendedor-numbers__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 128px;
  padding: 20px 24px;
  border: 1px solid #3c3729;
  border-radius: 16px;
  background: #24221b;
  text-align: center;
}

#serevendedor .revendedor-numbers__item dt {
  margin: 0;
  color: #c4c0b4;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

#serevendedor .revendedor-numbers__item dd {
  order: -1;
  margin: 0;
  color: #fdc425;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -1.5px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 991px) {
  .revendedor-numbers__panel { padding: 26px 28px 30px; }
}

@media (max-width: 575px) {
  .revendedor-numbers__panel { padding: 26px 20px 28px; }
  #serevendedor .revendedor-numbers h2 { margin-bottom: 20px; font-size: 26px; }
  .revendedor-numbers__grid { gap: 10px; }
  .revendedor-numbers__item { gap: 8px; min-height: 120px; padding: 18px 8px; border-radius: 12px; }
  #serevendedor .revendedor-numbers__item dd { font-size: clamp(26px, 8vw, 36px); letter-spacing: -1px; }
  #serevendedor .revendedor-numbers__item dt { font-size: 14px; }
}

/* Preguntas frecuentes con las condiciones del programa. */
#serevendedor #wrapper .revendedor-faq {
  width: 100%;
  padding: 34px 40px 60px;
  background: #fff;
  color: #25231d;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  scroll-margin-top: 90px;
}

#serevendedor #wrapper .revendedor-faq .revendedor-faq__eyebrow {
  margin: 0 0 12px;
  color: #84631a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 1.3px;
  text-align: center;
  text-transform: uppercase;
}

#serevendedor .revendedor-faq h2 {
  margin: 0 0 34px;
  color: #25231d;
  font: 800 clamp(28px, 2.7vw, 36px)/1.18 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -.8px;
  text-align: center;
}

.revendedor-faq__list {
  display: grid;
  gap: 14px;
  max-width: 1000px;
  margin: 0 auto;
}

.revendedor-faq__item {
  min-width: 0;
  padding: 22px 26px;
  border: 2px solid #eeece5;
  border-radius: 16px;
  text-align: left;
}

#serevendedor .revendedor-faq__item h3 {
  margin: 0 0 8px;
  color: #25231d;
  font: 800 18px/1.45 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -.2px;
}

#serevendedor #wrapper .revendedor-faq .revendedor-faq__item p {
  margin: 0;
  color: #615d54;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0;
  text-align: left;
}

@media (max-width: 991px) {
  #serevendedor #wrapper .revendedor-faq { padding: 28px 28px 44px; }
}

@media (max-width: 575px) {
  #serevendedor #wrapper .revendedor-faq { padding: 26px 16px 36px; }
  #serevendedor .revendedor-faq h2 { margin-bottom: 26px; font-size: 28px; }
  .revendedor-faq__list { gap: 12px; }
  .revendedor-faq__item { padding: 20px 18px; }
  #serevendedor .revendedor-faq__item h3 { font-size: 16px; }
  #serevendedor #wrapper .revendedor-faq .revendedor-faq__item p { font-size: 16px; }
}

/* Invitación final para iniciar el primer pedido de temporada. */
#serevendedor #wrapper .revendedor-closing {
  width: 100%;
  padding: 0;
  background: #17150f;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  scroll-margin-top: 90px;
}

.revendedor-closing__panel {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 40px;
  text-align: center;
}

/* Mismo tramado y movimiento del bloque institucional del home. */
.revendedor-numbers,
.revendedor-closing {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.revendedor-numbers::before,
.revendedor-closing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('../../img/tramado-hero.webp') repeat;
  background-size: 300px 300px;
  opacity: .08;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .revendedor-numbers::before,
  .revendedor-closing::before {
    animation: moveTexture 60s linear infinite;
  }
}

#serevendedor .revendedor-closing h2 {
  max-width: 840px;
  margin: 0 auto 14px;
  color: #fff;
  font: 800 clamp(28px, 2.7vw, 36px)/1.2 "Manrope", "Inter", Arial, sans-serif;
  letter-spacing: -.8px;
  text-wrap: balance;
}

#serevendedor #wrapper .revendedor-closing p {
  max-width: 440px;
  margin: 0 auto 28px;
  color: #b8b5ac;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

#serevendedor .revendedor-closing__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  min-height: 46px;
  padding: 12px 24px;
  border: 1px solid #dedbd3;
  border-radius: 999px;
  background: #fff;
  color: #17150f;
  font: 800 15px/1.4 "Manrope", "Inter", Arial, sans-serif;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease;
}

#serevendedor .revendedor-closing__button:hover {
  border-color: #fdc425;
  background: #fdc425;
  color: #17150f;
}

#serevendedor .revendedor-closing__button:focus-visible {
  outline: 3px solid #fdc425;
  outline-offset: 5px;
}

#serevendedor #wrapper .revendedor-closing__button img {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  margin: 0;
  object-fit: contain;
  filter: brightness(0);
}

@media (max-width: 991px) {
  .revendedor-closing__panel { padding: 48px 28px; }
}

@media (max-width: 575px) {
  .revendedor-closing__panel { padding: 36px 20px; }
  #serevendedor .revendedor-closing h2 { font-size: 28px; }
  #serevendedor #wrapper .revendedor-closing p { margin-bottom: 24px; font-size: 16px; }
  #serevendedor .revendedor-closing__button { gap: 8px; padding: 12px 18px; font-size: 15px; }
}