/* CUSTOM */
li.optgroup {
    display: none;
}

.noUi-marker {
    display: none !important;
}

.teaser--show_more {
    padding: 0 0.20rem;
    cursor: pointer;
}

.teaser--hidden {
    display: none;
}

.buy-form__info {
    background: rgba(0, 0, 0, .05);
    border-radius: 10px;
    /*padding: 15px;*/
    margin-top: 15px;
    color: #000;

    display: flex;
    padding: 10px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.buy-form__info-content {
    flex: 1 0 0;
    /*color: var(--black, #000);*/
    /*font-family: Inter;*/
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.buy-form__info-img {
    display: flex;
    padding: 10px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    /*background: var(--green-dark, #B4E730);*/
}

.service-info__status {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 10px;
    background: var(--green, #C7F74A);
    margin-bottom: 2px;
}

.service-info__status-label {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.service-info__status-divider {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.service-info__status-text {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    .service-info__status {
        display: block;
    }

    .service-info__status-label {
        display: block;
    }

    .service-info__status-divider {
        display: none;
    }

    .service-info__status-text {
        display: block;
        margin-top: 5px;
    }
}

.service-wrapper-legacy .card-review__date {
    color: #667198;
    /*font-family: Inter;*/
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 10px;
}

.radio-payment__contact {
    text-decoration: underline;
}

.info-article figure {
    margin: 0 !important;
}
/*li.optgroup {*/
/*    display: none;*/
/*}*/

/*.noUi-marker {*/
/*    display: none !important;*/
/*}*/

/*.teaser--show_more {*/
/*    padding: 0 0.20rem;*/
/*    cursor: pointer;*/
/*}*/

/*.teaser--hidden {*/
/*    display: none;*/
/*}*/

/*.buy-form__info {*/
/*    background: rgba(0, 0, 0, .05);*/
/*    border-radius: 10px;*/
/*    !*padding: 15px;*!*/
/*    margin-top: 15px;*/
/*    color: #000;*/

/*    display: flex;*/
/*    padding: 10px;*/
/*    align-items: flex-start;*/
/*    gap: 10px;*/
/*    align-self: stretch;*/
/*}*/

/*.buy-form__info-content {*/
/*    flex: 1 0 0;*/
/*    !*color: var(--black, #000);*!*/
/*    !*font-family: Inter;*!*/
/*    font-size: 17px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: normal;*/
/*}*/

/*.buy-form__info-img {*/
/*    display: flex;*/
/*    padding: 10px;*/
/*    align-items: flex-start;*/
/*    gap: 10px;*/
/*    align-self: stretch;*/
/*    border-radius: 10px;*/
/*    !*background: var(--green-dark, #B4E730);*!*/
/*}*/

/*.service-info__status {*/
/*    display: flex;*/
/*    padding: 10px 20px;*/
/*    align-items: center;*/
/*    gap: 6px;*/
/*    align-self: stretch;*/
/*    border-radius: 10px;*/
/*    background: var(--green, #C7F74A);*/
/*    margin-bottom: 2px;*/
/*}*/

/*.service-info__status-label {*/
/*    color: #000;*/
/*    font-family: "Inter", sans-serif;*/
/*    font-size: 14px;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    line-height: normal;*/
/*    text-transform: uppercase;*/
/*}*/

/*.service-info__status-divider {*/
/*    color: #000;*/
/*    font-family: "Inter", sans-serif;*/
/*    font-size: 13px;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    line-height: normal;*/
/*    text-transform: uppercase;*/
/*}*/

/*.service-info__status-text {*/
/*    color: #000;*/
/*    font-family: "Inter", sans-serif;*/
/*    font-size: 14px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: normal;*/
/*    text-transform: uppercase;*/
/*}*/

/*@media screen and (max-width: 992px) {*/
/*    .service-info__status {*/
/*        display: block;*/
/*    }*/
/*    .service-info__status-label {*/
/*        display: block;*/
/*    }*/
/*    .service-info__status-divider {*/
/*        display: none;*/
/*    }*/
/*    .service-info__status-text {*/
/*        display: block;*/
/*        margin-top: 5px;*/
/*    }*/
/*}*/

/*.card-review__date {*/
/*    color: #667198;*/
/*    !*font-family: Inter;*!*/
/*    font-size: 15px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: normal;*/
/*    margin-left: 10px;*/
/*}*/

/*.radio-payment__contact {*/
/*    text-decoration: underline;*/
/*}*/

.card-promo_twt .card-promo__head{
    background: #1DA1F2;
}

.card-promo_twt .card-promo__head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* border-top: 2px solid #fff; */
    /* border-left: 2px solid #fff; */
    border-radius: inherit;
}
.card-promo_fb .card-promo__head{
    background: #4267B2;
}

.card-promo_fb .card-promo__head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* border-top: 2px solid #fff;
    border-left: 2px solid #fff; */
    border-radius: inherit;
}
.card-promo_twch .card-promo__head{
    background: #6441A5;
}

.card-promo_twch .card-promo__head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* border-top: 2px solid #fff;
    border-left: 2px solid #fff; */
    border-radius: inherit;
}
.card-promo_tg .card-promo__head{
    background: #24A1DE;
}
.card-promo_sc .card-promo__head{
    background: #FF5500;
}
.card-promo_thrds .card-promo__head{
    background: #111111;
}

.card-promo_tg .card-promo__head::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* border-top: 2px solid #fff;
    border-left: 2px solid #fff; */
    border-radius: inherit;
}
/*
@media screen and (max-width: 767px) {
} */
@media screen and (max-width: 468px) {
    .tabs-style_t2 .tabs-style__item {
        font-size: 13px;
        margin-right: 0;
        margin-bottom: 1rem;
        justify-content: center;
    }

    .tabs-style_t2 .tabs-style__inner {
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) {
    .card-promo__num {
        font-size: 40px;
    }
}

.blog-post-author__role {
    justify-content: flex-start !important;
}


/* add services block */

.service-section {
  background: #7a4af7;
  background: linear-gradient(135deg, #7a4af7 0%, #5a3ad7 100%);
  border-radius: 20px;
  overflow: hidden;
}

.service-bulb {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}

.service-details {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.service-details__left,
.service-details__right {
  flex: 1;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.service-details__left h3,
.service-details__right h3 {
  margin-bottom: 20px;
  color: #333;
}

.service-details__left p {
  color: #667198;
}

.service-details__list {
  font-size: 17px;
  color: #667198;
  list-style: none;
  padding: 0;
}

.service-details__list li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.service-details__list li::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%237a4af7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}

.service-details__button {
  text-align: center;
}

.btn_green {
  background: #c7f74a;
  color: #333;
  padding: 12px 30px;
  width: 300px;
  max-width: 100%;
  border-radius: 8px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  transition: background 0.3s ease, transform 0.2s ease;
}

.btn_green:hover {
  background: #b4e730;
  transform: translateY(-2px);
}

@media screen and (max-width: 991px) {
  .service-details {
    flex-direction: column;
    gap: 20px;
  }

  .service-details__left,
  .service-details__right {
    flex: none;
  }

  .btn_green {
    width: 100%;
  }
}


/* add latest articles from blog */


.blog-section {
  background: linear-gradient(135deg, #7a4af7 0%, #5a3ad7 100%);
  border-radius: 20px;
  overflow: hidden;
}

.blog-bulb {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}

.blog-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.blog-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.blog-card h3 {
  margin-bottom: 15px;
  color: #333;
}

.blog-card p {
  color: #667198;
  margin-bottom: 20px;
}

.btn_green {
  background: #c7f74a;
  color: #333;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  transition: background 0.3s ease, transform 0.2s ease;
}

.btn_green:hover {
  background: #b4e730;
  transform: translateY(-2px);
}

@media screen and (max-width: 991px) {
  .blog-cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .blog-card {
    padding: 15px;
  }
}

/* ===== Блог: списки в .article ===== */
/* Было display:flex + align-items:center — из-за этого жирный/курсив внутри пункта
   разлетались на отдельные flex-колонки. Делаем li обычным блоком, иконку-галку
   позиционируем абсолютно, чтобы текст (включая <strong>/<em>) тёк нормально. */
.article ul li {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
}

.article ul li::before {
  position: absolute;
  left: 0;
  top: 3px;
  margin-right: 0;
}

/* ===== Блог: картинки в .article ===== */
.article img {
  max-width: 100%;
  height: auto !important;   /* убивает фикс-высоту из редактора → нет искажения */
  border-radius: 10px;
  cursor: zoom-in;
}

.article figure {
  margin: 24px 0;
  width: auto !important;
}

.article figure img {
  display: block;
  margin: 0 auto;
}

.article figure figcaption {
  text-align: center;
  font-size: 14px;
  color: #667198;
  margin-top: 8px;
}

/* На мобилке контентные картинки во всю ширину, чтобы не были крошечными.
   !important — перебиваем инлайн style="width:Npx" из редактора. */
@media screen and (max-width: 767px) {
  .article img {
    width: 100% !important;
  }
}

/* ===== Блог: таблицы ===== */
/* Широкая таблица не должна ломать вёрстку — даём горизонтальный скролл.
   display:block + overflow-x:auto превращают .custom-table в скролл-контейнер
   (на голом <table> overflow сам по себе не работает). white-space:nowrap не даёт
   ячейкам переноситься, поэтому таблица сохраняет ширину и появляется скролл,
   а не схлопывание в кашу. Работает и если .custom-table — это сама таблица,
   и если это обёртка вокруг неё. */
.custom-table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.custom-table td,
.custom-table th {
  white-space: nowrap;
}

/* ===== Лайтбокс (увеличение картинки по клику) ===== */
.img-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.85);
  cursor: zoom-out;
}

.img-lightbox.is-open {
  display: flex;
}

.img-lightbox.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-lightbox img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.img-lightbox__close {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 10000;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 30px;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
}

.img-lightbox__close:hover {
  background: rgba(255, 255, 255, 0.35);
}


/* Separador de categoria (cuando el servicio tiene una sola categoria).
   Sustituye a la pastilla-tab para que no parezca un boton clicable. */
.service-choice__divider {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 460px;
  margin: 0 auto 20px;
}

.service-choice__divider::before,
.service-choice__divider::after {
  content: "";
  flex: 1;
  height: 2px;
  border-radius: 2px;
  background: #e6e6ef;
}

.service-choice__divider-text {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  white-space: nowrap;
}

.service-choice__divider-icon {
  max-width: 26px;
}

@media screen and (max-width: 767px) {
  .service-choice__divider {
    gap: 12px;
    margin-bottom: 16px;
  }

  .service-choice__divider-text {
    font-size: 16px;
  }

  .service-choice__divider-icon {
    max-width: 22px;
  }
}

/* ── Блок доверия: герой-рейтинг (только Review Score → Trustpilot) ── */
.trust-hero {
  justify-content: flex-start;
  gap: var(--sp-6);
  flex-wrap: wrap;
}

.trust-hero__score {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  color: inherit;
  text-decoration: none;
}

.trust-hero__num {
  font-weight: 800;
  font-size: var(--fs-3xl);
  line-height: 1;
  letter-spacing: -1px;
  color: #7a4af7;
}

.trust-hero__stars {
  margin-bottom: var(--sp-1);
}

.trust-hero__name {
  font-weight: 600;
  font-size: var(--fs-sm);
  color: #667198;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.trust-hero__score:hover .trust-hero__name {
  color: #7a4af7;
}

.trust-hero__divider {
  width: 1px;
  align-self: stretch;
  background: #dee4ed;
}

.trust-hero__right {
  flex: 1;
  min-width: 230px;
}

.trust-hero__title {
  font-weight: 700;
  font-size: var(--fs-xl);
  line-height: var(--lh-head);
  color: #000;
}

.trust-hero__title span {
  color: #7a4af7;
}

.trust-hero__title .trust-hero__lbl {
  color: inherit;
}

.trust-hero__note {
  margin-top: var(--sp-1);
  font-weight: 400;
  font-size: var(--fs-sm);
  color: #667198;
}

.trust-hero__btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  white-space: nowrap;
}

/* Кнопка-контур (вариант RA, 2026-10-15): не спорит с «Pagar» формы */
.trust-hero__btn.btn_blue {
  background: transparent;
  color: #7a4af7;
  box-shadow: inset 0 0 0 2px #7a4af7;
}

.trust-hero__btn.btn_blue:hover {
  background: #7a4af7;
  color: #fff;
}

.trust-hero__btn-icon {
  flex: none;
}

@media screen and (max-width: 767px) {
  .trust-hero {
    gap: var(--sp-4);
    /* штатные боковые отступы 50px съедают ширину на телефоне — ужимаем */
    padding-left: 18px;
    padding-right: 18px;
  }

  .trust-hero__right {
    min-width: 0;
    flex-basis: 100%;
  }

  .trust-hero__divider {
    display: none;
  }

  .trust-hero__btn {
    width: 100%;
    justify-content: center;
  }
}


/* Рейтинг на сетке 12 колонок (DESIGN.md §3a, 2026-10-15): «4,8» — 3 колонки, клиенты — 5, кнопка — 4 (над сроком и панелью оплаты формы v2).
   Разделитель — посередине промежутка между колонками 3 и 4. */
@media screen and (min-width: 992px) {
  .trust-hero {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }
  /* колонки = колонки страницы (2026-10-16), отступ 50 только у внешних краёв */
  .trust-hero__score { grid-column: span 3; padding-left: 50px; }
  .trust-hero__divider { display: none; }
  .trust-hero__right { grid-column: span 5; min-width: 0; position: relative; }
  .trust-hero__right::before { content: ""; position: absolute; left: -12px; top: 0; bottom: 0; border-left: 1px solid #dee4ed; }
  .trust-hero__btn { grid-column: span 4; justify-content: center; margin-right: 50px; }
}
@media screen and (max-width: 767px) {
  .trust-hero { padding-left: 24px; padding-right: 24px; }
}
@media screen and (max-width: 479px) {
  .trust-hero { padding-left: 16px; padding-right: 16px; }
}
/* Рейтинг на телефоне (вариант G4a, 2026-10-15): пара «4,8 | 53.421» по сетке 4 колонки (по 2 на половину, разделитель
   посередине промежутка), числа 2xl на одной линии, звёзды и подпись — общей второй строкой; ниже светлая плашка
   «Pedido reciente» (.trust-live, вместо бегущей зелёной плашки hero — она на телефоне скрыта) и кнопка-контур на отзывы. */
.trust-live, .trust-hero__btn-m { display: none; }
@media screen and (max-width: 767px) {
  .trust-hero { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--sp-4); row-gap: 0; align-items: start; padding-top: var(--sp-6); padding-bottom: var(--sp-6); }
  .trust-hero__score { grid-column: span 2; flex-direction: column; align-items: flex-start; gap: var(--sp-1); }
  .trust-hero__score-info { height: 20px; display: flex; align-items: center; }
  .trust-hero__stars { margin: 0; }
  .trust-hero__name, .trust-hero__note { display: none; }
  .trust-hero__num { font-size: var(--fs-2xl); line-height: var(--lh-tight); letter-spacing: 0; }
  .trust-hero__right { grid-column: span 2; position: relative; flex-basis: auto; }
  .trust-hero__right::before { content: ""; position: absolute; left: calc(var(--sp-4) / -2); top: 0; bottom: 0; border-left: 1px solid #dee4ed; }
  .trust-hero__title { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-1); font-size: var(--fs-2xl); line-height: var(--lh-tight); font-weight: 800; }
  .trust-hero__title .trust-hero__lbl { height: 20px; display: flex; align-items: center; font-size: var(--fs-sm); line-height: var(--lh-head); font-weight: 400; color: #667198; }
  .trust-live { order: 1; grid-column: 1 / -1; display: flex; align-items: center; gap: var(--sp-3); margin-top: var(--sp-3); padding: var(--sp-2) var(--sp-3); background: #F5F1FF; border-radius: var(--r-sm); }
  .trust-live__ic { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #7a4af7; display: flex; align-items: center; justify-content: center; }
  .trust-live__list { position: relative; flex: 1; min-width: 0; height: calc(var(--fs-xs) * 1.25 + var(--fs-sm) * 1.25); overflow: hidden; }
  .trust-live__item { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; opacity: 0; transform: translateY(100%); transition: transform .5s, opacity .5s; }
  .trust-live__item.is-on { opacity: 1; transform: none; }
  .trust-live__item.is-out { opacity: 0; transform: translateY(-100%); }
  .trust-live__item small, .trust-live__item b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-head); }
  .trust-live__item small { font-size: var(--fs-xs); color: #667198; }
  .trust-live__item b { font-size: var(--fs-sm); color: #141533; }
  .trust-hero__btn { order: 2; grid-column: 1 / -1; width: 100%; height: 40px; min-height: 0; margin-top: var(--sp-3); padding: 0 var(--sp-4); font-size: var(--fs-sm); }
  .trust-hero__btn-d { display: none; }
  .trust-hero__btn-m { display: inline; }
  .service-info-stats .head-stats-item_likes { display: none; }
}
@media (prefers-reduced-motion: reduce) { .trust-live__item { transition: none; } }
@media screen and (max-width: 479px) {
  .trust-hero { padding-top: var(--sp-4); padding-bottom: var(--sp-4); }
}

/* ===== Шкала дизайна (DESIGN.md §3): 8 размеров шрифта, отступы кратны 4/8, 4 скругления. Новые блоки пишем только через эти переменные ===== */
:root {
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 30px; --fs-3xl: 40px; --fs-h1: 64px;
  --lh-tight: 1.15; --lh-head: 1.25; --lh-text: 1.55;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px;
  --r-sm: 10px; --r-md: 14px; --r-pill: 99px; --r-icon: 28%;
}
@media (max-width: 767px) { :root { --fs-xl: 20px; --fs-2xl: 24px; --fs-3xl: 30px; --fs-h1: 36px; } }

/* ===== Первый экран главной (редизайн 2026-10, вариант B): .hero2 в index.html.twig ===== */
.hero2 {
  position: relative;
  overflow: hidden;
  border-radius: var(--r-sm);
  background: #F2F8FF;
  padding: 56px 24px 48px;
  text-align: center;
  color: #141533;
}
.hero2::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(122, 74, 247, .18) 1.2px, transparent 1.2px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 30%, transparent 75%);
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 30%, transparent 75%);
  pointer-events: none;
}
.hero2 > * { position: relative; }
.hero2__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-3);
  background: #fff;
  border: 1px solid rgba(20, 21, 51, .08);
  box-shadow: 0 4px 14px rgba(20, 21, 51, .06);
  border-radius: var(--r-pill);
  padding: 7px 16px 7px 7px;
  font-weight: 500;
  font-size: var(--fs-sm);
  margin-bottom: 26px;
}
.hero2__badge b { background: #7A4AF7; color: #fff; border-radius: var(--r-pill); padding: 4px 11px; font-size: var(--fs-sm); font-weight: 700; }
.hero2__title {
  font-size: var(--fs-h1);
  line-height: 1.1;
  letter-spacing: -.04em;
  font-weight: 700;
  color: #141533;
  max-width: 1100px;
  margin: 0 auto;
}
.hero2__mk { background: linear-gradient(transparent 58%, #C7F74A 58%, #C7F74A 92%, transparent 92%); padding: 0 .06em; }
.hero2__pl {
  display: inline-flex;
  align-items: center;
  gap: .22em;
  border: 3px solid currentColor;
  border-radius: var(--r-pill);
  padding: 0 .32em 0 .12em;
  font-size: .82em;
  vertical-align: .04em;
  line-height: 1.15;
  white-space: nowrap;
}
.hero2__pl i { display: inline-grid; place-items: center; width: .95em; height: .95em; border-radius: 50%; }
.hero2__pl svg { width: 58%; height: 58%; fill: #fff; }
.hero2__ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.hero2__tt { background: #000; }
.hero2__text {
  margin: 28px auto 0;
  max-width: 820px;
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: #667198;
}
.hero2__text strong { color: #141533; font-weight: 700; }
.hero2__proof {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--sp-4) var(--sp-6);
}
.hero2__clients { display: inline-flex; align-items: center; gap: var(--sp-3); color: #667198; font-weight: 500; }
.hero2__clients b { color: #141533; }
.hero2__av { display: flex; padding-left: 8px; }
.hero2__av img { width: 34px; height: 34px; margin-left: -8px; border-radius: 50%; border: 2px solid #F2F8FF; object-fit: cover; }
.hero2__tp {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-3);
  background: #fff;
  border: 1px solid rgba(20, 21, 51, .1);
  border-radius: var(--r-md);
  padding: 8px 14px;
  color: #141533;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(20, 21, 51, .05);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.hero2__tp:hover { border-color: #7A4AF7; box-shadow: 0 6px 18px rgba(122, 74, 247, .18); transform: translateY(-1px); color: #141533; }
/* звёзды-квадраты в цветах бренда; пятая закрашена на 80% (4,8 из 5) */
.hero2__tp-stars { display: inline-flex; gap: 4px; }
.hero2__tp-stars i { width: 22px; height: 22px; border-radius: 5px; background: #7A4AF7; display: grid; place-items: center; }
.hero2__tp-stars i.part { background: linear-gradient(90deg, #7A4AF7 80%, #d9d3f5 80%); }
.hero2__tp-stars svg { width: 15px; height: 15px; fill: #C7F74A; }
.hero2__tp > b { font-size: var(--fs-md); }
.hero2__tp-go { color: #7A4AF7; font-weight: 600; font-size: var(--fs-sm); border-left: 1px solid #e6e9f2; padding-left: 10px; }
.hero2__pays { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-3); margin-top: 26px; list-style: none; padding: 0; }
/* плашки оплаты одного размера, логотип вписан по центру */
.hero2__pays li { width: 72px; height: 40px; background: #fff; border-radius: var(--r-sm); box-shadow: 0 1px 3px rgba(20, 21, 51, .08); display: flex; align-items: center; justify-content: center; padding: 0 9px; }
.hero2__pays img { max-width: 100%; max-height: 22px; width: auto; height: auto; display: block; object-fit: contain; }
@media (max-width: 767px) {
  .hero2 { padding: 36px 14px 32px; }
  .hero2__pl { border-width: 2px; }
  .hero2__badge { font-size: var(--fs-sm); margin-bottom: 20px; }
  .hero2__text { margin-top: 20px; }
  .hero2__proof { flex-direction: column; gap: var(--sp-4); }
  .hero2__clients { gap: var(--sp-3); }
  .hero2__tp { gap: var(--sp-2); padding: 8px 12px; }
  .hero2__tp-stars i { width: 18px; height: 18px; border-radius: 4px; }
  .hero2__tp-stars svg { width: 12px; height: 12px; }
  .hero2__tp > b { font-size: var(--fs-sm); }
  .hero2__tp-go { font-size: var(--fs-sm); padding-left: 8px; white-space: nowrap; }
  .hero2__pays { gap: var(--sp-2); }
  .hero2__pays li { width: 56px; height: 34px; padding: 0 7px; }
  .hero2__pays img { max-height: 18px; }
}
@media (max-width: 350px) {
  .hero2__tp { gap: var(--sp-2); padding: 7px 9px; }
  .hero2__tp-stars { gap: 2px; }
  .hero2__tp-stars i { width: 16px; height: 16px; }
  .hero2__tp-go { font-size: var(--fs-xs); padding-left: 6px; }
}

/* ===== Каталог услуг на главной: аккордеон .hacc (index.html.twig, анимация — js/home-acc.js) ===== */
.hacc { --spring: cubic-bezier(.34, 1.56, .64, 1); --smooth: cubic-bezier(.22, 1, .36, 1); margin-top: 6px; }
.hacc__net { background: #C7F74A; border-radius: var(--r-md); margin-bottom: 6px; transition: box-shadow .4s var(--smooth); }
.hacc__net[open] { box-shadow: 0 14px 30px rgba(20, 21, 51, .22); }
.hacc__head { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--sp-4); padding: 14px 20px; -webkit-tap-highlight-color: transparent; user-select: none; }
.hacc__head::-webkit-details-marker { display: none; }
.hacc__head:focus { outline: none; }
.hacc__head:focus-visible { outline: 3px solid #141533; outline-offset: 2px; border-radius: var(--r-md); }
.hacc__logo { width: 44px; height: 44px; flex: none; transition: transform .5s var(--spring); }
.hacc__net[open] .hacc__logo { transform: scale(1.08) rotate(-6deg); }
.hacc__title { display: flex; flex-direction: column; }
.hacc__title b { font-size: var(--fs-xl); font-weight: 700; color: #141533; }
.hacc__title small { color: #4a5a1a; font-size: var(--fs-sm); font-weight: 500; }
.hacc__btn { margin-left: auto; width: 38px; height: 38px; flex: none; border-radius: var(--r-md); background: #141533; position: relative; transition: transform .45s var(--spring), background .35s; }
.hacc__head:active .hacc__btn { transform: scale(.88); }
.hacc__btn i { position: absolute; left: 50%; top: 50%; width: 15px; height: 2.6px; border-radius: 2px; background: #fff; transform: translate(-50%, -50%); transition: transform .5s var(--spring), opacity .3s; }
.hacc__btn i + i { transform: translate(-50%, -50%) rotate(90deg); }
.hacc__net[open] .hacc__btn { background: #7A4AF7; transform: rotate(180deg); }
.hacc__net[open] .hacc__head:active .hacc__btn { transform: rotate(180deg) scale(.88); }
.hacc__net[open] .hacc__btn i + i { transform: translate(-50%, -50%) rotate(0deg); opacity: 0; }
.hacc__body { overflow: hidden; }
.hacc__list { list-style: none; margin: 0; padding: 0 14px 16px; display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 1fr; gap: var(--sp-2); }
.hacc__list li { display: flex; }
/* плитки «всплывают» по очереди; без JS (класс .hacc_js не стоит) видны сразу */
.hacc_js .hacc__list li { opacity: 0; transform: translateY(10px) scale(.96); }
.hacc_js .hacc__net.is-shown .hacc__list li { opacity: 1; transform: none; transition: opacity .35s ease, transform .45s var(--spring); transition-delay: calc(var(--i) * 35ms); }
.hacc__list a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-3); text-align: center; background: #fff; border-radius: var(--r-md); padding: 14px 6px; min-height: 112px; color: #141533; font-weight: 600; font-size: var(--fs-sm); line-height: 1.2; text-decoration: none; transition: transform .2s var(--smooth), box-shadow .2s; }
.hacc__list a:hover { box-shadow: 0 6px 16px rgba(122, 74, 247, .2); color: #141533; }
.hacc__list a:active { transform: scale(.95); }
/* иконка услуги (DESIGN.md): светлая плашка + символ Solar Bold Duotone из спрайта images/svc.svg; при наведении — фиолетовая плашка, лаймовый символ */
.hacc__ic { width: 52px; height: 52px; border-radius: var(--r-icon); display: grid; place-items: center; background: #ECE6FE; color: #7A4AF7; transition: background .3s, color .3s, transform .45s var(--spring); }
.hacc__ic svg { width: 58%; height: 58%; display: block; transition: transform .45s var(--spring); }
.hacc__list a:hover .hacc__ic { background: #7A4AF7; color: #C7F74A; transform: translateY(-2px); }
.hacc__list a:hover .hacc__ic svg { transform: scale(1.1); }
.hacc__list a { position: relative; }
.hacc__name .hs-badge { position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin: 0; border-radius: 0 0 var(--r-sm) var(--r-sm) !important; } /* «no disponible» — лентой, свисающей с верхнего края плитки: не сдвигает значок и название */
.hacc__list a.hs-off .hacc__name { color: rgba(20, 21, 51, .5); }
.hacc__list a.hs-off .hacc__ic { opacity: .5; filter: grayscale(1); }
@media (max-width: 991px) { .hacc__list { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 767px) {
  .hacc__head { padding: 12px 14px; gap: var(--sp-3); }
  .hacc__logo { width: 40px; height: 40px; }
  .hacc__title b { font-size: var(--fs-lg); }
  .hacc__title small { font-size: var(--fs-xs); }
  .hacc__btn { width: 34px; height: 34px; }
  .hacc__list { grid-template-columns: repeat(3, 1fr); gap: var(--sp-2); padding: 0 10px 12px; }
  .hacc__list a { min-height: 96px; padding: 12px 4px; font-size: var(--fs-xs); gap: var(--sp-2); }
  .hacc__ic { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .hacc *, .hacc__net { transition: none !important; animation: none !important; }
}

/* ===== «Hablan de nosotros» (index.html.twig, .press). Логотипы images/press/* перекрашиваются через mask-image ===== */
.press-wrap { margin: 26px auto 22px; }
.press { padding: 6px 0; overflow: hidden; }
.press__title { display: flex; align-items: center; gap: var(--sp-4); margin: 0 0 14px; padding: 0 24px; }
.press__ln { flex: 1; height: 1px; background: rgba(255, 255, 255, .35); }
.press__h { font-size: var(--fs-sm); line-height: 1.3; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: rgba(255, 255, 255, .9); white-space: nowrap; }

.press__mq { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.press__track { display: flex; align-items: center; width: max-content; padding: 8px 0; animation: press-mq 40s linear infinite; }
.press__mq:hover .press__track { animation-play-state: paused; }
@keyframes press-mq { to { transform: translateX(-33.3333%); } }
/* со скриптом js/press-mq.js лента едет скриптом и тянется пальцем/мышью */
.press__mq_js { touch-action: pan-y; cursor: grab; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.press__mq_js:active { cursor: grabbing; }
.press__mq_js .press__track { animation: none; will-change: transform; }
.press__i { display: block; margin-right: 56px; color: rgba(255, 255, 255, .85); transition: color .25s, transform .25s; }
.press__i:hover, .press__i:focus-visible { color: #C7F74A; transform: translateY(-2px); outline: none; }
.press__lg { display: block; background: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.press__lg_eldiario { -webkit-mask-image: url("../images/press/eldiario.svg"); mask-image: url("../images/press/eldiario.svg"); width: 162.2px; height: 22.2px; }
.press__lg_europapress { -webkit-mask-image: url("../images/press/europapress.svg"); mask-image: url("../images/press/europapress.svg"); width: 172.7px; height: 20.8px; }
.press__lg_elespectador { -webkit-mask-image: url("../images/press/elespectador.svg"); mask-image: url("../images/press/elespectador.svg"); width: 153.1px; height: 23.5px; }
.press__lg_elpais { -webkit-mask-image: url("../images/press/elpais.svg"); mask-image: url("../images/press/elpais.svg"); width: 118.4px; height: 30.4px; }
.press__lg_latercera { -webkit-mask-image: url("../images/press/latercera.svg"); mask-image: url("../images/press/latercera.svg"); width: 161.8px; height: 22.2px; }
.press__lg_lasillarota { -webkit-mask-image: url("../images/press/lasillarota.svg"); mask-image: url("../images/press/lasillarota.svg"); width: 141.4px; height: 25.5px; }
.press__lg_perfil { -webkit-mask-image: url("../images/press/perfil.svg"); mask-image: url("../images/press/perfil.svg"); width: 126.8px; height: 28.4px; }
.press__lg_eldestape { -webkit-mask-image: url("../images/press/eldestape.png"); mask-image: url("../images/press/eldestape.png"); width: 112.4px; height: 32.0px; }
.press__lg_diariodenavarra { -webkit-mask-image: url("../images/press/diariodenavarra.png"); mask-image: url("../images/press/diariodenavarra.png"); width: 213.8px; height: 16.8px; }
@media (max-width: 767px) { .press__i { margin-right: 40px; } .press__lg { transform: scale(.85); } .press__title { padding: 0 16px; gap: var(--sp-3); } .press__h { font-size: var(--fs-xs); letter-spacing: .14em; } }
@media (prefers-reduced-motion: reduce) { .press__track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; } .press__track .press__i[aria-hidden] { display: none; } .press__mq { -webkit-mask-image: none; mask-image: none; } }

/* ===== «Por qué 100seguidores» (index.html.twig, .why; JS — js/why-pay.js). Зигзаг строк, плоские иллюстрации, оплата по странам ===== */
.why { margin-top: 6px; }
.why__in { background: #F2F8FF; border-radius: var(--r-sm); padding: 40px 24px; display: flex; flex-direction: column; gap: var(--sp-2); color: #141533; }
.why__title { margin: 0 0 18px; text-align: center; font-size: var(--fs-3xl); line-height: 1.15; letter-spacing: -.035em; font-weight: 700; }
.why__mk { background: linear-gradient(transparent 58%, #C7F74A 58%, #C7F74A 92%, transparent 92%); padding: 0 .06em; }
.why__eb { display: block; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #7A4AF7; margin-bottom: 8px; }
.why__h3 { margin: 0; font-size: var(--fs-2xl); line-height: 1.2; letter-spacing: -.025em; font-weight: 700; }
.why__txt { min-width: 0; }
.why__txt > p { margin: 10px 0 0; color: #667198; font-size: var(--fs-md); line-height: 1.55; max-width: 56ch; }
.why__txt > p b { color: #141533; font-weight: 700; }
.why__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--sp-12); align-items: center; padding: 24px; background: #fff; border-radius: var(--r-md); }
.why__row_r .why__pic { order: 2; }
.why__pic img { display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; }
/* гарантия: сравнение 90/30 */
.why__cmp { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: 26px; }
.why__gc { display: flex; align-items: center; gap: var(--sp-3); background: #F2F8FF; border-radius: var(--r-md); padding: 12px 18px 12px 14px; }
.why__gc { border: 2px solid #7A4AF7; background: #fff; }
.why__gc strong { font-size: var(--fs-3xl); line-height: 1; letter-spacing: -.04em; color: #7A4AF7; }
.why__gc span { font-size: var(--fs-sm); line-height: 1.35; color: #141533; }
.why__gc_big { background: #C7F74A; border-color: #C7F74A; position: relative; }
.why__tag { position: absolute; top: -11px; left: 14px; font-style: normal; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: #7A4AF7; color: #fff; border-radius: var(--r-pill); padding: 3px 9px; }
.why__gc_big strong { font-size: var(--fs-3xl); color: #141533; }
.why__gc_big span, .why__gc_big b { color: #141533; }
/* шаги */
.why__steps { background: #fff; border-radius: var(--r-md); padding: 28px 24px; display: flex; flex-direction: column; gap: var(--sp-4); }
.why__steps-h { text-align: center; }
.why__ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3); }
.why__ol li { background: #F2F8FF; border-radius: var(--r-md); padding: 20px 18px 22px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--sp-2); }
.why__ol img { width: 100%; max-width: 200px; height: auto; aspect-ratio: 1; object-fit: contain; margin-bottom: 6px; }
.why__ol b { font-size: var(--fs-lg); }
.why__ol span { color: #667198; font-size: var(--fs-sm); line-height: 1.45; max-width: 30ch; }
.why__adv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-2); }
.why__adv > div { background: #ECE6FE; border-radius: var(--r-md); padding: 14px 16px; }
.why__adv b { font-size: var(--fs-lg); }
.why__adv p { margin: 4px 0 0; color: #667198; font-size: var(--fs-sm); line-height: 1.45; }
/* оплата */
.why__row_pay { grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr); gap: var(--sp-6); }
.why__tabs { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin: 18px 0 10px; }
.why__tab { display: inline-flex; align-items: center; gap: var(--sp-2); border: 1px solid #DCE2F2; background: #fff; border-radius: var(--r-pill); padding: 6px 14px 6px 6px; font: 700 14px Inter, sans-serif; color: #141533; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.why__tab img { width: 22px; height: 22px; border-radius: 50%; }
.why__tab:hover { border-color: #7A4AF7; }
.why__tab.is-on { background: #7A4AF7; border-color: #7A4AF7; color: #fff; }
.why__pane { display: none; background: #F2F8FF; border-radius: var(--r-md); padding: 10px; overflow-x: auto; }
.why__pane.is-on { display: block; }
.why__chips { display: flex; gap: var(--sp-2); width: max-content; }
.why__pane_mq { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.why__track { display: flex; gap: var(--sp-2); width: max-content; will-change: transform; }
.why__pane_mq { touch-action: pan-y; cursor: grab; -webkit-user-select: none; user-select: none; }
.why__pane_mq:active { cursor: grabbing; }
.why__lc { width: 96px; height: 46px; background: #fff; border: 1px solid #DCE2F2; border-radius: var(--r-sm); display: flex; align-items: center; justify-content: center; padding: 0 12px; flex: none; }
.why__lm { display: block; max-width: 100%; background: #667198; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: background .2s; }
.why__lc:hover .why__lm { background: #7A4AF7; }
.why__seo { margin-top: 14px; border-top: 1px solid #DCE2F2; padding-top: 10px; }
.why__seo summary { cursor: pointer; color: #7A4AF7; font-weight: 700; font-size: var(--fs-sm); list-style: none; display: inline-flex; align-items: center; gap: var(--sp-2); }
.why__seo summary::-webkit-details-marker { display: none; }
.why__seo summary::after { content: "+"; width: 20px; height: 20px; border-radius: 6px; background: #ECE6FE; display: grid; place-items: center; }
.why__seo[open] summary::after { content: "−"; }
.why__seo p { margin: 8px 0 0; color: #667198; font-size: var(--fs-sm); line-height: 1.65; max-width: 70ch; }
.why__seo b { color: #141533; font-weight: 700; }
/* мелкие пункты */
.why__sml { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-2); margin-top: 8px; }
.why__si { display: flex; align-items: center; gap: var(--sp-4); background: #fff; border-radius: var(--r-md); padding: 14px 16px; }
.why__si img { width: 64px; height: 64px; flex: none; }
.why__si > div { min-width: 0; }
.why__si b { display: block; font-size: var(--fs-lg); }
.why__si span { display: block; color: #667198; font-size: var(--fs-sm); line-height: 1.4; margin-top: 3px; }
@media (max-width: 1100px) { .why__sml { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 980px) {
  .why__row, .why__row_pay { grid-template-columns: 1fr; gap: var(--sp-4); padding: 22px; }
  .why__row_r .why__pic { order: 0; }
  .why__pic img { max-height: 240px; }
  .why__ol { grid-template-columns: 1fr; }
  /* шаг на телефоне: картинка слева, справа столбиком название и описание */
  .why__ol li { display: grid; grid-template-columns: 76px 1fr; column-gap: var(--sp-4); row-gap: var(--sp-1); align-items: center; text-align: left; padding: var(--sp-4); }
  .why__ol img { grid-row: span 2; width: 76px; max-width: 76px; margin: 0; align-self: center; }
  .why__ol li b { align-self: end; }
  .why__ol li span { align-self: start; max-width: none; }
}
@media (max-width: 600px) {
  .why__in { padding: 28px 12px; }
  .why__row, .why__row_pay, .why__steps { padding: 16px; }
  .why__adv, .why__sml { grid-template-columns: 1fr; }
  .why__lc { width: 84px; height: 42px; padding: 0 9px; }
  .why__si img { width: 52px; height: 52px; }
}
.why__lm_visa { -webkit-mask-image: url("../images/pay/visa.png"); mask-image: url("../images/pay/visa.png"); width: 74.0px; height: 24.0px; }
.why__lm_mastercard { -webkit-mask-image: url("../images/pay/mastercard.png"); mask-image: url("../images/pay/mastercard.png"); width: 51.2px; height: 32.0px; }
.why__lm_applepay { -webkit-mask-image: url("../images/pay/applepay.png"); mask-image: url("../images/pay/applepay.png"); width: 50.0px; height: 32.0px; }
.why__lm_googlepay { -webkit-mask-image: url("../images/pay/googlepay.png"); mask-image: url("../images/pay/googlepay.png"); width: 70.6px; height: 28.3px; }
.why__lm_bitcoin { -webkit-mask-image: url("../images/pay/bitcoin.png"); mask-image: url("../images/pay/bitcoin.png"); width: 32.0px; height: 32.0px; }
.why__lm_oxxo { -webkit-mask-image: url("../images/pay/oxxo.png"); mask-image: url("../images/pay/oxxo.png"); width: 74.0px; height: 24.8px; }
.why__lm_spei { -webkit-mask-image: url("../images/pay/spei.png"); mask-image: url("../images/pay/spei.png"); width: 74.0px; height: 24.8px; }
.why__lm_pse { -webkit-mask-image: url("../images/pay/pse.png"); mask-image: url("../images/pay/pse.png"); width: 32.0px; height: 32.0px; }
.why__lm_efecty { -webkit-mask-image: url("../images/pay/efecty.png"); mask-image: url("../images/pay/efecty.png"); width: 74.0px; height: 19.6px; }
.why__lm_webpay { -webkit-mask-image: url("../images/pay/webpay.png"); mask-image: url("../images/pay/webpay.png"); width: 74.0px; height: 17.6px; }
.why__lm_pagofacil { -webkit-mask-image: url("../images/pay/pagofacil.png"); mask-image: url("../images/pay/pagofacil.png"); width: 32.0px; height: 32.0px; }
.why__lm_rapipago { -webkit-mask-image: url("../images/pay/rapipago.png"); mask-image: url("../images/pay/rapipago.png"); width: 74.0px; height: 16.4px; }
.why__lm_bcp { -webkit-mask-image: url("../images/pay/bcp.png"); mask-image: url("../images/pay/bcp.png"); width: 74.0px; height: 18.8px; }
.why__lm_pagoefectivo { -webkit-mask-image: url("../images/pay/pagoefectivo.png"); mask-image: url("../images/pay/pagoefectivo.png"); width: 74.0px; height: 10.0px; }
/* Ряд логотипов оплаты на странице услуги (partials/_payments.html.twig): местные способы страны посетителя, маски в фирменных цветах */
/* На телефоне весь ряд — одной строкой: логотипы меньше и при нехватке места сжимаются пропорционально */
@media (max-width: 767px) {
  .service-info__payments { margin: 0 -5px -10px; flex-wrap: nowrap; align-items: center; }
  .service-info__payments li { margin: 0 5px 10px; align-items: center; flex: 0 1 auto; min-width: 0; }
  .service-info__payments img { height: 18px; width: auto; max-width: 100%; object-fit: contain; }
  .service-info__payments .pay-lg { max-width: 100%; zoom: .7; }
}
.service-info__payments li[hidden] { display: none; }
.pay-lg { display: block; height: 25px; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; background: var(--c); }
.pay-lg_oxxo { --m: url("../images/pay/oxxo.png"); --c: #E1251B; width: 75px; }
.pay-lg_spei { --m: url("../images/pay/spei.png"); --c: #1C3F7A; width: 75px; }
.pay-lg_pse { --m: url("../images/pay/pse.png"); --c: #0050A0; width: 25px; }
.pay-lg_efecty { --m: url("../images/pay/efecty.png"); --c: #1D1D1B; width: 76px; height: 20px; margin-top: 2px; }
.pay-lg_webpay { --m: url("../images/pay/webpay.png"); --c: #D5006D; width: 80px; height: 19px; margin-top: 3px; }
.pay-lg_pagofacil { --m: url("../images/pay/pagofacil.png"); --c: #00539F; width: 25px; }
.pay-lg_rapipago { --m: url("../images/pay/rapipago.png"); --c: #E30613; width: 81px; height: 18px; margin-top: 3px; }
.pay-lg_bcp { --m: url("../images/pay/bcp.png"); --c: #002A8D; width: 78px; height: 20px; margin-top: 2px; }
.pay-lg_pagoefectivo { --m: url("../images/pay/pagoefectivo.png"); --c: #1D1D1B; width: 96px; height: 13px; margin-top: 6px; }
/* Шаг оплаты: местные способы Payssion (partials/_payment_type.html.twig) — те же цветные маски .pay-lg, что в ряду логотипов страницы */
/* все способы, кроме карты (у неё много значков), — в одну строку: название слева, логотип справа */
.radio-payment_line .radio-payment__content { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px; }
.radio-payment_line .radio-payment__name { width: auto; margin: 0; padding: 13px 0 13px 40px; white-space: nowrap; }
.radio-payment_line .radio-payment__logos { flex-wrap: nowrap; padding: 0 12px 0 0; }
@media (max-width: 599px) {
  .radio-payment_line .radio-payment__logos img { height: 17px; margin: 0 0 0 6px; }
  .radio-payment_line .radio-payment__name { min-width: 0; white-space: normal; line-height: 1.3; }
}
.radio-payment[hidden] { display: none; }
.radio-payment__logos .pay-lg { margin: 4px 7px; zoom: .8; }
@media (max-width: 599px) { .radio-payment__logos .pay-lg { margin: 0; } }

/* ===== Страница 404 (helpers/page_404.html.twig) ===== */
.e404 { background: #F2F8FF; border-radius: var(--r-sm); padding: 40px 24px 48px; text-align: center; color: #141533; margin-bottom: 40px; }
.e404__img { display: block; width: 100%; max-width: 360px; height: auto; margin: 0 auto; }
.e404__code { margin: 8px 0 0; font-size: var(--fs-sm); font-weight: 700; letter-spacing: .14em; color: #7A4AF7; }
.e404__title { margin: 6px 0 0; font-size: var(--fs-3xl); line-height: 1.1; letter-spacing: -.04em; font-weight: 700; color: #141533; }
.e404__mk { background: linear-gradient(transparent 58%, #C7F74A 58%, #C7F74A 92%, transparent 92%); padding: 0 .06em; }
.e404__text { margin: 16px auto 0; max-width: 560px; font-size: var(--fs-md); line-height: 1.55; color: #667198; }
.e404__btn { display: inline-flex; margin-top: 26px; background: #7A4AF7; color: #fff; border-radius: var(--r-md); padding: 15px 28px; font-weight: 700; font-size: var(--fs-md); text-decoration: none; transition: background .2s, transform .2s; }
.e404__btn:hover { background: #5222CF; color: #fff; transform: translateY(-2px); }
.e404__links { list-style: none; margin: 28px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-2); max-width: 760px; }
.e404__links a { display: inline-block; background: #fff; border: 1px solid #DCE2F2; border-radius: var(--r-pill); padding: 9px 16px; font-weight: 500; font-size: var(--fs-sm); color: #141533; text-decoration: none; transition: border-color .2s, color .2s; }
.e404__links a:hover { border-color: #7A4AF7; color: #7A4AF7; }
@media (max-width: 600px) { .e404 { padding: 28px 14px 36px; } }
/* «Por qué» на телефоне: без общей бледной подложки — белые карточки прямо на фиолетовом фоне */
@media (max-width: 600px) {
  .why__in { background: none; padding: var(--sp-6) 0 0; gap: var(--sp-2); }
  /* заголовок — бледная шапка первой карточки (гарантия), плавно перетекает в белый, без шва */
  .why__title { color: #141533; background: #ECE6FE; border-radius: var(--r-md) var(--r-md) 0 0; padding: var(--sp-6) var(--sp-4) var(--sp-2); margin: 0 0 calc(-1 * var(--sp-2)); }
  .why__h3 { font-size: var(--fs-xl); }  /* H3 внутри раздела на телефоне — заметно меньше H2 раздела (30 → 20) */
  .why__title + .why__row { border-radius: 0 0 var(--r-md) var(--r-md); background: linear-gradient(#ECE6FE 0, #fff 120px); }
  .why__row, .why__row_pay, .why__steps { padding: var(--sp-6) var(--sp-4); border-radius: var(--r-md); }
  .why__cmp { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-2); margin-top: var(--sp-6); }
  .why__gc { padding: var(--sp-3); gap: var(--sp-2); flex-direction: column; align-items: flex-start; }
  .why__gc strong { font-size: var(--fs-2xl); }
  .why__gc span { font-size: var(--fs-sm); }
}
/* «Por qué»: 5 мелких пунктов — 3 + 2 на компе, 2 в ряд на планшете (последний во всю ширину), столбик на телефоне */
.why__sml { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.why__si { grid-column: span 2; }
.why__si:nth-child(n+4) { grid-column: span 3; }
@media (max-width: 1100px) { .why__sml { grid-template-columns: repeat(2, minmax(0, 1fr)); } .why__si, .why__si:nth-child(n+4) { grid-column: auto; } .why__si:last-child { grid-column: 1 / -1; } }
@media (max-width: 600px) { .why__sml { grid-template-columns: 1fr; } .why__si:last-child { grid-column: auto; } }

/* ===== Карточки услуг на главной (.svc, вариант E2): плитки; цены и сроки из данных; JS — js/svc-card.js ===== */
.svc { margin-top: var(--sp-12); }
.svc__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-2); color: #141533; }
.svc__grid > * { background: #fff; border-radius: var(--r-md); padding: var(--sp-6); min-width: 0; }
.svc__head { grid-column: span 2; }
.svc__title { margin: 0; font-size: var(--fs-2xl); line-height: var(--lh-head); letter-spacing: -.025em; font-weight: 700; color: #141533; }
.svc__sub { margin: var(--sp-2) 0 0; display: flex; align-items: center; gap: var(--sp-2); font-size: var(--fs-sm); color: #667198; font-weight: 500; }
.svc__sub b { color: #141533; }
.svc__lg { width: 24px; height: 24px; border-radius: 50%; background: #ECE6FE; color: #7A4AF7; display: grid; place-items: center; flex: none; }
.svc__lg svg { width: 13px; height: 13px; }
.svc__pic { grid-column: span 2; grid-row: span 2; background: #C7F74A !important; display: grid; place-items: center; }
.svc__pic img { display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; }
.svc__lead { grid-column: span 2; }
.svc__lead p { margin: 0; color: #667198; font-size: var(--fs-md); line-height: var(--lh-text); }
.svc__lead b { color: #141533; }
.svc__btn { display: inline-flex; align-items: center; justify-content: center; margin-top: var(--sp-6); background: #7A4AF7; color: #fff; text-decoration: none; font-weight: 700; font-size: var(--fs-md); border-radius: var(--r-md); padding: var(--sp-4) var(--sp-6); transition: background .2s, transform .2s; }
.svc__btn:hover { background: #5222CF; color: #fff; transform: translateY(-2px); }
.svc__pts { grid-column: 1 / -1; background: none !important; padding: 0 !important; list-style: none; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-2); }
.svc__pts li { background: #fff; border-radius: var(--r-md); padding: var(--sp-6); }
.svc__pts li::before { content: ""; display: block; width: 24px; height: 24px; margin-bottom: var(--sp-3); border-radius: 50%; background: #C7F74A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23141533' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; }
.svc__pts b { display: block; font-size: var(--fs-md); }
.svc__pts span { display: block; color: #667198; font-size: var(--fs-sm); line-height: 1.45; margin-top: var(--sp-1); }
/* низ карточки (вариант D): слева «Ideal para», справа тёмная карточка цен, под ними лаймовый совет */
.svc__for, .svc__price { grid-column: span 2; }
.svc__lbl { margin: 0 0 var(--sp-3); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #667198; }
.svc__forl { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); }
.svc__forl li { display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-md); font-weight: 500; }
.svc__fi { width: 36px; height: 36px; border-radius: var(--r-icon); background: #ECE6FE; color: #7A4AF7; display: grid; place-items: center; flex: none; }
.svc__fi svg, .svc__bulb svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.svc__price { background: #141533 !important; color: #fff; }
.svc__price table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.svc__price caption { text-align: left; padding: 0 0 var(--sp-3); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9A9CC0; }
.svc__price thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.svc__price th, .svc__price td { padding: var(--sp-3) 0; border-top: 1px solid rgba(255, 255, 255, .12); font-size: var(--fs-md); text-align: left; }
.svc__price tbody th { font-weight: 500; }
.svc__price td { text-align: right; font-weight: 700; color: #C7F74A; }
.svc__more { display: inline-block; margin-top: var(--sp-4); font-weight: 700; font-size: var(--fs-sm); color: #C7F74A; text-decoration: none; }
.svc__more:hover { color: #fff; }
.svc__tip { grid-column: 1 / -1; margin: 0; display: flex; align-items: center; gap: var(--sp-3); background: #C7F74A !important; color: #141533; font-size: var(--fs-sm); line-height: 1.55; }
.svc__tip a { color: #141533; font-weight: 700; }
.svc__bulb { width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #141533; display: grid; place-items: center; flex: none; }
@media (max-width: 991px) { .svc__pts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .svc { margin-top: var(--sp-8); }
  .svc__grid { grid-template-columns: 1fr; }
  .svc__grid > *, .svc__pts li { padding: var(--sp-4); }
  .svc__head, .svc__pic, .svc__lead, .svc__for, .svc__price { grid-column: auto; grid-row: auto; }
  .svc__title { font-size: var(--fs-xl); white-space: nowrap; }
  .svc__pic img { max-height: 220px; }
  .svc__pts { grid-template-columns: 1fr; }
  .svc__pts li { display: grid; grid-template-columns: 24px 1fr; column-gap: var(--sp-3); }
  .svc__pts li::before { margin: 0; grid-row: span 2; }
  .svc__btn { display: flex; width: 100%; text-align: center; padding: var(--sp-4) var(--sp-3); }
}
@media (max-width: 389px) { .svc__title { font-size: var(--fs-lg); } }
@media (max-width: 339px) { .svc__title { white-space: normal; } }
/* последняя карточка услуги — отступ до подвала */
.svc:last-of-type { margin-bottom: var(--sp-16); }
/* «Por qué» на компе — как на телефоне: без общей бледной подложки, заголовок — бледная шапка первой карточки (гарантия) */
@media (min-width: 601px) {
  .why__in { background: none; padding: 0; gap: var(--sp-2); }
  .why__title { color: #141533; background: #ECE6FE; border-radius: var(--r-md) var(--r-md) 0 0; padding: var(--sp-8) var(--sp-6) var(--sp-2); margin: 0 0 calc(-1 * var(--sp-2)); }
  .why__title + .why__row { border-radius: 0 0 var(--r-md) var(--r-md); background: linear-gradient(#ECE6FE 0, #fff 160px); }
}
/* ===== «Preguntas frecuentes» на главной (index.html.twig, .faq2; раскрытие — js/faq-acc.js). Вариант E без поиска, блоки по темам ===== */
.faq2 { margin-top: var(--sp-12); margin-bottom: var(--sp-16); scroll-margin-top: 96px; } /* якорь из меню /#preguntas-frecuentes, шапка фиксированная 80px */
.faq2__in { background: #F2F8FF; border-radius: var(--r-sm); padding: var(--sp-12) var(--sp-12) var(--sp-8); color: #141533; }
/* на компе: сетка 2 колонки, ряды из пар тем (разметка — index.html.twig); на телефоне одна колонка, порядок — через --o */
.faq2__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sp-2) var(--sp-8); align-items: start; }
.faq2__grid .faq2__h { margin: var(--sp-6) 0 var(--sp-1); }
.faq2__grid .faq2__first { margin-top: var(--sp-8); }
.faq2__wide { grid-column: 1 / -1; }
.faq2__c0 { grid-column: 1; }
.faq2__c1 { grid-column: 2; }
.faq2__grid .faq2__q { margin-bottom: 0; }
.faq2__eyb { margin: 0; font-size: var(--fs-xs); letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: #7A4AF7; }
.faq2__ttl { margin: var(--sp-2) 0 0; font-size: var(--fs-3xl); line-height: var(--lh-tight); font-weight: 700; color: #141533; }
.faq2__lead { margin: var(--sp-2) 0 0; font-size: var(--fs-md); color: #667198; }
.faq2__h { display: flex; align-items: center; gap: var(--sp-3); margin: 0 0 var(--sp-3); font-size: var(--fs-xl); line-height: var(--lh-head); font-weight: 700; color: #141533; }
.faq2__ic { width: 40px; height: 40px; flex: none; border-radius: var(--r-icon); background: rgba(122, 74, 247, .1); display: grid; place-items: center; }
.faq2__ic svg { width: 22px; height: 22px; fill: #7A4AF7; }
.faq2__q { background: #fff; border-radius: var(--r-md); margin-bottom: var(--sp-2); box-shadow: 0 2px 8px rgba(20, 21, 51, .05); transition: box-shadow .3s; }
.faq2__q summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-4) 20px; font-size: var(--fs-md); font-weight: 700; line-height: var(--lh-head); color: #141533; -webkit-tap-highlight-color: transparent; }
.faq2__q summary::-webkit-details-marker { display: none; }
.faq2__q summary:focus { outline: none; }
.faq2__q summary:focus-visible { outline: 3px solid #7A4AF7; outline-offset: 2px; border-radius: var(--r-md); }
.faq2__pm { flex: none; margin-left: auto; width: 28px; height: 28px; border-radius: 50%; background: rgba(122, 74, 247, .1); position: relative; transition: background .3s; }
.faq2__pm::before, .faq2__pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; border-radius: 2px; background: #7A4AF7; transition: transform .48s cubic-bezier(.22, 1, .36, 1), background .3s; }
.faq2__pm::after { transform: rotate(90deg); }
.faq2:not(.faq2_js) .faq2__q[open] .faq2__pm, .faq2__q.is-open .faq2__pm { background: #7A4AF7; }
.faq2:not(.faq2_js) .faq2__q[open] .faq2__pm::before, .faq2:not(.faq2_js) .faq2__q[open] .faq2__pm::after, .faq2__q.is-open .faq2__pm::before, .faq2__q.is-open .faq2__pm::after { background: #fff; }
.faq2:not(.faq2_js) .faq2__q[open] .faq2__pm::after, .faq2__q.is-open .faq2__pm::after { transform: rotate(0); }
.faq2__a { overflow: hidden; }
/* хлебные крошки над блоком на странице /preguntas-frecuentes/ — на фиолетовом фоне */
.faq2-crumbs a, .faq2-crumbs span { color: #fff; }
.faq2-crumbs a:hover { color: #C7F74A; }
.faq2__a p { margin: 0; padding: 0 20px var(--sp-4); font-size: var(--fs-md); line-height: var(--lh-text); color: #2e3156; }
.faq2__a b { color: #141533; }
.faq2__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3) var(--sp-4); margin-top: var(--sp-8); background: #141533; color: #fff; border-radius: var(--r-md); padding: 20px 24px; }
.faq2__cta p { margin: 0; font-weight: 700; font-size: var(--fs-md); }
.faq2__btn { background: #C7F74A; color: #141533; font-weight: 700; font-size: var(--fs-md); padding: 12px 20px; border-radius: var(--r-md); text-decoration: none; white-space: nowrap; transition: background .2s, transform .2s; }
.faq2__btn:hover { background: #B4E730; color: #141533; }
.faq2__btn:active { transform: scale(.95); }
@media (max-width: 767px) {
  .faq2 { margin-top: var(--sp-8); }
  .faq2__in { padding: var(--sp-6) var(--sp-4) var(--sp-4); }
  .faq2__grid { grid-template-columns: minmax(0, 1fr); }
  .faq2__grid > * { order: var(--o); grid-column: 1; }
  .faq2__grid .faq2__first { margin-top: var(--sp-6); }
  .faq2__ttl { font-size: var(--fs-2xl); }
  .faq2__q summary { padding: 14px 16px; }
  .faq2__a p { padding: 0 16px 14px; }
  .faq2__cta { padding: var(--sp-4); }
}
/* ===== Подвал (_footer.html.twig, .ft2 — вариант B «тёмный», 2026-10). Значки — спрайт images/svc.svg?v=5 ===== */
.footer.ft2 { background: #141533; padding: 0; color: #fff; }
.ft2 a { text-decoration: none; }
.ft2__cta { background: linear-gradient(100deg, #5222CF, #7A4AF7); }
.ft2__cta-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-4); padding-top: 28px; padding-bottom: 28px; }
.ft2__cta-t { margin: 0; font-size: var(--fs-xl); font-weight: 700; line-height: var(--lh-head); color: #fff; }
.ft2__cta-t small { display: block; margin-top: var(--sp-1); font-size: var(--fs-md); font-weight: 400; color: #E9E3FF; }
.ft2__btn { background: #C7F74A; color: #141533; font-weight: 700; font-size: var(--fs-md); padding: 13px 22px; border-radius: var(--r-md); white-space: nowrap; transition: background .2s, transform .2s; }
.ft2__btn:hover { background: #B4E730; color: #141533; }
.ft2__btn:active { transform: scale(.95); }
/* верх: бренд строкой (вариант 3) */
.ft2__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-6) var(--sp-8); padding: 48px 0 32px; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.ft2__id { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4) var(--sp-6); }
.ft2__logo { display: block; height: 30px; width: auto; }
.ft2__tag { margin: 0; max-width: 340px; padding-left: var(--sp-6); border-left: 1px solid rgba(255, 255, 255, .14); font-size: 15px; line-height: 1.5; color: #C9CBE0; }
.ft2__acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4); }
.ft2__sc { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ft2__sc a { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: #fff; transition: background .2s, color .2s; }
.ft2__sc a:hover { background: #C7F74A; color: #141533; }
.ft2__sc svg { width: 18px; height: 18px; }
.ft2__mail { margin: 0; }
.ft2__mail a { display: inline-flex; align-items: center; gap: var(--sp-2); padding-bottom: 2px; border-bottom: 1px solid rgba(199, 247, 74, .5); font-size: var(--fs-sm); font-weight: 500; color: #fff; transition: border-color .2s, color .2s; }
.ft2__mail a:hover { color: #C7F74A; border-color: #C7F74A; }
.ft2__mail svg { width: 18px; height: 18px; color: #C7F74A; }
/* язык: кнопка «глобус + язык», меню вверх (_lang-switcher.html.twig) */
.ft2__lang { position: relative; width: max-content; margin: 0; }
.ft2__lang summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, .14); border-radius: var(--r-md); font-size: var(--fs-sm); font-weight: 500; color: #fff; transition: border-color .2s; -webkit-tap-highlight-color: transparent; }
.ft2__lang summary::-webkit-details-marker { display: none; }
.ft2__lang summary:hover, .ft2__lang[open] summary { border-color: rgba(199, 247, 74, .6); }
.ft2__lang summary svg { width: 18px; height: 18px; color: #C7F74A; }
.ft2__lang summary i { width: 7px; height: 7px; margin-left: 2px; border-right: 2px solid #B9BCD6; border-bottom: 2px solid #B9BCD6; transform: translateY(-2px) rotate(45deg); transition: transform .3s; }
.ft2__lang[open] summary i { transform: translateY(2px) rotate(-135deg); }
.ft2__menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 5; min-width: 210px; margin: 0; padding: 6px; list-style: none; background: #22244a; border: 1px solid rgba(255, 255, 255, .1); border-radius: var(--r-md); box-shadow: 0 14px 30px rgba(0, 0, 0, .4); }
.ft2__menu a, .ft2__menu span { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4); padding: 8px 10px; border-radius: 8px; font-size: var(--fs-sm); color: #D5D7EA; }
.ft2__menu a:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.ft2__menu .is-active span { color: #C7F74A; font-weight: 700; }
.ft2__menu em { font-style: normal; font-size: var(--fs-xs); color: #7F83A6; }
/* на компе ссылки в одну строку, ширина колонок — по самой длинной ссылке, колонки разнесены по краям */
.ft2__cols { display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; gap: var(--sp-8) var(--sp-6); align-content: start; }
.ft2__sep { grid-column: 1 / -1; height: 1px; background: rgba(255, 255, 255, .1); }
.ft2__h { margin: 0 0 14px; }
/* заголовок колонки — кнопка (на телефоне раскрывает список), на компе выглядит как обычный заголовок */
.ft2__tog { display: flex; align-items: center; gap: var(--sp-2); width: 100%; padding: 0; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 700; color: #fff; white-space: nowrap; text-align: left; cursor: default; pointer-events: none; }
.ft2__tog svg { width: 20px; height: 20px; flex: none; color: #C7F74A; }
.ft2__tog i { display: none; }
.ft2__l { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: var(--fs-sm); }
.ft2__l a { color: #B9BCD6; white-space: nowrap; transition: color .2s; }
.ft2__l a:hover { color: #C7F74A; }
.ft2__bot { border-top: 1px solid rgba(255, 255, 255, .1); margin-top: var(--sp-12); padding: 22px 0; }
.ft2__bot-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3) var(--sp-6); }
.ft2__pays { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
/* на телефоне логотипы оплаты — бегущей строкой (js/footer-pay-mq.js, лента из js/press-mq.js); без JS — переносятся рядами */
.ft2__track { display: flex; gap: 12px; width: max-content; will-change: transform; }
@media (max-width: 767px) {
  .ft2__mq { width: 100%; overflow: hidden; touch-action: pan-y; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
  .ft2__mq_on .ft2__pays { flex-wrap: nowrap; width: max-content; }
}
.ft2__pay { display: block; height: 18px; background: #8D90AE; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.ft2__pay_visa { --m: url("../images/pay/visa.png"); width: 56px; }
.ft2__pay_mastercard { --m: url("../images/pay/mastercard.png"); width: 29px; }
.ft2__pay_applepay { --m: url("../images/pay/applepay.png"); width: 28px; }
.ft2__pay_googlepay { --m: url("../images/pay/googlepay.png"); width: 45px; }
.ft2__pay_bitcoin { --m: url("../images/pay/bitcoin.png"); width: 18px; }
/* местные способы Латинской Америки (Payssion) — самые ходовые */
.ft2__pay_oxxo { --m: url("../images/pay/oxxo.png"); width: 54px; }
.ft2__pay_spei { --m: url("../images/pay/spei.png"); width: 54px; }
.ft2__pay_pse { --m: url("../images/pay/pse.png"); width: 20px; height: 20px; }
.ft2__pay_webpay { --m: url("../images/pay/webpay.png"); width: 66px; height: 16px; }
.ft2__legal { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 12px; color: #8D90AE; }
.ft2__legal p { margin: 0; }
/* реквизиты: одна строка на компе, две на телефоне — двумя картинками (не <picture>: PageSpeed ломает его ленивой загрузкой) */
.ft2__co { display: block; height: 18px; width: auto; max-width: 100%; }
.ft2__co_m { display: none; height: 37px; }
@media (max-width: 999px) {
  .ft2__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: normal; }
  .ft2__l a { white-space: normal; }
}
@media (max-width: 767px) {
  .ft2__cta-t { font-size: 20px; }
  .ft2__top { padding: 32px 0 24px; margin-bottom: 8px; }
  .ft2__tag { padding-left: 0; border-left: 0; font-size: var(--fs-sm); }
  .ft2__acts { width: 100%; }
  .ft2__lang { margin-left: auto; }
  .ft2__mail { order: 3; width: 100%; }
  /* колонки — аккордеон (как у Buzzoid) */
  .ft2__cols { display: block; }
  .ft2__sep { display: none; }
  .ft2__col { border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .ft2__h { margin: 0; }
  .ft2__tog { pointer-events: auto; cursor: pointer; padding: 18px 0; font-size: var(--fs-md); -webkit-tap-highlight-color: transparent; }
  .ft2__tog i { display: block; width: 8px; height: 8px; margin: -4px 4px 0 auto; border-right: 2px solid #B9BCD6; border-bottom: 2px solid #B9BCD6; transform: rotate(45deg); transition: transform .35s cubic-bezier(.22, 1, .36, 1); }
  .ft2__col.is-open .ft2__tog i { transform: translateY(5px) rotate(-135deg); }
  .ft2__body { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .4s cubic-bezier(.22, 1, .36, 1); }
  .ft2_js .ft2__body { grid-template-rows: 0fr; }
  .ft2_js .ft2__col.is-open .ft2__body { grid-template-rows: 1fr; }
  .ft2__l { min-height: 0; overflow: hidden; transition: padding .4s; }
  .ft2__col.is-open .ft2__l, .ft2:not(.ft2_js) .ft2__l { padding-bottom: 18px; }
  .ft2__l a { font-size: 15px; }
  .ft2__bot { margin-top: var(--sp-8); }
}
@media (max-width: 600px) {
  .ft2__dot { display: none; }
  .ft2__legal { flex-direction: column; align-items: flex-start; }
  .ft2__co { display: none; }
  .ft2__co_m { display: block; }
}

/* Бегущая полоса продаж в hero (ПК): строки длиннее после ленты «как в хабе» — без слова vendidos/as, в одну строку, лишнее — многоточием */
.head-stats-item__likes-item { gap: var(--sp-3); padding-left: var(--sp-4); padding-right: var(--sp-4); }
.head-stats-item__likes { min-width: 0; }
.head-stats-item__likes-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.head-stats-item__time { flex: none; white-space: nowrap; }

/* Шапка страницы услуги по сетке (2026-10-15, юзер: «как на сайте, только выровнять»).
   Текст — во всю ширину, размеры по ролям DESIGN.md: крошки — надзаголовок xs прописными, H1 — 3xl, описание — ведущий lg.
   ПК: две зелёные полоски на сетке 12 колонок — статус 1–8, последний заказ 9–12; КРАЙ правой полоски — ровно на 9-й колонке (как кнопка отзывов
   и плитка срока), шов 2 px слева от неё, внутри отступ 12 (как у плитки срока) (над кнопкой отзывов и панелью оплаты), время — по правому краю содержимого. */
.service-info .breadcrumbs li { font-size: var(--fs-xs); letter-spacing: .12em; }
.service-info .service-info__breadcrumbs { margin-bottom: var(--sp-3); }
.service-info .service-info__title { font-size: var(--fs-3xl); line-height: var(--lh-tight); margin-bottom: var(--sp-4); }
.service-info .service-info__text { font-size: var(--fs-lg); line-height: 1.5; margin-bottom: var(--sp-6); }
@media screen and (min-width: 992px) {
  .service-info { padding: var(--sp-8) 50px; }
  .service-info-stats { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); row-gap: 2px; padding: 0; }
  .service-info-stats .service-info { grid-column: 1 / -1; margin: 0; }
  .service-info-stats .head-stats-item_main { grid-column: 1 / span 8; margin: 0 calc(2px - var(--sp-6)) 0 0; padding-left: 50px; }
  .service-info-stats .head-stats-item_likes { grid-column: 9 / -1; margin: 0; }
  .service-info-stats .head-stats-item__likes-item { padding-left: var(--sp-3); padding-right: 50px; }
}
@media screen and (max-width: 991px) {
  .service-info { padding: var(--sp-6); }
  .service-info-stats .head-stats-item { padding-left: var(--sp-6); padding-right: var(--sp-6); }
}
@media screen and (max-width: 479px) {
  .service-info { padding: var(--sp-4); }
  .service-info-stats .head-stats-item { padding-left: var(--sp-4); padding-right: var(--sp-4); }
}

/* Отзывы на странице услуги (2026-10-15, вариант R2): всё по шкале DESIGN.md. Заголовок раздела — 3xl; карточка — отступ 24, текст md,
   звёзды жёлтые (rating_t2, как в рейтинге), источник — значок шрифтом сайта, подвал одной строкой. Форма свёрнута за кнопкой-контуром. */
.section-review .section-review__head-title.section-review__head-title2 { font-size: var(--fs-3xl); line-height: var(--lh-tight); }
.card-review_new.rv { padding: var(--sp-6); min-height: 100%; gap: var(--sp-4); font-size: var(--fs-md); }
.rv__h { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.rv__src { display: inline-flex; align-items: center; gap: var(--sp-1); font-size: var(--fs-sm); font-weight: 700; color: #141533; }
.rv__srci { height: 18px; width: auto; }
.rv__t { flex: 1; font-size: var(--fs-md); line-height: 1.5; color: #667198; }
.rv__f { display: flex; align-items: center; gap: var(--sp-2); padding-top: var(--sp-4); border-top: 1px solid #dee4ed; font-size: var(--fs-sm); }
.rv__fl { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: none; }
.rv__n { color: #141533; }
.rv__d { font-size: var(--fs-xs); color: #667198; }
.rv__v { margin-left: auto; display: inline-flex; align-items: center; gap: var(--sp-1); font-size: var(--fs-xs); font-weight: 700; color: #3a9a1f; white-space: nowrap; }
.rv-wr { margin-top: var(--sp-6); }
.rv-wr > summary { list-style: none; }
.rv-wr > summary::-webkit-details-marker { display: none; }
.rv-open { display: flex; align-items: center; justify-content: center; height: 48px; max-width: 400px; margin: 0 auto; border-radius: var(--r-pill); box-shadow: inset 0 0 0 2px #fff; color: #fff; font-weight: 700; font-size: var(--fs-sm); text-transform: uppercase; cursor: pointer; transition: background .2s; }
.rv-open:hover { background: rgba(255, 255, 255, .12); }
.rv-open:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.rv-wr[open] > summary { display: none; }
@supports (interpolate-size: allow-keywords) {
  .rv-wr { interpolate-size: allow-keywords; }
  .rv-wr::details-content { height: 0; overflow: clip; transition: height .3s ease, content-visibility .3s allow-discrete; }
  .rv-wr[open]::details-content { height: auto; }
}
.review-form.rv-f { margin-top: 0; padding: var(--sp-8) 50px; }
.rv-f__h { font-size: var(--fs-xl); line-height: var(--lh-head); font-weight: 700; color: #141533; margin-bottom: var(--sp-6); }
.rv-f__g { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); row-gap: var(--sp-4); }
.rv-f__f { grid-column: span 6; display: flex; flex-direction: column; gap: var(--sp-2); margin: 0; }
.rv-f__f_w { grid-column: 1 / -1; }
.rv-f__f > span:first-child { font-size: var(--fs-sm); font-weight: 700; color: #141533; }
.rv-f__i { font: 400 var(--fs-md) Inter, sans-serif; color: #141533; border: 1px solid #dee4ed; border-radius: var(--r-sm); padding: var(--sp-3) var(--sp-4); background: #fff; width: 100%; }
.rv-f__i:focus { outline: 2px solid #7a4af7; outline-offset: -1px; border-color: transparent; }
textarea.rv-f__i { resize: vertical; min-height: 96px; }
.rv-f__rate { display: flex; align-items: center; gap: var(--sp-3); min-height: 46px; }
.rv-f__b { display: flex; justify-content: flex-end; margin-top: var(--sp-6); }
@media screen and (max-width: 991px) {
  .rv-f__g { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--sp-4); }
  .rv-f__f { grid-column: 1 / -1; }
  .review-form.rv-f { padding: var(--sp-6); }
  .rv-f__b .btn { width: 100%; }
}
@media screen and (max-width: 479px) {
  .review-form.rv-f, .card-review_new.rv { padding: var(--sp-4); }
}

/* Главная по сетке (2026-10-15, только ПК; дизайн не меняем — выравниваем). Правило главной: у всех карточек край содержимого
   на отступе 24 (--sp-6), строки «картинка + текст» делятся на 12 колонок с промежутком 24 (6 | 6, оплата 7 | 5),
   плитки — промежуток 8 (ритм главной), отступы только из шкалы. */
@media screen and (min-width: 992px) {
  .hacc__head { padding: var(--sp-4) var(--sp-6); }
  .why__row { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); }
  .why__row > .why__pic, .why__row > .why__txt { grid-column: span 6; }
  .why__row_pay > .why__txt { grid-column: span 7; }
  .why__row_pay > .why__pic { grid-column: span 5; }
  .why__steps { padding: var(--sp-6); }
  .why__si { padding: var(--sp-4) var(--sp-6); }
  .why__adv > div { padding: var(--sp-4); }
  .faq2__in { padding: var(--sp-8) var(--sp-6); }
  .faq2__cta { padding: var(--sp-4) var(--sp-6); }
  /* плитки ВНУТРИ карточек — по колонкам: промежуток = промежутку сетки (24): 60/30 по 3 колонки, шаги по 4, «Varios/Constructor» по 6 */
  .why__cmp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-6); }
  .why__ol, .why__adv { column-gap: var(--sp-6); }
  /* «Varios enlaces / Constructor / Garantía» — три плитки по 4 колонки, ровно под шагами (2026-10-16) */
  .why__adv { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  /* вариант A: плитки-карточки стоят на колонках — промежуток между ними = промежутку сетки (24), по горизонтали и вертикали */
  .why__in { gap: var(--sp-6); }
  .why__sml { gap: var(--sp-6); margin-top: 0; }
  .svc__grid, .svc__pts { gap: var(--sp-6); }
}
@media screen and (max-width: 767px) {
  /* телефон: первый экран и список соцсетей на той же линии, что остальные карточки (отступ 16) */
  .hero2 { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .hacc__head { padding-left: var(--sp-4); padding-right: var(--sp-4); }
}

/* Ряды карточек на страницах услуг (2026-10-15): промежуток = промежутку сетки (24 ПК / 16 планшет), карточки на колонках.
   Отзывы — spaceBetween в script.js. Первый экран главной: отступы по шкале (48 / 24). */
@media screen and (min-width: 992px) {
  .how-it-work-grid, .calc__footer { gap: var(--sp-6); }
  .hero2 { padding: var(--sp-12) var(--sp-6); }
  .hero2__badge { margin-bottom: var(--sp-6); }
  .hero2__text, .hero2__proof, .hero2__pays { margin-top: var(--sp-6); }
}
@media screen and (max-width: 767px) {
  .hero2 { padding-top: var(--sp-8); padding-bottom: var(--sp-8); }
  .hero2__badge { margin-bottom: var(--sp-4); }
  .hero2__text { margin-top: var(--sp-4); }
}

/* Плашка доверия под формой v2 (K1, 2026-10-15, ПК): 4 значка по 2 колонки (1–8) + живой график заказов за сегодня (9–12,
   под панелью оплаты). Края плиток — на линиях колонок содержимого (как поля формы и панель). Модель — js/live-orders.js.
   На телефоне — M2 (ниже). */
.gtz { display: none; }
@media screen and (min-width: 992px) {
  .gtz { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); padding: 0; }
  .gtz__b { grid-column: span 2; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: var(--r-sm); padding: var(--sp-4) var(--sp-2); }
  .gtz__b svg { width: 100%; max-width: 150px; height: auto; }
  .gtz__live { grid-column: span 4; display: flex; flex-direction: column; justify-content: center; gap: var(--sp-2); background: #fff; border-radius: var(--r-sm); padding: var(--sp-4) var(--sp-6); }
  .guarantee.guarantee_fv2 { display: none; }
}
.lo-top { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--sp-2); }
.lo-cnt { display: inline-block; font-size: var(--fs-2xl); line-height: 1; font-weight: 800; color: #7a4af7; font-variant-numeric: tabular-nums; transition: transform .3s; }
.lo-cnt.is-bump { transform: scale(1.15); }
.lo-u { font-size: var(--fs-sm); font-weight: 700; color: #141533; }
.lo-lh { font-style: normal; font-size: var(--fs-xs); color: #2a8a3e; background: #e7f9e1; border-radius: var(--r-pill); padding: 2px var(--sp-2); }
.lo-bars { display: flex; align-items: flex-end; gap: 3px; height: 56px; }
.lo-bars i { flex: 1; min-height: 2px; background: #E4D9FF; border-radius: 3px 3px 1px 1px; transition: height .8s cubic-bezier(.22, 1, .36, 1); }
.lo-bars i.fut { background: none; box-shadow: inset 0 -2px 0 #ECE6FE; }
.lo-bars i.cur { background: #7a4af7; animation: lo-breathe 2.4s ease-in-out infinite; }
@keyframes lo-breathe { 50% { opacity: .6; } }
.lo-axis { position: relative; display: flex; justify-content: space-between; font-size: var(--fs-xs); color: #667198; }
.lo-now { position: absolute; top: 0; transform: translateX(-50%); color: #7a4af7; font-weight: 700; background: #fff; padding: 0 var(--sp-1); }
.lo-last { font-size: var(--fs-xs); color: #667198; }
@media (prefers-reduced-motion: reduce) { .lo-bars i, .lo-cnt { transition: none; animation: none; } }
/* Телефон/планшет (вариант M2, 2026-10-15): 4 значка в ряд, под ними живой график во всю ширину; старая плашка на страницах формы v2 скрыта */
@media screen and (max-width: 991px) {
  .gtz { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-2); }
  .gtz__b { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: var(--r-sm); padding: var(--sp-2) 2px; }
  .gtz__b svg { width: 100%; height: auto; }
  .gtz__live { grid-column: 1 / -1; display: flex; flex-direction: column; gap: var(--sp-2); background: #fff; border-radius: var(--r-sm); padding: var(--sp-4); }
  .guarantee.guarantee_fv2 { display: none; }
}
@media screen and (max-width: 479px) {
  .lo-cnt { font-size: var(--fs-2xl); }
}

/* ОДНА сетка на странице услуги (2026-10-16): по краям контейнера (12 колонок, промежуток 24). Ряды плиток вровень с большими
   карточками; внутри больших карточек деление по тем же линиям, отступ 50 только у внешних краёв. */
@media screen and (min-width: 992px) {
  .how-it-work-grid, .calc__footer, .focus-on-grid { gap: var(--sp-6); }
  /* FAQ: заголовок с кнопкой — колонки 1–3, вопросы — 4–12 */
  .section-faq__inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); padding: 0; }
  .section-faq__left { grid-column: 1 / span 3; width: auto; max-width: none; margin: 0; }
  .section-faq__right { grid-column: 4 / span 9; width: auto; max-width: none; margin: 0; }
  .section-faq__btn { width: 100%; }
  /* «Escribir una opinión» — ровно 4 колонки по центру (5–8) */
  .rv-open { max-width: none; width: calc((100% - 11 * var(--sp-6)) / 12 * 4 + 3 * var(--sp-6)); }
}

/* Главная — ОДНА сетка (2026-10-15): колонки содержимого больших карточек (отступ 24 → x = 55…1225 на ПК).
   Большие карточки во всю ширину выходят за линии на свой отступ; ряды плиток стоят на колонках; число плиток в ряду делит 12 нацело. */
@media screen and (min-width: 992px) {
  /* ссылки на услуги в списке соцсетей: по 4 в ряд = по 3 колонки (было 5 — 12 на 5 не делится) */
  .hacc__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-6); padding: 0 var(--sp-6) var(--sp-6); }
  /* FAQ: две колонки ровно 6 | 6 */
  .faq2__grid { column-gap: var(--sp-6); }
}

/* «Ящик в ящике» убран — умеренный вариант (2026-10-16, ПК). В каждой паре «подложка + плашки внутри» убрана одна рамка,
   чтобы края плашек совпадали с рядами вокруг. Откат — по одному блоку. */
@media screen and (min-width: 992px) {
  /* 1. список соцсетей: белые плашки у ссылок на услуги ВОЗВРАЩЕНЫ (2026-10-20) — без них на лайме висели значки с пустотой, не читалось как кнопки */
  /* 3. «Pedir lleva un minuto»: без белой подложки — заголовок на фиолетовом, шаги и плитки — карточки на колонках */
  .why__steps { background: none; padding: 0; gap: var(--sp-6); }
  .why__steps-h .why__h3 { color: #fff; }
  .why__steps-h .why__eb { color: #C7F74A; }
  .why__ol li, .why__adv > div { background: #fff; }
  /* 5. «Crecimiento amplificado…» (страницы услуг): текст 6 | картинка 6, текст по шкале */
  .section-about .advantages { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); align-items: center; }
  .section-about .about__left { grid-column: 1 / span 6; margin: 0; }
  .section-about .about__right { grid-column: 7 / span 6; }
  .section-about .about__title { font-size: var(--fs-3xl); line-height: var(--lh-tight); margin-bottom: var(--sp-6); }
  .section-about .about__content { font-size: var(--fs-md); line-height: 1.5; color: #141533; }
  .section-about .about__content p { margin-bottom: var(--sp-4); }
}

/* «60 / 30» (2026-10-16): плашки как были, но ровно — отступы по шкале (12 / 16); на телефоне друг под другом во всю ширину,
   в каждой одной строкой: число + «días / подпись» */
.why__cmp .why__gc { padding: var(--sp-3) var(--sp-4); }
@media screen and (max-width: 767px) {
  .why__txt .why__cmp { grid-template-columns: 1fr; gap: var(--sp-3); margin-top: var(--sp-6); }
  .why__txt .why__cmp .why__gc { flex-direction: row; align-items: center; gap: var(--sp-3); }
  .why__txt .why__cmp .why__gc strong { font-size: var(--fs-3xl); line-height: 1; }
}

/* «60 / 30» на компьютере (2026-10-16, вариант B): по колонкам страницы — 60 на колонках 7–9, 30 на 10–11 (меньше, прозрачная).
   Сетка плашек = 6 внешних колонок: текст на 24 уже их (внутренний отступ карточки справа), поэтому ширина + промежуток */
@media screen and (min-width: 992px) {
  .why__txt .why__cmp { width: calc(100% + var(--sp-6)); grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--sp-6); }
  .why__txt .why__cmp .why__gc_big { grid-column: span 3; }
  .why__txt .why__cmp .why__gc:not(.why__gc_big) { grid-column: span 2; background: transparent; }
}

/* ===== ОДНА СЕТКА ПО ТЕКСТУ + ШКАЛА (2026-10-16), см. DESIGN.md §«Сетка». Проверка: _tools/grid/ =====
   Правило: колонки = контейнер минус 24 с каждой стороны (12 колонок, промежуток 24).
   Всё видимое начинается на линиях колонок. Фон больших карточек («панелей») выходит за сетку ровно на 24 с каждой стороны.
   Отступ у всех панелей один: 24. */
@media screen and (min-width: 992px) {
  :root { --gi: var(--sp-6); }

  /* шапка сайта */
  .header .header__inner { padding-inline: var(--gi); }

  /* полоска «servicio activo» + тикер: панель; стык — посередине промежутка 8|9 */
  .service-info-stats { padding-inline: var(--gi); }
  .service-info-stats > .service-info { margin-inline: calc(-1 * var(--gi)); }
  .head-stats-item_main { margin-left: calc(-1 * var(--gi)) !important; margin-right: -9.5px !important; padding-left: var(--gi) !important; }
  .head-stats-item_likes { margin-left: -12px !important; margin-right: calc(-1 * var(--gi)) !important; }
  .head-stats-item__likes-item { padding-left: var(--sp-3) !important; padding-right: var(--gi) !important; }

  /* первый экран услуги */
  .service-info { padding-left: var(--gi) !important; padding-right: var(--gi) !important; }
  .service-info__payments { margin-left: 0; margin-right: 0; }

  /* рейтинг: 4,8 — кол. 1–3, клиенты — 4–8, кнопка — 9–12 */
  .trust-hero { padding-inline: var(--gi) !important; column-gap: var(--sp-6); }
  .trust-hero__score { padding-left: 0 !important; }

  /* шапка формы: название, 4 пункта по 2 колонки, срок 9–12 */
  .fv2-hd { padding-left: var(--gi) !important; padding-right: var(--gi) !important; }
  .fv2-hd__t, .fv2-hd__x { padding-left: 0 !important; padding-right: 0 !important; }
  .fv2-hd__q { margin-left: 0 !important; }
  .fv2-hd__time { margin-right: 0 !important; }

  /* форма: поля 1–8, панель оплаты 9–12 */
  .fv2 { padding-left: var(--gi) !important; padding-right: var(--gi) !important; }
  .fv2-grid { margin-left: 0 !important; margin-right: 0 !important; }
  .fv2-main { padding-left: 0 !important; }
  .fv2-side { margin-right: 0 !important; }

  /* значки доверия + график */
  .gtz { margin-inline: var(--gi); }

  /* отзывы */
  .section-review__inner > .section__head, .section-review__inner > .slider-outer, .section-review__inner > .rv-wr { margin-inline: var(--gi); }
  .rv-wr .review-form.rv-f { margin-inline: calc(-1 * var(--gi)); padding-left: var(--gi) !important; padding-right: var(--gi) !important; }
  .rv-wr .rv-f__g { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); }

  /* как это работает, наша цель */
  .section-how-it-work__inner, .section-focus-on__inner, .focus-on-grid { margin-inline: var(--gi); }
  .how-it-work-grid, .focus-on-grid { gap: var(--sp-6); }
  .card-feature { padding: var(--sp-6) !important; }

  /* статья: панель, текст — колонки 2–11 */
  .info-article { padding: var(--sp-12) var(--gi) !important; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); }
  .info-article > * { grid-column: 2 / span 10; }

  /* калькулятор: панель; плитки цифр — 4 × 3 колонки */
  .calc__form { padding-left: var(--gi) !important; padding-right: var(--gi) !important; }
  .calc__footer { margin-inline: var(--gi); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-6); }
  .calc__item { padding-left: var(--gi) !important; }

  /* FAQ: заголовок 1–3, вопросы 4–12 */
  .section-faq__inner { margin-inline: var(--gi); }

  /* «Crecimiento…» текст 1–6, картинка 7–12 */
  .section-about__inner { margin-inline: var(--gi); }

  /* подвал */
  .ft2__cta-in, footer.ft2 > .container, .ft2__bot-in { padding-left: calc(20px + var(--gi)) !important; padding-right: calc(20px + var(--gi)) !important; }
  .ft2__cols { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: var(--sp-6) !important; }
}
@media screen and (min-width: 992px) {
  /* калькулятор: ползунок 1–8, цена и кнопка 9–12 */
  .calc__row { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); align-items: center; }
  .calc__row > .calc__slider-outer { grid-column: 1 / span 8; width: auto !important; max-width: none !important; margin: 0 !important; }
  .calc__row > .calc__cost { grid-column: 9 / span 2; margin: 0 !important; }
  .calc__row > .btn { grid-column: 11 / span 2; margin: 0 !important; }
  .calc__info { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); }
  .calc__info > :first-child { grid-column: 1 / span 6; }
  .calc__info > :last-child { grid-column: 7 / span 6; }
}
@media screen and (min-width: 992px) {
  /* кнопка рейтинга — во все колонки 9–12 */
  .trust-hero > .btn { justify-self: stretch; width: auto !important; margin: 0 !important; }
  /* пузырёк над ползунком не вылезает за панель: начало дорожки сдвинуто на половину пузырька */
  .calc__slider { padding-left: 68px !important; }
}

/* ТЕЛЕФОН: поля страницы 12 вместо 20; у всех карточек отступ 16 → текст в 28 от края экрана.
   Линии: край карточки (12) и линия текста (28). Ряды плиток — по краям карточек, промежуток 8. */
@media screen and (max-width: 767px) {
  .container { padding-left: 12px !important; padding-right: 12px !important; }
  .service-info, .trust-hero, .fv2-hd, .fv2, .info-article, .calc__form, .review-form.rv-f, .card-feature, .card-review_new.rv, .rv { padding-left: 16px !important; padding-right: 16px !important; }
  .fv2-hd__q { padding-left: 16px !important; padding-right: 16px !important; }
  .faq__item { padding-left: 16px !important; padding-right: 16px !important; }
  .ft2__cta-in, .ft2 > .container, .ft2__bot-in { padding-left: 28px !important; padding-right: 28px !important; }
  .header .container { padding-left: 28px !important; padding-right: 28px !important; }
  /* заголовки разделов вне карточек — на линии текста 28 */
  .section__head, .section-how-it-work__inner > h2, .section-faq__left > h2, .section-focus-on__inner > .section__title { padding-left: 16px; padding-right: 16px; }
  .section-faq__btns, .about__content { padding-left: 16px; padding-right: 16px; }
  /* статья на телефоне — обычная панель, как остальные (12 от края, текст на 28) */
  .info-article { margin-left: 0 !important; margin-right: 0 !important; border-radius: var(--r-sm); }
}
.info-article__table-contents { column-gap: var(--sp-6); }

/* ===== ШКАЛА (DESIGN.md §3) для старых блоков страницы услуги: шрифты, отступы, скругления только из шкалы ===== */
/* иерархия: H1 страницы — 3xl (40/30); заголовок раздела — 2xl (30/24); заголовок в статье — xl; подзаголовок — lg; текст — md */
.section-review__head-title, .section-how-it-work__title, .section-focus-on__title, .section-faq__title, .calc__title, .about__title { font-size: var(--fs-2xl) !important; line-height: var(--lh-head) !important; }
.info-article__content h2 { font-size: var(--fs-xl) !important; line-height: var(--lh-head) !important; }
.info-article h3 { font-size: var(--fs-lg) !important; line-height: var(--lh-head) !important; }
.info-article p, .info-article li, .info-article a, .card-feature__content, .calc__item-text { font-size: var(--fs-md) !important; line-height: var(--lh-text) !important; }
/* заголовок плитки/карточки — lg (18), как «Pega el enlace» на главной; xl — только подзаголовок внутри блока */
.card-feature__title { font-size: var(--fs-lg) !important; line-height: var(--lh-head) !important; }
.calc__item-title { font-size: var(--fs-xl) !important; line-height: var(--lh-head) !important; }
.svc__pts li > b { font-size: var(--fs-lg) !important; line-height: var(--lh-head) !important; }
.calc__text { font-size: var(--fs-lg) !important; line-height: var(--lh-text) !important; }
.card-feature__step { font-size: var(--fs-sm) !important; padding: var(--sp-1) var(--sp-3) !important; border-radius: var(--r-pill) !important; }
/* полоски наверху — один уровень: надзаголовок xs прописными с разрядкой; главное — жирное, остальное — обычное */
.head-stats-item__name, .head-stats-item__separator, .head-stats-item__text, .head-stats-item__likes-text, .head-stats-item__time { font-size: var(--fs-xs) !important; letter-spacing: .06em; line-height: 1.2; }
.head-stats-item__time { text-transform: none; letter-spacing: 0; }
.btn { font-size: var(--fs-sm) !important; border-radius: var(--r-pill) !important; }
.ft2__tag { font-size: var(--fs-sm) !important; }
.ft2__tog { font-size: var(--fs-md) !important; }
.calc .noUi-tooltip { font-size: var(--fs-xl) !important; padding: var(--sp-2) var(--sp-4) !important; }
.calc__cost { font-size: var(--fs-2xl) !important; }

/* отступы */
/* бегущая строка в полоске: script.js сдвигает её ровно на 36px за шаг — высота пункта строго 36 */
@media screen and (min-width: 768px) {
  .head-stats-item { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 36px; align-items: center; }
  .head-stats-item__likes-item { height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; }
}
@media screen and (max-width: 767px) { .head-stats-item_main { padding-top: var(--sp-2) !important; padding-bottom: var(--sp-2) !important; } }
.head-stats-item_main { padding-right: var(--sp-6) !important; }
.review-form__rating-value { padding: var(--sp-2) !important; border-radius: var(--r-pill) !important; }
.btn { padding-left: var(--sp-8) !important; padding-right: var(--sp-8) !important; }
.calc__item { padding: var(--sp-6) !important; }
.faq__head { padding: var(--sp-6) !important; }
.trust-info { padding-top: var(--sp-6) !important; padding-bottom: var(--sp-6) !important; }
.calc__slider { padding-right: var(--sp-6) !important; border-radius: var(--r-pill) !important; }
.info-article__head { padding-bottom: var(--sp-8) !important; margin-bottom: var(--sp-8) !important; }
.section.section_pt_100, .section.section_pt2_120, .section.section_pt3_120 { padding-top: var(--sp-16) !important; }
.section.section_pb_120 { padding-bottom: var(--sp-16) !important; }
.section_pt_80 { padding-top: var(--sp-16) !important; }
.calc__form { padding-top: var(--sp-12) !important; padding-bottom: var(--sp-12) !important; }
.ft2__btn { padding: var(--sp-3) var(--sp-6) !important; }
.ft2__bot { padding-top: var(--sp-6) !important; padding-bottom: var(--sp-6) !important; }
.ft2__lang summary { padding: var(--sp-2) var(--sp-4) !important; }
.ft2__menu { padding: var(--sp-2) !important; }
.ft2__sc, .ft2__l, .ft2__lang summary { gap: var(--sp-2) !important; }
.lo-bars { gap: var(--sp-1) !important; }
.m2-x, .m2-b, .m2-add, .fv2-btn { padding: var(--sp-2) !important; }
.m2-x { border-radius: var(--r-sm) !important; }
.m2-srow { border-radius: var(--r-sm) !important; }
.noUi-handle { border-radius: 50% !important; }
@media screen and (min-width: 992px) { .calc__slider { padding-left: var(--sp-16) !important; } }
@media screen and (max-width: 767px) {
  .card-feature, .faq__head, .calc__slider-outer, .calc__item { padding-top: var(--sp-4) !important; padding-bottom: var(--sp-4) !important; }
  .card-feature, .faq__head, .calc__item { padding-left: var(--sp-4) !important; padding-right: var(--sp-4) !important; }
  .section.section_pt_100, .section.section_pt2_120, .section.section_pt3_120, .section_pt_80, .section { padding-top: var(--sp-12) !important; }
  .section.section_pb_120 { padding-bottom: var(--sp-12) !important; }
  .info-article, .calc__form { padding-top: var(--sp-8) !important; padding-bottom: var(--sp-8) !important; }
  .info-article__head { padding-bottom: var(--sp-6) !important; margin-bottom: var(--sp-6) !important; }
  .ft2__tog { padding-top: var(--sp-4) !important; padding-bottom: var(--sp-4) !important; }
  .service-info-stats, .how-it-work-grid, .calc__footer, .focus-on-grid { gap: var(--sp-2) !important; }
}

/* шкала: FAQ, «Crecimiento», подвал, кнопка формы отзыва */
.faq__head span { font-size: var(--fs-lg) !important; line-height: var(--lh-head) !important; }
.faq__content { padding: 0 var(--sp-6) !important; }
.faq__content p, .about__text p, .ft2__l a { font-size: var(--fs-md) !important; line-height: var(--lh-text) !important; }
.ft2__menu li > * { padding: var(--sp-2) var(--sp-3) !important; }
.rv-f__b .btn { font-size: var(--fs-sm) !important; padding-left: var(--sp-8) !important; padding-right: var(--sp-8) !important; border-radius: var(--r-pill) !important; }
@media screen and (max-width: 767px) { .calc__slider { padding-left: var(--sp-6) !important; padding-right: var(--sp-6) !important; } .faq__content { padding: 0 var(--sp-4) !important; } }

/* ===== ГЛАВНАЯ ===== */
@media screen and (min-width: 992px) {
  /* ряды плиток и пары блоков — на сетке текста */
  .why__steps, .why__sml, .svc__grid { margin-inline: var(--gi); }
  /* «60 / 30»: сетка плашек = 6 колонок текста; 60 — 3 колонки, 30 — 2 */
  .why__txt .why__cmp { width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
/* главная: шкала */
.hacc__list a { padding: var(--sp-2) var(--sp-4) !important; }
.hero2__tp { padding: var(--sp-3) var(--sp-4) !important; }
.hero2__tp-go { padding: var(--sp-2) !important; }
.why__ol > li { padding: var(--sp-6) !important; }
.faq2__q summary { padding: var(--sp-4) var(--sp-6) !important; }
.faq2__a p { padding-left: var(--sp-6) !important; padding-right: var(--sp-6) !important; }
.ft2__menu a, .ft2__menu span { padding: var(--sp-2) var(--sp-3) !important; }
.why__pane, .why__seo { padding: var(--sp-3) !important; }
.why__tag { padding: 0 var(--sp-2) !important; }
.hero2__pays li { padding: var(--sp-2) !important; }
.hero2__badge { padding: var(--sp-2) var(--sp-4) !important; }
.hero2__badge b { padding: 0 var(--sp-3) !important; }
.hs-badge { font-size: var(--fs-xs) !important; border-radius: var(--r-pill) !important; }
@media screen and (max-width: 767px) {
  /* раскрытые списки услуг: на линиях текста, по 2 плитки (каждая — 2 колонки из 4) */
  .hacc__list { padding: var(--sp-2) var(--sp-4) var(--sp-4) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--sp-2) var(--sp-4) !important; }
  .why__si { padding: var(--sp-4) !important; }
  .why__lc { padding: var(--sp-2) !important; }
}

/* ===== правки 2026-10-16 (вечер) ===== */
@media screen and (min-width: 992px) {
  /* подвал: логотип 1–3, подпись с колонки 4 (разделитель — посередине промежутка), значки соцсетей с колонки 7, язык до конца 12 */
  .ft2__top { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6) !important; }
  .ft2__id { grid-column: 1 / span 6; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--sp-6) !important; align-items: center; }
  .ft2__id > .ft2__logo, .ft2__id > a:first-child { grid-column: 1 / span 3; }
  .ft2__tag { grid-column: 4 / span 3; max-width: none !important; padding-left: 0 !important; border-left: 0 !important; position: relative; }
  .ft2__tag::before { content: ""; position: absolute; left: calc(-1 * var(--sp-3)); top: 0; bottom: 0; border-left: 1px solid rgba(255, 255, 255, .14); }
  .ft2__acts { grid-column: 7 / span 6; justify-content: space-between; }
}
/* FAQ на главной: подложка на тех же краях, что карточки над ним (линии текста), внутри — отступ 24 */
@media screen and (min-width: 992px) { .faq2__in { margin-inline: var(--gi) !important; padding-left: var(--sp-6) !important; padding-right: var(--sp-6) !important; } }
@media screen and (max-width: 767px) { .faq2__in { padding-left: var(--sp-4) !important; padding-right: var(--sp-4) !important; } }
/* первый экран главной: по центру, но по колонкам — заголовок 1–12, текст 3–10, клиенты 3–6 (к центру), рейтинг 7–10, оплата — одна полоса 4–9 */
@media screen and (min-width: 992px) {
  .hero2 { padding-left: var(--gi) !important; padding-right: var(--gi) !important; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6); }
  .hero2 > * { grid-column: 1 / -1; }
  .hero2__badge { justify-self: center; }
  .hero2__text { grid-column: 3 / span 8; }
  .hero2__proof { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sp-6) !important; }
  .hero2__clients { grid-column: 3 / span 4; justify-self: end; }
  .hero2__tp { grid-column: 7 / span 4; justify-content: space-between; }
  .hero2__pays { grid-column: 1 / -1; justify-content: center !important; gap: var(--sp-2) !important; }
}
/* дубль: «¿No encuentras tu respuesta? … Escribir a soporte» — такая же плашка есть в подвале на каждой странице */
.faq2__cta { display: none !important; }
@media screen and (max-width: 767px) {
  /* первый экран на телефоне: по центру, края рейтинга и полосы оплаты — на линиях текста (28) */
  .hero2 { padding-left: var(--sp-4) !important; padding-right: var(--sp-4) !important; }
  .hero2__tp { align-self: center; justify-content: center !important; gap: var(--sp-3) !important; padding: 0 var(--sp-4) !important; }
  .hero2__pays { justify-content: space-between !important; }
}
@media screen and (min-width: 992px) {
  /* плашки первого экрана — на колонках: «Nº1» 5–8, клиенты 3–6 и рейтинг 7–10 (две одинаковые плашки), оплата 4–9.
     Строки заголовка и текста — по центральной оси (края центрированного текста на колонки не встают) */
  .hero2__badge { grid-column: 5 / span 4 !important; justify-self: stretch !important; justify-content: center; }
  .hero2__clients { justify-self: stretch !important; justify-content: center; background: #fff; border: 1px solid rgba(20, 21, 51, .1); border-radius: var(--r-md); padding: var(--sp-2) var(--sp-4); box-shadow: 0 2px 8px rgba(20, 21, 51, .05); }
  .hero2__tp { justify-content: center !important; }
}

/* первый экран главной на телефоне — иерархия (2026-10-16): заголовок h1 36 главный; текст md 16, выделение не тяжелее заголовка;
   доверие (клиенты, рейтинг, оплата) — мелким, вторым планом */
@media screen and (max-width: 767px) {
  .hero2__text { font-size: var(--fs-md) !important; line-height: var(--lh-text) !important; }
  .hero2__text strong { font-weight: 600 !important; }
  .hero2__clients { font-size: var(--fs-sm) !important; }
  .hero2__av img { width: 28px !important; height: 28px !important; }
  .hero2__tp { padding: 0 var(--sp-3) !important; height: 32px; align-items: center; }
  .hero2__tp-stars i { width: 18px !important; height: 18px !important; }
  .hero2__tp-stars svg { width: 12px !important; height: 12px !important; }
  .hero2__tp > b { font-size: var(--fs-sm) !important; }
  .hero2__pays li { height: 32px !important; padding: var(--sp-1) var(--sp-2) !important; }
  .hero2__pays img { max-height: 16px !important; }
}
/* первый экран: плашки рейтинга и клиентов — то же скругление, что у плашек оплаты (r-sm) */
.hero2__tp, .hero2__clients { border-radius: var(--r-sm) !important; }
/* первый экран, компьютер: способы оплаты — отдельные маленькие плашки, как на телефоне (2026-10-16) */
@media screen and (min-width: 768px) { .hero2__pays li { width: 72px !important; height: 32px !important; padding: var(--sp-1) var(--sp-2) !important; } .hero2__pays img { max-height: 16px !important; } }
@media screen and (min-width: 768px) { .hero2__proof { align-items: stretch !important; } .hero2__clients, .hero2__tp { padding-top: var(--sp-3) !important; padding-bottom: var(--sp-3) !important; } }

/* отзывы без ссылки (Trustpilot удалён 2026-10-17): плашка рейтинга — не ссылка, без «наведения»; на ПК звёзды и 4,8 крупнее */
.hero2__tp, .hero2__tp:hover { border-color: rgba(20, 21, 51, .1) !important; box-shadow: 0 2px 8px rgba(20, 21, 51, .05) !important; transform: none !important; cursor: default; }
@media screen and (min-width: 768px) {
  .hero2__tp-stars i { width: 28px !important; height: 28px !important; border-radius: 6px !important; }
  .hero2__tp-stars svg { width: 18px !important; height: 18px !important; }
  .hero2__tp > b { font-size: var(--fs-xl) !important; }
}
/* рейтинг на страницах услуг: «Review Score» не ссылка; на ПК третий показатель «2018 en el mercado» в колонках 9–12, «Pedido reciente» только на телефоне */
.trust-hero__name, .trust-hero__score:hover .trust-hero__name { text-decoration: none !important; }
.trust-hero__third { display: none; }
@media screen and (min-width: 768px) {
  .trust-hero__third { display: block; grid-column: 9 / span 4; position: relative; }
  .trust-hero__third .trust-hero__title > span:first-child { color: #7A4AF7; }
}
/* главная: «Paga como pagas en tu país» — по ширине карточек над и под ним (края на линиях текста, как FAQ) */
/* главная (2026-10-17, вариант A): все блоки ниже первого экрана одной ширины с карточками — края на линиях текста */
@media screen and (min-width: 992px) { .why__title, .why__row, .why__row_pay { margin-inline: var(--gi) !important; } }
/* страницы услуг (2026-10-17): статья и калькулятор — ширины карточек (как на главной: ниже первого экрана всё одной ширины) */
@media screen and (min-width: 992px) { .info-article, .calc__form { margin-left: var(--gi) !important; margin-right: var(--gi) !important; } }
/* страницы услуг (2026-10-17): старый калькулятор «Elige Cantidad» скрыт — считал по старой формуле (50 seg. TikTok: €1.94 вместо 1,19 €) и дублировал ползунок формы; плитки цифр под ним остаются */
.calc__form { display: none !important; }
/* меню: пункт «Pedido múltiple» (M1, 2026-10-17) */
.full-menu__item_cart .full-menu__item-content { display: flex; align-items: center; font-weight: 700; color: #141533; text-decoration: none; }
.full-menu__cart-ic { display: grid !important; place-items: center; border-radius: 50%; background: #7A4AF7; color: #fff; }
.full-menu__new { margin-left: auto; font-size: var(--fs-xs); font-weight: 700; background: #7A4AF7; color: #fff; border-radius: var(--r-pill); padding: 2px var(--sp-2); }
.why__lnk { color: #7A4AF7; font-weight: 700; text-decoration: none; white-space: nowrap; } .why__lnk:hover { text-decoration: underline; }
/* плитки цифр: калькулятор скрыт, поэтому отступ секции-обёртки и самой секции складывались (96–128 px) — оставляем один */
.section_pt_80 > .section.section-calc { padding-top: 0 !important; }
/* плитки цифр на услугах */
/* (2026-10-17, вариант C) компактно: значок 36 слева, число xl, подпись sm в одну строку */
.calc__item{align-items:center!important;gap:var(--sp-3)!important;padding:var(--sp-4) var(--sp-6)!important} .calc__item-icon{flex:none;width:36px!important;height:36px!important}.calc__item-icon img,.calc__item-icon svg{width:36px!important;height:36px!important} .calc__item-title{font-size:var(--fs-xl)!important;line-height:1.15!important}.calc__item-text{font-size:var(--fs-sm)!important;white-space:nowrap;margin-top:2px}
/* полоска загрузки при переходе из шапки/меню, только ПК (custom.js, 2026-10-17) */
.nav-bar { position: fixed; top: 0; left: 0; z-index: 10000; height: 3px; width: 0; background: #C7F74A; box-shadow: 0 0 8px rgba(199, 247, 74, .8); opacity: 0; pointer-events: none; }
.nav-bar.is-on { opacity: 1; animation: navBar 8s cubic-bezier(.1, .7, .2, 1) forwards; }
@keyframes navBar { 0% { width: 0; } 10% { width: 45%; } 100% { width: 92%; } }
@media (prefers-reduced-motion: reduce) { .nav-bar.is-on { animation: none; width: 70%; } }
.header a.is-going { opacity: .6; }
/* телефон: меню по высоте видимого экрана и без «протекания» прокрутки на страницу. На iPhone в момент перехода по пункту
   меню панель съезжала вверх на ~45 px и снизу проглядывала страница (запись юзера 2026-10-17) */
@media (max-width: 991px) {
  .header-menu__outer { top: 0; bottom: 0; height: 100vh; height: 100dvh; }
  .header-menu__inner { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  /* без старой блокировки прокрутки (body hidden + .wrapper scroll): на iPhone после неё страница подпрыгивала при переходе;
     страница под меню и так не листается — прокрутку держит само меню (overscroll-behavior) */
  body._menu-open { overflow: visible; }
  body._menu-open .wrapper { overflow-y: visible; }
  .header-menu__outer { overscroll-behavior: contain; touch-action: pan-y; }
}
/* первый экран, телефон: 5 плашек оплаты всегда в один ряд — на узких Android (360 px и уже) пятая (биткоин) переносилась
   одна на вторую строку, а остальные расползались (2026-10-18). Ряд по ширине текста, плашки делят его поровну. */
@media screen and (max-width: 767px) {
  .hero2__pays { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sp-2) !important; }
  .hero2__pays li { width: auto !important; min-width: 0; }
}
/* Шрифты (2026-10-18): Inter урезан до латиницы + базовой кириллицы для названий языков в подвале (~35 КБ вместо ~110 на начертание; pyftsubset). Для этих символов берётся он
   (объявлен позже полного в style.min.css — побеждает); всё остальное (кириллица, греческий…) — полный шрифт из style.min.css: там ему задан unicode-range только на эти алфавиты,
   чтобы эмодзи и прочие символы не заставляли качать полные 100+ КБ. */
@font-face { font-family: "Inter"; font-display: swap; font-weight: 400; font-style: normal; src: url("../fonts/Inter-Regular-latin.woff2?v=2") format("woff2"); unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2000-206F, U+2074, U+20AC, U+2116, U+2122, U+2190-2199, U+2212, U+2215, U+2713, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-display: swap; font-weight: 500; font-style: normal; src: url("../fonts/Inter-Medium-latin.woff2?v=2") format("woff2"); unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2000-206F, U+2074, U+20AC, U+2116, U+2122, U+2190-2199, U+2212, U+2215, U+2713, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-display: swap; font-weight: 700; font-style: normal; src: url("../fonts/Inter-Bold-latin.woff2?v=2") format("woff2"); unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2000-206F, U+2074, U+20AC, U+2116, U+2122, U+2190-2199, U+2212, U+2215, U+2713, U+FEFF, U+FFFD; }
/* Статьи услуг (info-article): картинки, таблицы, сравнение, шаги, галочки, цифры — 2026-10-19 */
.info-article__content .ia-fig { margin: var(--sp-6) 0; }
.info-article__content .ia-fig img { display: block; width: 100%; height: auto; border-radius: var(--r-md); background: #fff; }
.info-article__content .ia-tw { overflow-x: auto; margin: var(--sp-4) 0; -webkit-overflow-scrolling: touch; }
.info-article__content .ia-table { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; border: 1px solid #E7E9F2; border-radius: var(--r-sm); overflow: hidden; font-size: var(--fs-sm); line-height: 1.45; }
.info-article__content .ia-table th { background: #7A4AF7; color: #fff; text-align: left; font-weight: 700; padding: var(--sp-3) var(--sp-4); }
.info-article__content .ia-table td { padding: var(--sp-3) var(--sp-4); border-top: 1px solid #E7E9F2; vertical-align: top; }
.info-article__content .ia-table tbody tr:nth-child(even) td { background: #F8F6FF; }
.info-article__content .ia-table b { color: #7A4AF7; white-space: nowrap; }
.info-article__content .ia-note { font-size: var(--fs-sm) !important; color: #667198; }
.info-article__content .ia-vs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); margin: var(--sp-4) 0 var(--sp-6); }
.info-article__content .ia-vs__c { border-radius: var(--r-md); padding: var(--sp-4); }
.info-article__content .ia-vs__c > b { display: block; margin-bottom: var(--sp-2); font-size: var(--fs-md); }
.info-article__content .ia-vs__c ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--sp-2); }
.info-article__content .ia-vs__c li { display: block; position: relative; padding-left: 26px; font-size: var(--fs-sm) !important; }
.info-article__content .ia-vs__c li::before { position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font: 700 11px/18px Inter, sans-serif; text-align: center; }
.info-article__content .ia-vs__c.is-off { background: #F2F3F8; }
.info-article__content .ia-vs__c.is-off li::before { content: "✕"; background: #E3E5EE; color: #667198; }
.info-article__content .ia-vs__c.is-on { background: #F5F1FF; box-shadow: inset 0 0 0 2px #7A4AF7; }
.info-article__content .ia-vs__c.is-on li::before { content: "✓"; background: #C7F74A; color: #141533; }
.info-article__content .ia-steps { list-style: none; counter-reset: ias; margin: var(--sp-4) 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); }
.info-article__content .ia-steps li { counter-increment: ias; position: relative; background: #F5F1FF; border-radius: var(--r-md); padding: 52px var(--sp-4) var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-1); }
.info-article__content .ia-steps li::before { content: counter(ias); position: absolute; left: var(--sp-4); top: var(--sp-4); width: 28px; height: 28px; border-radius: 50%; background: #7A4AF7; color: #fff; font: 700 14px/28px Inter, sans-serif; text-align: center; }
.info-article__content .ia-steps li:not(:last-child)::after { content: ""; position: absolute; right: -10px; top: 28px; width: 8px; height: 8px; border-top: 2px solid #7A4AF7; border-right: 2px solid #7A4AF7; transform: rotate(45deg); }
.info-article__content .ia-steps b { font-size: var(--fs-md); }
.info-article__content .ia-steps span { font-size: var(--fs-sm); line-height: 1.5; color: #3d4466; }
.info-article__content .ia-checks { list-style: none; padding: 0; margin: var(--sp-4) 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
.info-article__content .ia-checks li { display: block; position: relative; padding: var(--sp-3) var(--sp-4) var(--sp-3) 48px; background: #F8F6FF; border-radius: var(--r-sm); font-size: var(--fs-sm) !important; }
.info-article__content .ia-checks li::before { content: "✓"; position: absolute; left: var(--sp-4); top: var(--sp-3); width: 22px; height: 22px; border-radius: 50%; background: #C7F74A; color: #141533; font: 700 12px/22px Inter, sans-serif; text-align: center; }
.info-article__content .ia-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); margin: var(--sp-4) 0; }
.info-article__content .ia-stats > div { background: #141533; color: #fff; border-radius: var(--r-md); padding: var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-1); }
.info-article__content .ia-stats b { font-size: var(--fs-2xl); line-height: 1.1; color: #C7F74A; }
.info-article__content .ia-stats span { font-size: var(--fs-sm); line-height: 1.4; color: rgba(255, 255, 255, .85); }
/* картинка-декор: на ПК сбоку, текст обтекает; на телефоне — небольшая по центру */
.info-article__content .ia-fig.is-r, .info-article__content .ia-fig.is-l { width: 380px; margin-top: var(--sp-1); margin-bottom: var(--sp-4); }
.info-article__content .ia-fig.is-r { float: right; margin-left: var(--sp-6); }
.info-article__content .ia-fig.is-l { float: left; margin-right: var(--sp-6); }
.info-article__content h2, .info-article__content .ia-tw, .info-article__content .ia-vs, .info-article__content .ia-steps, .info-article__content .ia-checks, .info-article__content .ia-stats { clear: both; }
.info-article__content .ia-stats.is-2 { grid-template-columns: 1fr 1fr; }
.info-article__content .ia-stats.is-2 > div:first-child { background: #7A4AF7; }
@media (max-width: 767px) {
  .info-article__content .ia-fig.is-r, .info-article__content .ia-fig.is-l { float: none; width: auto; max-width: 320px; margin: var(--sp-4) auto; }
  .info-article__content .ia-vs, .info-article__content .ia-checks, .info-article__content .ia-steps, .info-article__content .ia-stats:not(.is-2) { grid-template-columns: 1fr; }
  .info-article__content .ia-steps li:not(:last-child)::after { right: auto; left: 50%; top: auto; bottom: -10px; transform: rotate(135deg); }
}
.info-article__content .ia-table:has(th:nth-child(2):last-child) { min-width: 0; } /* 2 колонки помещаются и на телефоне — без прокрутки вбок */

/* ===== «Contáctanos» (вариант B, 2026-10-19): чат, почта, вопросы-чипы ===== */
.ct2 { display: flex; flex-direction: column; gap: var(--sp-3); margin-bottom: var(--sp-3); }
.ct2-hero, .ct2-quick { background: #fff; border-radius: var(--r-sm); padding: var(--sp-8); }
.ct2-hero { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--sp-6); align-items: center; }
.ct2-h1 { margin: var(--sp-2) 0 var(--sp-3) !important; }
.ct2-lead { margin: 0; font-size: var(--fs-lg); line-height: var(--lh-text); color: #667198; max-width: 52ch; }
.ct2-lead b { color: #141533; }
.ct2-cta { display: flex; flex-direction: column; gap: var(--sp-3); }
.ct2-chat { display: flex; align-items: center; justify-content: center; gap: var(--sp-2); width: 100%; min-height: 56px; padding: 0 var(--sp-6); border: 0; border-radius: 99px; background: #7A4AF7; color: #fff; font: 800 var(--fs-md) Inter, sans-serif; cursor: pointer; box-shadow: 0 8px 20px rgba(122, 74, 247, .35); transition: transform .2s, box-shadow .2s; }
.ct2-chat:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(122, 74, 247, .45); }
.ct2-mail { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; background: #F5F1FF; border-radius: var(--r-md); padding: var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4); }
.ct2-addr { flex: 1 1 auto; min-width: 0; font-weight: 700; font-size: var(--fs-sm); color: #141533; overflow-wrap: anywhere; }
.ct2-mbtns { display: flex; gap: var(--sp-2); }
.ct2-mb { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 var(--sp-3); border: 0; border-radius: 99px; background: #fff; color: #7A4AF7; box-shadow: inset 0 0 0 2px #7A4AF7; font: 700 var(--fs-sm) Inter, sans-serif; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s, box-shadow .2s; }
.ct2-mb.is-ok { background: #C7F74A; color: #141533; box-shadow: none; }
.ct2-dd { position: relative; }
.ct2-mailto { display: none; text-decoration: none; }
.ct2-ch { transition: transform .25s; }
.ct2-dd.is-open .ct2-ch { transform: rotate(180deg); }
.ct2-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; min-width: 190px; padding: 6px; background: #fff; border-radius: var(--r-sm); box-shadow: 0 12px 30px rgba(20, 21, 51, .2); opacity: 0; transform: translateY(-4px); pointer-events: none; transition: opacity .2s, transform .2s; }
.ct2-dd.is-open .ct2-menu { opacity: 1; transform: none; pointer-events: auto; }
.ct2-menu a { display: block; padding: 10px 12px; border-radius: 8px; color: #141533; font-weight: 600; font-size: var(--fs-sm); text-decoration: none; }
.ct2-menu a:hover { background: #F5F1FF; }
.ct2-time { display: flex; align-items: flex-start; gap: var(--sp-2); margin: 0; font-size: var(--fs-sm); line-height: 1.45; color: #667198; }
.ct2-dot { flex: none; width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34, 197, 94, .2); transition: background .3s, box-shadow .3s; }
.ct2-dot.is-off { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245, 158, 11, .2); }
.ct2-h2 { margin: 0 0 var(--sp-4); font-size: var(--fs-lg); line-height: var(--lh-head); }
.ct2-chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.ct2-chips button { border: 0; border-radius: 99px; padding: 10px var(--sp-4); background: #F5F1FF; color: #141533; font: 600 var(--fs-sm) Inter, sans-serif; cursor: pointer; transition: box-shadow .2s, transform .2s; }
.ct2-chips button:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 2px #7A4AF7; }
@media (max-width: 991px) { .ct2-hero { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
  .ct2-hero, .ct2-quick { padding: var(--sp-6) var(--sp-4); }
  .ct2-mail { padding: var(--sp-3); }
  .ct2-addr { flex-basis: 100%; text-align: center; font-size: var(--fs-md); }
  .ct2-mbtns { flex-basis: 100%; }
  .ct2-mbtns > *, .ct2-dd .ct2-mb { flex: 1; width: 100%; }
  .ct2-dd { display: none; }
  .ct2-mailto { display: inline-flex; flex: 1; }
}

/* блок чата и почты (2026-10-19): статус под кнопкой чата, разделитель «o por email», почта отдельной карточкой с подписью */
.ct2-cta { gap: 0; }
.ct2-cta .ct2-time { justify-content: center; margin-top: var(--sp-3); }
.ct2-or { display: flex; align-items: center; gap: var(--sp-3); margin: var(--sp-6) 0 var(--sp-3); font-size: var(--fs-sm); color: #667198; }
.ct2-or::before, .ct2-or::after { content: ""; flex: 1; height: 1px; background: #E7E9F2; }
.ct2-mail { padding: var(--sp-4); row-gap: var(--sp-3); }
.ct2-mlbl { flex-basis: 100%; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #667198; }
.ct2-addr, .ct2-addr a { color: #141533 !important; text-decoration: none !important; } /* iPhone сам делает адрес ссылкой — без подчёркивания */
@media (max-width: 767px) { .ct2-mlbl, .ct2-addr { text-align: center; } .ct2-mail { padding: var(--sp-4) var(--sp-3); } }
/* Баннер cookies на телефоне (аудит 2026-10-30): не заходит под круглую кнопку чата справа, прячется при открытом меню,
   а пока он висит — у низа футера запас, чтобы последняя строка не пряталась под ним */
body._menu-open .popup-cookie { display: none !important; }
@media (max-width: 767px) {
  .popup-cookie__outer { padding-right: 88px; }
  body:has(.popup-cookie._active) .ft2__bot { padding-bottom: calc(var(--sp-6) + 64px) !important; }
}