/* kidimind.com · окно записи, своя форма (вместо формы Kommo), галочка согласия. Цвета и шрифт — как у сайта (Webflow: brown #7b614e, off-white #f0edeb, black #303030). */
.km-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.km-consent{display:flex;gap:.5rem;align-items:flex-start;font-size:.8rem;line-height:1.35;margin:.6rem 0;color:inherit;text-align:left;cursor:pointer}
.km-consent input{margin-top:.15rem;flex:0 0 auto;width:1.05rem;height:1.05rem;accent-color:#7b614e}
.km-consent a{text-decoration:underline;color:inherit}
.km-modal{border:0;border-radius:1.25rem;padding:0;max-width:30rem;width:calc(100% - 2rem);box-shadow:0 1.5rem 4rem rgba(48,48,48,.25);color:#303030;font-family:Manrope,Arial,sans-serif}
.km-modal::backdrop{background:rgba(48,48,48,.55)}
.km-modal .km-form,.km-modal .km-after{padding:1.75rem 1.5rem 1.5rem}
.km-x{position:absolute;top:.5rem;right:.6rem;width:2.75rem;height:2.75rem;border:0;background:transparent;font-size:1.75rem;line-height:1;cursor:pointer;color:#303030;border-radius:50%}
.km-x:hover,.km-x:focus-visible{background:#f0edeb}
.km-form{display:flex;flex-direction:column;gap:.6rem;text-align:left}
.km-form-title{margin:0 2rem .2rem 0;font-size:1.4rem;line-height:1.2;font-weight:600}
.km-form-sub{margin:0 0 .4rem;font-size:.95rem;line-height:1.45;color:#757575}
.km-input{width:100%;box-sizing:border-box;min-height:3rem;padding:.7rem .9rem;border:1px solid #ccc;border-radius:.75rem;font:inherit;font-size:1rem;color:#303030;background:#fff}
.km-input:focus{outline:2px solid #7b614e;outline-offset:1px;border-color:#7b614e}
textarea.km-input{min-height:5rem;resize:vertical}
.km-btn{display:inline-flex;justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1.5rem;border:0;border-radius:25rem;background:#7b614e;color:#fff;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:background-color .2s}
.km-btn:hover,.km-btn:focus-visible{background:#8d725b}
.km-btn:disabled{opacity:.6;cursor:wait}
.km-err{margin:0;min-height:1em;color:#b3261e;font-size:.85rem}
.km-ok p{margin:.4rem 0;line-height:1.45}
.km-wa{display:inline-flex;align-items:center;gap:.4rem;min-height:3rem;padding:.7rem 1.3rem;border-radius:25rem;background:#25d366;color:#0b3d1c!important;font-weight:600;text-decoration:none}
.km-wa:hover,.km-wa:focus-visible{background:#1fbf5b}
.km-dl{margin-top:.2rem}
.km-inline{max-width:34rem;margin:1.5rem auto;padding:1.5rem;border-radius:1.25rem;background:#f0edeb;color:#303030}
.km-inline .km-done,.km-inline .km-fail{display:none}
.w-form-done .km-ok,.w-form-fail .km-wa{margin-top:.75rem}
@media (max-width:479px){.km-modal{width:calc(100% - 1rem);border-radius:1rem}.km-modal .km-form,.km-modal .km-after{padding:1.5rem 1rem 1rem}.km-form-title{font-size:1.25rem}}

/* Форма на странице «Контакты» в Webflow была скрыта (.form_component{display:none}) — заявки уходили в Webflow без обработки.
   Теперь она отправляет в платформу, поэтому показываем её (11.11.2026). */
.contact_content-grid .form_component.w-form { display: flex; }
@media (max-width: 767px) { .contact_content-grid .form_component.w-form { width: 100%; } }

/* YouTube по нажатию (11.11.2026) */
.km-yt { display:block; border:0; padding:0; margin:0; background:#000; cursor:pointer; overflow:hidden; }
.km-yt img { width:100%; height:100%; object-fit:cover; display:block; }
.km-yt-play { position:absolute; left:50%; top:50%; width:68px; height:48px; margin:-24px 0 0 -34px; border-radius:12px; background:rgba(0,0,0,.72); }
.km-yt-play::after { content:""; position:absolute; left:27px; top:14px; border-style:solid; border-width:10px 0 10px 17px; border-color:transparent transparent transparent #fff; }
.km-yt:hover .km-yt-play, .km-yt:focus-visible .km-yt-play { background:#c4302b; }

/* Шапка на ноутбуках 992–1439 px: «Precios»/«Price» наезжали на кнопки языков (было и на Webflow, 11.11.2026) */
@media (min-width: 992px) and (max-width: 1439px) {
  .nav_menu-list { grid-column-gap: .9vw; grid-row-gap: .9vw; }
  .nav_menu-list-item { font-size: .88em; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav_menu-list { grid-column-gap: .5vw; grid-row-gap: .5vw; }
  .nav_menu-list-item { font-size: .74em; }
}
@media (min-width: 992px) and (max-width: 1199px) { html[lang="ca"] .nav_menu-list-item { font-size: .68em; } html[lang="ca"] .nav_menu-list { grid-column-gap: .4vw; } }
/* Живые кадры центра (12.11.2026): высота по пропорции, если стиль блока её не задаёт; заставка фона картирования */
:where(img.km-live) { height: auto; }
video[data-km-bg] { background-size: cover; background-position: center; }
