@font-face{font-family:'Golos Text';src:url('./media/golos-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('./media/golos-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('./media/golos-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('./media/golos-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('./media/golos-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./media/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./media/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./media/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./media/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--brand-bg:#FFFBF5;--brand-soft:#FCEFE0;--brand-ink:#2C2520;--brand-muted:#6E635A;--brand-line:#F0E3D2;--brand-primary:#B23C1C;--brand-terra:#D5512C;--brand-accent:#A54225;--brand-amber:#F6B84B}
body{font-family:'Golos Text',Arial,sans-serif;background:var(--brand-bg);color:var(--brand-ink)}
button,input,select,textarea{font-family:'Golos Text',Arial,sans-serif}
.sp-shell h1,.sp-shell h2,.sp-shell h3,.sky-hero-headline,.sky-bubble-school h1,.sky-benefits h3,.sky-programs h2,.sky-eco-heading h2,.sky-eco-text h3,.sky-teachers h2,.sky-journey h2,.sky-questions h2,.enrollment .form-copy h2{font-family:Manrope,'Golos Text',sans-serif;font-weight:600;letter-spacing:-.035em}
.sp-shell p{color:var(--brand-muted)}
.sky-brand span{font-family:'Golos Text',sans-serif!important;font-weight:700;letter-spacing:-1px}
.sky-brand svg path:first-child{fill:var(--brand-terra)}.sky-brand svg path+path{fill:var(--brand-amber)}
.sky-promo{background:#2C2520}.sky-promo p span{color:#F6B84B}
.sp-button,.sky-journey-submit,.sky-fields>button,.enrollment .button.primary{background:#B23C1C;color:white}
.sp-button:hover,.sky-journey-submit:hover,.sky-fields>button:hover,.enrollment .button.primary:hover{background:#933015}
.sky-header .sky-login{color:var(--brand-ink)}
.sky-hero-background{filter:sepia(1) saturate(1.2) hue-rotate(335deg)}
.sky-mascot,.sky-stars,.sky-journey-mascot,.sky-journey-laptop,.sky-promo-globe,.sky-promo-flags{filter:sepia(.85) saturate(.75) hue-rotate(335deg)}
.sky-bubble{background-image:none!important;background:linear-gradient(135deg,#ffffffee,#F6DEC2dd);border:1px solid #F0E3D2;border-radius:28px;box-shadow:0 14px 40px #6E443414}
.sky-hero-panel:before{background:linear-gradient(115deg,#BD5733,#A54225)}
.sky-hero-headline{font-size:48px;line-height:1.16;letter-spacing:-.04em}
.sky-eco-blue{background:linear-gradient(125deg,#A54225,#BE5936)}
.sky-eco-voice{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#D5512C,#F6B84B) border-box}
.sky-journey-card{background:linear-gradient(155deg,#BD5733,#A54225)}
.sp-detail-hero{background-image:linear-gradient(90deg,#7A351DEE,#7A351D99 55%,#7A351D11),url('/html/assets/media/sky-reference/course-beginner-background.webp');background-color:#D5512C}
.sp-detail-hero:before{background:transparent}.sp-kids{background-image:linear-gradient(120deg,#B23C1C,#F08A3C)}
.sp-catalog-visual{background:linear-gradient(145deg,#FCEFE0,#F6B84B)}
.sp-catalog-visual>span{color:#B23C1C}.sp-catalog-visual img{mix-blend-mode:normal}
.sp-price-featured{background:#FCEFE0;border:1px solid #E7B987}
.sp-price-notice,.sp-review-banner{background:linear-gradient(120deg,#FCEFE0,#F6DEC2)}
.sp-portrait{border-color:#FCEFE0}.sp-portrait>span{background:#A54225}
.sp-tag,.sp-shell .sp-count{letter-spacing:.02em}
.sp-shell .sp-page-title h1{font-weight:600;font-size:62px;line-height:1.12}
.sp-shell .sp-heading h2{font-size:48px;line-height:1.15}
.sky-inner-header .sky-navigation>a,.sky-inner-header .sky-menu>summary{font-size:16px}
.sky-inner-top .sky-brand span{font-size:24px}
.sky-inner-header .sky-navigation{gap:18px}
.sky-footer nav>a:not(.sky-brand),.sky-footer nav>p{font-family:'Golos Text',sans-serif}
.enrollment{background:linear-gradient(135deg,#FFFBF5,#FCEFE0);color:#2C2520}.enrollment .form-copy p{color:#6E635A}
.enrollment input,.enrollment select{background:#fff;border-color:#F0E3D2;color:#2C2520}
::selection{background:#F6B84B;color:#2C2520}
@media(min-width:1600px){.sp-shell .sp-page-title h1{font-size:72px}}
@media(max-width:1200px){.sky-hero-headline{font-size:42px}.sky-inner-header .sky-brand span{font-size:21px}.sky-inner-header .sky-login{font-size:13px}}
@media(max-width:900px){.sky-hero-headline{font-size:36px}.sp-shell .sp-page-title h1{font-size:52px}.sp-shell .sp-heading h2{font-size:40px}}
@media(max-width:600px){.sky-hero-headline{font-size:27px;line-height:1.25}.sp-shell .sp-page-title h1{font-size:37px;line-height:1.15}.sp-shell .sp-heading h2{font-size:31px}.sp-shell h3{line-height:1.2}.sky-inner-header .sky-brand span{font-size:18px}.sky-inner-header .sky-login{font-size:10px}.sky-top .sky-brand span{font-size:18px}.sky-top .sky-login{font-size:10px}.sky-bubble-school h1{font-size:19px}.sp-shell .sp-detail-hero h1{font-size:37px}.sp-card-copy h3{font-size:26px}}
.sky-benefit h2,.sky-program-copy h3,.sky-teachers-heading h2,.sky-teacher-copy h3{font-family:Manrope,'Golos Text',sans-serif;font-weight:600;letter-spacing:-.035em}
.sky-benefit>img,.sky-journey-background{filter:sepia(.9) saturate(.8) hue-rotate(335deg)}
.sky-journey-panel{background:linear-gradient(155deg,#BD5733,#A54225)}
.sky-fields input::placeholder,.sky-journey input::placeholder,.enrollment input::placeholder{color:#766D65;opacity:1}
.sky-consents label,.sky-journey-consent{color:#F0E3D2}
.sky-consents input,.sky-journey-consent input{border-color:#D6C7B7}
/* Secondary course palette: colours already used by Espacademia. */
:root{--brand-gold:#F2B544;--brand-butter:#FFF47C;--brand-mint:#E0F8D9;--brand-peach:#F5AC84;--brand-rose:#F3B5D0;--brand-periwinkle:#C5D3FC;--brand-lavender:#E3DDFB}
:where([data-kind="activo"],[data-course-theme="activo"],#sky-course-activo,#price-activo){--course-soft:#FFFBE4;--course-tint:#FFF47C;--course-button:#F4C35D}
:where([data-kind="intensivo"],[data-course-theme="intensivo"],#sky-course-intensivo,#price-intensivo){--course-soft:#F5FFF0;--course-tint:#E0F8D9;--course-button:#DBF3AE}
:where([data-kind="club"],[data-course-theme="club"],#sky-course-club,#price-club){--course-soft:#FFF6EC;--course-tint:#F5AC84;--course-button:#F4CB7B}
:where([data-kind="dele"],[data-course-theme="dele"],#sky-course-dele,#price-dele){--course-soft:#FFF4F6;--course-tint:#F3B5D0;--course-button:#F0A0AE}
:where([data-kind="kids"],[data-course-theme="kids"],#sky-course-kids,#price-kids){--course-soft:#F4F7FF;--course-tint:#C5D3FC;--course-button:#B8D2F6}
:where([data-kind="private"],[data-course-theme="private"],#sky-course-private,#price-private){--course-soft:#FAF7FF;--course-tint:#E3DDFB;--course-button:#C7BBF2}
.sp-course[data-kind]{background:linear-gradient(140deg,#FFFEF9,var(--course-soft));border:1px solid #F0E3D2;box-shadow:0 10px 30px #2C252008}
.sp-course[data-kind] .sp-card-art{background:linear-gradient(120deg,var(--course-soft),var(--course-tint));color:#2C2520}
.sp-course[data-kind] .sp-card-link{background:var(--course-button);color:#2C2520;border:0;border-radius:12px;padding:14px 17px;transition:filter .2s}
.sp-course[data-kind] .sp-card-link:hover{filter:brightness(.97)}
.sp-course[data-kind] .sp-card-link span{color:#2C2520}
.sky-program-panel{background:linear-gradient(120deg,#FFFEF9,var(--course-soft) 55%,var(--course-tint));border:1px solid #F0E3D2}
.sky-program-panel .sky-program-picture{background:linear-gradient(145deg,var(--course-soft),var(--course-tint))}
.sky-program-panel .sky-course-greeting{background:var(--course-button);color:#2C2520}
.sky-program-panel .sky-program-actions>a{background:var(--course-button);color:#2C2520;border-color:transparent}
.sky-program-panel .sky-program-actions>button{background:transparent;color:#6E635A;border-color:#D6C7B7}
.sky-program-panel .sky-program-category{color:#80513A}
.sky-program-tabs button[aria-selected="true"]{background:#F4C35D;color:#2C2520;border-color:#F4C35D}
.sp-shell[data-course-theme] .sp-facts article{background:linear-gradient(135deg,#FFFEF9,var(--course-soft));border:1px solid var(--course-tint)}
.sp-shell[data-course-theme] .sp-price-featured,.sp-price-section .sp-price-featured{background:linear-gradient(130deg,var(--course-soft),var(--course-tint));border-color:var(--course-tint)}
.sp-shell[data-course-theme] .sp-program summary>span{background:var(--course-button);color:#2C2520;border-radius:50%;min-width:35px;height:35px;display:grid;place-items:center}
.sky-inner-header .sky-login{background:#F4C35D;color:#2C2520}
.sky-inner-header .sky-login:hover{background:#F2B544}
.sky-promo-code{background:#F4C35D;color:#2C2520}.sky-promo a.sky-promo-code:hover{background:#F2B544;color:#2C2520}
.sky-benefit:nth-child(1){background:#FFFBE4}.sky-benefit:nth-child(2){background:#FAF7FF}.sky-benefit:nth-child(3){background:#FFF3E3}

.sp-shell .sp-crumb,
.sp-shell .sp-crumb a {
  color: var(--brand-ink);
}
.sp-shell .sp-crumb a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 0;
  padding: 0;
  color: #fff8ec;
  background: #294b40;
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-copy {
  align-self: center;
  max-width: none;
  padding: clamp(28px, 4vw, 56px);
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-copy h1 {
  font-size: clamp(32px, 4.1vw, 59px);
  margin: 18px 0;
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-copy p {
  color: #fff0dc;
  font-size: 18px;
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-actions .sp-button,
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-actions .sp-hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 0;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 15px;
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-actions .sp-hero-secondary {
  border: 1px solid #fff0dc80;
  text-decoration: none;
}
:is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-actions .sp-hero-secondary:hover {
  background: #ffffff18;
}
.sp-activo-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}
.sky-benefits.sp-activo-facts {
  width: 100%;
  margin-top: 26px;
}
.sp-activo-facts .sky-benefit {
  background: #fff;
  min-height: 0;
}
.sp-activo-facts .sky-benefit h2 {
  font-weight: 600;
}
.sp-activo-facts .sky-benefit p {
  font-size: 17px;
}
@media (max-width: 767px) {
  :is([data-course-theme="activo"], [data-course-theme="intensivo"], [data-course-theme="club"], [data-course-theme="private"], [data-course-theme="dele"]) .sp-detail-hero { grid-template-columns: minmax(0, 1fr); }
  .sp-activo-photo { height: clamp(220px, 62vw, 340px); }
}

.course-plan-grid .sp-price {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #fff;
  border: 0;
  box-shadow: 0 6px 22px #2c25200c;
}
.course-plan-grid .sp-price:nth-child(2) { background: #eef2e8; }
.course-plan-grid .sp-price h3 { margin: 0; }
.course-plan-grid ul { padding-left: 19px; margin: 0; color: var(--brand-muted); }
.course-plan-total { margin-top: auto; }
.course-plan-total small { display: block; color: var(--brand-muted); }
.course-plan-grid .sp-button { align-self: start; }
.course-faq {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr);
  gap: clamp(20px, 5vw, 72px);
  align-items: start;
}
.course-faq h2 { font-size: clamp(30px, 4vw, 54px); margin: 0 0 16px; }
.course-faq header p { font-size: 16px; }
.course-faq details { border-bottom: 1px solid var(--brand-line); }
.course-faq summary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 16px 0;
  font-size: clamp(17px, 2vw, 22px);
  list-style: none;
  cursor: pointer;
}
.course-faq summary::-webkit-details-marker { display: none; }
.course-faq summary::after {
  content: '';
  flex: 0 0 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-3px) rotate(45deg);
}
.course-faq details[open] summary::after { transform: rotate(225deg); }
.course-faq details p { font-size: 17px; margin: 0 26px 18px 0; }
.course-reviews {
  padding: clamp(18px, 3.5vw, 44px);
  border-radius: 28px;
  background: linear-gradient(120deg, #bd5733, #a54225);
  box-shadow: 0 20px 50px #a5422510;
}
.course-reviews #course-reviews-title { color: #fff8ec; }
@media (max-width: 600px) {
  .course-reviews #course-reviews-title {
    font-size: clamp(22px, 7.2vw, 36px);
  }
}
.course-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.course-reviews .course-reviews-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 3vw, 34px);
  border-radius: 22px;
  background: #f4c35d;
  color: #30231a;
  text-decoration: none;
}
.course-reviews .course-reviews-link:hover,
.course-reviews .course-reviews-link:focus-visible {
  background: #ffda88;
  color: #30231a;
}
.course-reviews-link > span { color: #63421f; }
.course-reviews .course-reviews-link strong { color: #30231a; font: 600 23px/1.25 Manrope, sans-serif; }
@media (min-width: 1024px) {
  .course-review-grid-featured { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .course-review-grid-featured .course-reviews-link { grid-column: 1 / 4; }
  .course-review-grid-featured article:nth-of-type(1) { grid-column: 4 / 9; }
  .course-review-grid-featured article:nth-of-type(2) { grid-column: 1 / 5; }
  .course-review-grid-featured article:nth-of-type(3) { grid-column: 5 / 9; }
  .course-review-grid-featured article:nth-of-type(4) { grid-area: 1 / 9 / 3 / 13; }
}
.course-review-grid article {
  padding: clamp(20px, 3vw, 34px);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 6px 16px #46362622;
}
.course-review-grid header { display: flex; align-items: center; gap: 13px; }
.course-review-grid header > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: #e8efe6;
  color: #285e50;
}
.course-review-grid h3 { font-size: 18px; margin: 0; }
.course-review-grid small { color: var(--brand-muted); }
.course-review-grid blockquote, .course-review-grid .course-review-summary { margin: 16px 0 0; color: var(--brand-muted); font-size: 16px; }
.course-related .sp-course { box-shadow: 0 6px 22px #2c25200c; }
@media (max-width: 720px) {
  .course-faq, .course-review-grid { grid-template-columns: 1fr; }
}

.activo-method-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 18px;
}
.activo-method-list {
  display: grid;
  gap: 16px;
  padding: clamp(22px, 4vw, 42px);
  border-radius: 24px;
  background: white;
}
.activo-method-list article + article {
  border-top: 1px solid var(--brand-line);
  padding-top: 16px;
}
.activo-method-list h3 { margin: 0 0 7px; font-size: 22px; }
.activo-method-list p { margin: 0; font-size: 16px; }
.activo-method-layout img {
  width: 100%;
  height: 100%;
  max-height: 530px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}
[data-course-theme="activo"] #course-pricing > .sp-heading { text-align: center; }
[data-course-theme="activo"] #course-pricing > .sp-heading p { margin-inline: auto; }
.activo-plan-grid .sp-price {
  padding: clamp(22px, 3vw, 32px);
  border-radius: 24px;
}
.activo-plan-grid .activo-plan-format {
  align-self: start;
  padding: 4px 11px;
  border-radius: 20px;
  background: #f7ebdc;
  color: #6c4937;
  font-size: 13px;
}
.activo-plan-grid .course-plan-total strong {
  display: block;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
}
.activo-plan-grid .sp-price .sp-button { margin-top: 0; }
.activo-plan-grid ul { list-style: none; padding: 0; display: grid; gap: 10px; }
.activo-plan-grid li {
  position: relative;
  padding-left: 22px;
}
.activo-plan-grid li::before {
  position: absolute;
  top: .45em;
  left: 2px;
  content: '';
  width: 5px;
  height: 9px;
  border: solid #2c7a6b;
  border-width: 0 2px 2px 0;
  rotate: 45deg;
}
.activo-plan-grid .sp-price.activo-plan-highlight {
  background: linear-gradient(145deg, #386454, #243e36);
  color: #fff8ec;
}
.activo-plan-highlight :is(ul, .course-plan-total strong, .course-plan-total small) { color: #fff1da; }
.activo-plan-highlight li::before { border-color: #f6b84b; }
.activo-plan-highlight .activo-plan-format { background: #f6d794; color: #35271e; }
@media (max-width: 767px) {
  .activo-method-layout { grid-template-columns: 1fr; }
  .activo-method-layout img { max-height: 300px; }
}

@media (min-width: 1024px) {
  [data-course-theme="intensivo"] .sp-detail-hero {
    min-height: clamp(460px, 35vw, 560px);
  }
}
[data-course-theme="club"] {
  --club-surface: #294b40;
  --club-text: #fff8ec;
  --club-muted: #e6ede7;
  --club-accent: #f4c35d;
  --club-radius: clamp(22px, 3vw, 36px);
  --club-padding: clamp(24px, 4vw, 56px);
}
[data-course-theme="club"] .sp-detail-hero {
  background: var(--club-surface);
  border-radius: var(--club-radius);
  color: var(--club-text);
}
[data-course-theme="club"] .sp-detail-copy { padding: var(--club-padding); }
[data-course-theme="club"] .sp-detail-copy p { color: var(--club-muted); }
.intensive-plan-grid { grid-template-columns: minmax(0, 1fr); }
.intensive-plan-grid ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
@media (max-width: 600px) {
  .intensive-plan-grid ul { grid-template-columns: minmax(0, 1fr); }
}
.club-band,
[data-course-theme="club"] .course-faq {
  margin-block: clamp(28px, 5vw, 72px);
  padding: var(--club-padding);
  border-radius: var(--club-radius);
  background: var(--club-surface);
  color: var(--club-text);
  scroll-margin-top: 88px;
}
.club-band h2,
[data-course-theme="club"] .course-faq h2 {
  margin: 0 0 16px;
  color: inherit;
  font-size: clamp(30px, 4vw, 56px);
}
.club-band h3 { color: inherit; }
.club-band p,
[data-course-theme="club"] .course-faq p { color: var(--club-muted); }
.club-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 32px);
  margin-top: 28px;
}
.club-benefit-grid article { display: grid; gap: 16px; align-content: start; }
.club-benefit-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 20px;
}
.club-benefit-grid h3,
.club-join h3 { margin: 0 0 8px; font-size: 23px; }
.club-agenda header { margin-bottom: 30px; }
.club-agenda header p,
.club-join article p { margin: 0 0 16px; }
.club-agenda h3 { margin: 0 0 16px; font-size: 24px; }
.club-topic-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.club-topic-list li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 142px;
  padding: 18px;
  border-radius: 16px;
  background: var(--club-text);
  color: #30231a;
}
.club-topic-list time { font-size: 13px; }
.club-topic-list strong { font-size: clamp(18px, 2vw, 25px); line-height: 1.15; }
.club-join { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: 24px; }
.club-join article { padding: 24px; background: #ffffff12; border-radius: 20px; }
[data-course-theme="club"] :is(.sp-detail-actions .sp-button, .club-cta) {
  background: var(--club-accent);
  color: #30231a !important;
}
[data-course-theme="club"] :is(.sp-detail-actions .sp-button, .club-cta):hover {
  background: #ffda88;
}
[data-course-theme="club"] .course-faq { grid-template-columns: minmax(0, 1fr); }
[data-course-theme="club"] .course-faq details { border-color: #fff8ec40; }
[data-course-theme="club"] .course-faq summary { color: inherit; }
[data-course-theme="club"] .course-faq a { color: var(--club-accent); }
@media (max-width: 820px) {
  .club-benefit-grid,
  .club-join { grid-template-columns: minmax(0, 1fr); }
  .club-benefit-grid article:nth-child(2) { margin-top: 0; }
  .club-topic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
  .club-topic-list { grid-template-columns: minmax(0, 1fr); }
  .club-topic-list li { min-height: 106px; gap: 12px; }
}

.private-plan-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.private-plan-grid .sp-button { font-size: 15px; padding-inline: 12px; }
@media (max-width: 1023px) {
  .private-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .private-plan-grid { grid-template-columns: minmax(0, 1fr); }
}

.sp-detail-hero.sp-kids .sp-detail-copy {
  max-width: 50%;
}
.sp-detail-hero.sp-kids .sp-detail-copy p {
  color: #fff8ee;
  margin-bottom: 18px;
}
.sp-kids-art {
  position: absolute;
  inset: 0 0 0 49%;
  pointer-events: none;
}
.sp-kids-art .sp-hero-word {
  top: 10%;
  right: 5%;
  bottom: auto;
  font-size: clamp(72px, 12vw, 150px);
  opacity: .28;
}
.sp-kids-art img {
  position: absolute;
  inset: auto 4% 0 auto;
  width: 91%;
  height: 94%;
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 767px) {
  .sp-detail-hero.sp-kids {
    min-height: 0;
    padding-bottom: 0;
  }
  .sp-detail-hero.sp-kids .sp-detail-copy { max-width: none; }
  .sp-kids-art {
    position: relative;
    inset: auto;
    height: clamp(230px, 68vw, 365px);
    margin-top: 10px;
  }
  .sp-kids-art img { right: 0; width: 100%; }
  .course-related { margin-top: 38px; }
  .course-related > .sp-heading { margin-bottom: 18px; }
  .course-related > .sp-heading h2 { margin-bottom: 0; }
}

.kids-method .activo-method-layout { grid-template-columns: minmax(0, 1fr); }
.kids-method .activo-method-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  background: #fcefe0;
}
.kids-method .activo-method-list article {
  border: 0;
  padding: 0;
}
@media (max-width: 600px) {
  .kids-method .activo-method-list { grid-template-columns: minmax(0, 1fr); }
}

:is(.catalog-filters.sp-filters > button, .faq-topic-nav > a, .sp-price-nav > a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 18px;
  border: 1px solid #dfd2c2;
  background: #fff;
  color: #51473f;
  box-shadow: 0 4px 12px #49332312, 0 1px 3px #4933230d;
  transition: background-color .18s, border-color .18s;
}
.catalog-filters.sp-filters > button[aria-pressed="true"] {
  border-color: var(--brand-ink);
  background: var(--brand-ink);
  color: #fff;
}
@media (hover: hover) {
  :is(.catalog-filters.sp-filters > button[aria-pressed="false"], .faq-topic-nav > a, .sp-price-nav > a):hover {
    background: #fff8ee;
    border-color: #b99d7c;
  }
}
:is(.catalog-filters.sp-filters > button, .faq-topic-nav > a, .sp-price-nav > a):focus-visible {
  outline: 2px solid var(--brand-accent);
  outline-offset: 3px;
}
:is(.catalog-filters, .faq-topic-nav) img, .sp-price-nav a > :is(img, svg) {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex: none;
}
@media (max-width: 600px) {
  :is(.catalog-filters.sp-filters > button, .faq-topic-nav > a, .sp-price-nav > a) { gap: 7px; padding: 8px 12px; }
  :is(.catalog-filters, .faq-topic-nav) img, .sp-price-nav a > :is(img, svg) { width: 20px; height: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.catalog-filters.sp-filters > button, .faq-topic-nav > a, .sp-price-nav > a) { transition: none; }
}

.sp-contact-grid > a.sp-contact-telegram {
  background: #e0f3fc;
  color: #134c68;
}
.sp-contact-grid > a.sp-contact-telegram :is(span, b, p) {
  color: #17688e;
}
@media (hover: hover) {
  .sp-contact-grid > a.sp-contact-telegram:hover { background: #cdeafa; }
}

.sp-contact-grid > a.sp-contact-vk {
  background: #e5efff;
  color: #174b86;
}
.sp-contact-grid > a.sp-contact-whatsapp {
  background: #e0f4e7;
  color: #19593a;
}
.sp-contact-grid > a:is(.sp-contact-vk, .sp-contact-whatsapp) :is(span, b, p) {
  color: inherit;
}
@media (hover: hover) {
  .sp-contact-grid > a.sp-contact-vk:hover { background: #d7e7fc; }
  .sp-contact-grid > a.sp-contact-whatsapp:hover { background: #d0ebda; }
}

:is(.sp-contacts, .about-page, .sp-teachers-page) + .sky-journey-wide {
  margin-block: clamp(112px, 10vw, 146px) clamp(76px, 8vw, 112px);
}

.sp-hola-sticker {
  display: inline-block;
  padding: .04em .24em .12em;
  border-radius: .28em .32em .30em .08em;
  background: #f4c35d;
  color: #633320;
  line-height: 1;
  white-space: nowrap;
  rotate: -6deg;
  box-shadow: 0 .06em .15em #593f2b20;
}

:is(.faq-topic-nav, .sp-price-nav) > a {
  border-radius: 40px;
  font-size: 18px;
  text-decoration: none;
}
@media (max-width: 600px) {
  :is(.faq-topic-nav, .sp-price-nav) > a { font-size: 15px; }
}
.sp-faq-section { scroll-margin-top: 84px; }

.dele-exam-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.dele-exam-grid .sp-white { padding: clamp(20px, 3vw, 36px); }
.dele-exam-grid h3 { margin: 12px 0 4px; }
.dele-exam-grid .dele-exam-spanish { margin-bottom: 12px; }
.dele-exam-time {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 24px;
  background: #f8e8d2;
  color: #674326;
  font-size: 14px;
}
.dele-practice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 16px;
  padding: clamp(20px, 3vw, 36px);
  border-radius: 24px;
  background: #e8eee4;
}
.dele-practice h3 { margin: 0 0 8px; }
.dele-practice p { margin: 0; max-width: 55ch; }
.dele-practice .dele-example-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 16px;
  border-radius: 10px;
  background: #294b40;
  color: #fff8ec !important;
  text-decoration: none;
}
.dele-practice .dele-example-link:hover { background: #1e3a31; }
.dele-practice .dele-example-link:focus-visible { outline: 2px solid #294b40; outline-offset: 3px; }
.dele-plan-grid .sp-price:nth-child(2) { background: #fff; }
.dele-plan-grid .course-plan-total small { margin-top: 6px; }
.dele-plan-grid .sp-button { font-size: 16px; padding: 12px 18px; }
@media (max-width: 600px) {
  .dele-exam-grid { grid-template-columns: minmax(0, 1fr); }
}

.legal-page {
  padding-bottom: clamp(48px, 7vw, 100px);
}
.legal-page .legal-header {
  padding: clamp(28px, 6vw, 76px);
  border-radius: clamp(22px, 3vw, 36px);
  background: linear-gradient(135deg, #365d50, #243e36);
  color: #fff8ec;
}
.legal-page .legal-header h1 {
  max-width: 22ch;
  margin: 0;
  color: inherit;
  font-size: clamp(30px, 5vw, 62px);
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.legal-page .legal-header p {
  max-width: 60ch;
  margin: 18px 0 0;
  color: #f0e3d2;
}
.legal-page .legal-header a {
  display: inline-block;
  margin-top: 20px;
  color: #f6d794;
}
.legal-layout {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(0, 3fr);
  align-items: start;
  gap: clamp(18px, 3vw, 36px);
  margin-block: clamp(24px, 4vw, 52px);
}
.legal-index, .legal-copy, .legal-footer {
  padding: clamp(20px, 3.5vw, 44px);
  border-radius: 24px;
}
.legal-index, .legal-footer { background: #eee6d9; }
.legal-copy {
  background: #fff;
  box-shadow: 0 12px 42px #30231a0c;
}
.legal-index ul { list-style: none; padding: 0; margin: 12px 0 0; }
.legal-index li + li { margin-top: 10px; }
.legal-copy section { scroll-margin-top: 105px; }
.legal-copy section + section {
  border-top: 1px solid #e9e0d4;
  margin-top: 26px;
  padding-top: 26px;
}
.legal-page :is(.legal-index, .legal-copy, .legal-footer) h2 {
  margin: 0 0 12px;
  font-size: clamp(21px, 2.6vw, 30px);
  line-height: 1.2;
}
.legal-page .legal-index h2 { font-size: 19px; }
.legal-copy p:last-child, .legal-footer p { margin-bottom: 0; }
.legal-page a { text-decoration: underline; text-underline-offset: 3px; }
.legal-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.legal-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.legal-footer nav { display: grid; align-content: start; gap: 12px; }
@media (max-width: 760px) {
  .legal-layout { grid-template-columns: minmax(0, 1fr); }
}