/* ═══ BROWS ACADEMY — SERVICIOS · HOME OSCURO + INTERNA CLARA ═══ */

/* Proteger header Zusee */
.rdn_top_header,.rdn_header,header.rdn_top_header,
.rdn_top_header.fixed,.offcanvas{
  background:hsl(282,31%,5%) !important
}

:root{--bas-fn:'Anek Tamil',Arial,sans-serif;--bas-fb:'Vazirmatn',Arial,sans-serif}
.bas-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}

/* ════════════════════════════════════════════════════════════════
   HOME SHOWCASE — TARJETAS VERTICALES INTERACTIVAS
════════════════════════════════════════════════════════════════ */
.bas-home{
  --bh-bg:#0e0b11;--bh-cream:#f4ddb0;--bh-cream2:#fff0cf;
  --bh-gold:#d8b979;--bh-muted:#a99d8e;--bh-ink:#171117;
  --bh-line:rgba(244,221,176,.18);
  background:var(--bh-bg);padding:100px 0 0;
  font-family:var(--bas-fb);color:#f8f2e9
}
.bas-kicker{color:var(--bh-gold);text-transform:uppercase;letter-spacing:.12em;font-family:var(--bas-fn);font-size:13px;font-weight:700;margin-bottom:14px;text-align:center}
.bas-home__header{text-align:center;margin-bottom:56px}
.bas-home__title{font-family:var(--bas-fn);font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.04;letter-spacing:-.03em;color:#f8f2e9;max-width:700px;margin:0 auto}
.bas-home__title span{color:var(--bh-cream)}

/* Grid de tarjetas */
.bas-home__cards{display:grid;gap:16px}
.bas-home__cards--2{grid-template-columns:repeat(2,1fr)}
.bas-home__cards--3{grid-template-columns:repeat(3,1fr)}
.bas-home__cards--4{grid-template-columns:repeat(4,1fr)}

/* Tarjeta individual */
.bas-hcard{
  position:relative;
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:480px;
  border-radius:20px;
  overflow:hidden;
  text-decoration:none;color:#fff;
  cursor:pointer;
  transition:transform .4s cubic-bezier(.16,1,.3,1)
}
.bas-hcard:hover{transform:translateY(-6px)}

/* Imagen de fondo */
.bas-hcard__bg{
  position:absolute;inset:0;z-index:0;
  background:var(--card-img,#1a1520) center/cover no-repeat;
  transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s;
  filter:brightness(.75)
}
.bas-hcard:hover .bas-hcard__bg{
  transform:scale(1.06);
  filter:brightness(.6)
}

/* Brillo que recorre al hover */
.bas-hcard__shine{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(244,221,176,.06) 45%,rgba(255,255,255,.08) 50%,rgba(244,221,176,.06) 55%,transparent 80%);
  background-size:250% 100%;background-position:120% 0;
  opacity:0;transition:none
}
.bas-hcard:hover .bas-hcard__shine{
  opacity:1;
  animation:basCardShine .8s ease forwards
}
@keyframes basCardShine{
  0%{background-position:120% 0}
  100%{background-position:-120% 0}
}

/* Degradado inferior */
.bas-hcard::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,
    rgba(14,11,17,.92) 0%,
    rgba(14,11,17,.6) 30%,
    rgba(14,11,17,.15) 55%,
    transparent 100%)
}

/* Contenido */
.bas-hcard__content{
  position:relative;z-index:3;
  padding:28px;
  display:flex;flex-direction:column;gap:8px
}
.bas-hcard__num{
  font-family:var(--bas-fn);
  font-size:52px;font-weight:800;
  line-height:1;letter-spacing:-.04em;
  color:rgba(244,221,176,.15);
  position:absolute;top:24px;left:28px;z-index:3
}
.bas-hcard__title{
  font-family:var(--bas-fn);
  font-size:clamp(22px,2.5vw,30px);
  font-weight:800;line-height:1.1;
  color:var(--bh-cream);
  margin:0;
  transition:color .3s
}
.bas-hcard:hover .bas-hcard__title{color:var(--bh-cream2)}
.bas-hcard__desc{
  color:rgba(248,242,233,.6);
  font-size:14px;line-height:1.6;
  margin:0;
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,margin .4s
}
.bas-hcard:hover .bas-hcard__desc{
  max-height:120px;opacity:1;margin-top:4px
}
.bas-hcard__meta{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:8px;padding-top:12px;
  border-top:1px solid rgba(244,221,176,.12)
}
.bas-hcard__count{
  font-family:var(--bas-fn);
  font-size:12px;font-weight:700;
  color:var(--bh-gold);
  text-transform:uppercase;letter-spacing:.08em
}
.bas-hcard__arrow{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:rgba(244,221,176,.1);
  color:var(--bh-cream);
  transition:background .3s,transform .3s
}
.bas-hcard:hover .bas-hcard__arrow{
  background:var(--bh-cream);
  color:var(--bh-ink);
  transform:translateX(3px)
}

/* CTA Home */
.bas-home__cta{text-align:center;padding:48px 0 60px;background:var(--bh-bg)}
.bas-home__cta-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:999px;background:var(--bh-cream);color:var(--bh-ink);font-family:var(--bas-fn);font-size:15px;font-weight:800;text-decoration:none;transition:.25s}
.bas-home__cta-btn:hover{background:var(--bh-cream2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(244,221,176,.18)}

/* ════════════════════════════════════════════════════════════════
   PÁGINA INTERNA DE SERVICIOS — MODO CLARO
════════════════════════════════════════════════════════════════ */
.bas-page{
  --bp-bg:#ffffff;--bp-bg2:#ffffff;--bp-cream:#8C6A00;
  --bp-gold:#8C6A00;--bp-gold2:#7a5c00;--bp-text:#2a2a2a;
  --bp-muted:#5a5a5a;--bp-ink:#171117;
  --bp-line:rgba(140,106,0,.12);
  --bp-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);
  --bp-shadow2:0 8px 36px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.06);
  background:var(--bp-bg);color:var(--bp-text);
  font-family:var(--bas-fb);padding-top:0;
  position:relative;overflow:hidden
}

/* Fondo decorativo — 4 imágenes distribuidas */
.bas-page::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    url("https://browsacademy.jerrychamorro.com/wp-content/uploads/2026/09/fondo-1.webp") center 0%/100% auto no-repeat,
    url("https://browsacademy.jerrychamorro.com/wp-content/uploads/2026/09/fondo-2.webp") center 33%/100% auto no-repeat,
    url("https://browsacademy.jerrychamorro.com/wp-content/uploads/2026/09/fondo-3.webp") center 66%/100% auto no-repeat,
    url("https://browsacademy.jerrychamorro.com/wp-content/uploads/2026/09/fondo-4.webp") center 100%/100% auto no-repeat;
  opacity:.045;filter:saturate(.3);mix-blend-mode:multiply
}
.bas-page>*{position:relative;z-index:1}

/* Nav sticky — claro (se oculta si hay solo 1 categoría) */
.bas-nav{position:sticky;top:70px;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bp-line);padding:14px 0}
.bas-nav:has(.bas-nav__link:only-child){display:none}
.bas-nav__inner{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.bas-nav__link{padding:8px 20px;border-radius:999px;font-family:var(--bas-fn);font-size:13px;font-weight:700;color:var(--bp-muted);text-decoration:none;transition:.25s;border:1px solid transparent}
.bas-nav__link:hover,.bas-nav__link.is-active{color:var(--bp-cream);border-color:var(--bp-line);background:rgba(140,106,0,.06)}

/* Category hero — oscuro, full bleed, integrado con header */
.bas-cat-hero{position:relative;min-height:460px;display:flex;align-items:flex-end;background-size:cover;background-position:center;margin-bottom:48px;border-radius:0;overflow:hidden;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:0}
.bas-cat-hero__veil{position:absolute;inset:0;background:linear-gradient(to top,#1a1520,rgba(26,21,32,.3) 60%,rgba(26,21,32,.5))}
.bas-cat-hero__content{position:relative;z-index:2;padding:80px 0 48px}
.bas-cat-hero h2{font-family:var(--bas-fn);font-size:clamp(36px,5vw,56px);font-weight:800;color:#f4ddb0;margin:0}
.bas-cat-hero p{color:#b9ad9f;font-size:16px;max-width:500px;margin:10px 0 0}

/* Services grid — tarjetas blancas con sombra */
.bas-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:80px}
.bas-card{border-radius:16px;overflow:hidden;background:var(--bp-bg2);border:1px solid rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s;box-shadow:var(--bp-shadow)}
.bas-card:hover{transform:translateY(-4px);box-shadow:var(--bp-shadow2)}
.bas-card__tag{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:var(--bp-cream);color:#fff;font-size:10px;font-weight:800;font-family:var(--bas-fn);text-transform:uppercase;letter-spacing:.04em;z-index:2}
.bas-card__img{aspect-ratio:4/3;overflow:hidden;background:#eee8dc;position:relative}
.bas-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bas-card:hover .bas-card__img img{transform:scale(1.06)}
.bas-card__body{padding:18px 20px 22px}
.bas-card h3{font-family:var(--bas-fn);font-size:18px;font-weight:800;color:var(--bp-cream);margin:0 0 6px;line-height:1.2}
.bas-card__desc{color:var(--bp-muted);font-size:13px;line-height:1.55;margin:0 0 14px}
.bas-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}
.bas-card__price{font-family:var(--bas-fn);font-size:22px;font-weight:800;color:var(--bp-cream)}
.bas-card__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#25d366;color:#fff;font-family:var(--bas-fn);font-size:12px;font-weight:700;text-decoration:none;transition:.2s}
.bas-card__btn:hover{background:#1db954;transform:translateY(-1px)}
.bas-card__btn svg{flex-shrink:0}

.bas-cat-section{padding-top:20px}

/* ════════════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════════════ */
@media(max-width:1024px){.bas-services-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
  .bas-home__cards--3,.bas-home__cards--4{grid-template-columns:repeat(2,1fr)}
  .bas-hcard{min-height:400px}
  .bas-services-grid{grid-template-columns:repeat(2,1fr)}
  .bas-page{padding-top:70px}
  .bas-cat-hero{min-height:300px}
}
@media(max-width:600px){
  .bas-home{padding:60px 0 0}
  .bas-home__title{font-size:28px}
  .bas-home__cards{grid-template-columns:1fr !important;gap:14px}
  .bas-hcard{min-height:320px;border-radius:16px}
  .bas-hcard__num{font-size:40px;top:18px;left:22px}
  .bas-hcard__content{padding:22px}
  .bas-hcard__desc{max-height:none;opacity:1;margin-top:4px}
  .bas-services-grid{grid-template-columns:1fr}
  .bas-cat-hero{min-height:250px}
  .bas-nav{top:56px}
  .bas-nav__link{font-size:12px;padding:6px 14px}
  .bas-home__cta{padding:30px 0 50px}
}