/* Tipografías servidas desde el propio dominio. Zen Old Mincho y Geist van
   recortadas a los glifos de los logotipos de Don! Studio y Kaku. */
@font-face{font-family:'Michroma';font-style:normal;font-weight:400;font-display:block;src:url(fonts/michroma-latin.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2')}
@font-face{font-family:'Zen Old Mincho';font-style:normal;font-weight:900;font-display:block;src:url(fonts/zen-old-mincho-900-don.woff2) format('woff2');unicode-range:U+20-21,U+44,U+53,U+64,U+69,U+6E-6F,U+74-75,U+3099,U+30C8-30C9,U+30F3}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:block;src:url(fonts/geist-500-kaku.woff2) format('woff2');unicode-range:U+61,U+6B,U+75}

html,body{margin:0;padding:0;background:#081426;overflow-x:clip}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#F2F7FD;text-decoration:none}
a:hover{color:#3FB4FF}
::selection{background:#3FB4FF;color:#081426}
:focus-visible{outline:2px solid #3FB4FF;outline-offset:3px}

.site{position:relative;z-index:0;background:#081426;color:#EAF3FF;min-height:100vh;display:flex;flex-direction:column}
.site>main{flex:1 0 auto}
.container{max-width:1320px;margin:0 auto}
.eyebrow{font-family:'Michroma',sans-serif;font-size:11px;letter-spacing:.32em;color:#3FB4FF}
.only-m{display:none}

/* ── Botones ── */
.btn{color:#081426;background:#3FB4FF;border-radius:999px;font-weight:600;transition:background .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}
.btn:hover{color:#081426}
.btn-ghost{color:#EAF3FF;border:1px solid rgba(159,194,237,.35);border-radius:999px;font-weight:500;transition:border-color .25s,color .25s}
.btn-ghost:hover{color:#EAF3FF}
@media (hover:hover){
  .btn:hover{background:#EAF3FF}
  .btn--lift:hover{transform:translateY(-2px)}
  .btn-ghost:hover{border-color:#3FB4FF;color:#3FB4FF}
}

/* ── Cabecera ── */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(8,20,38,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(159,194,237,.08)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px clamp(20px,4vw,64px)}
.hdr__logo{display:block}
.hdr__logo svg{display:block;width:120px;height:60px}
.hdr__nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);font-size:14px;font-weight:500}
.hdr__nav .btn{padding:10px 20px}
.hdr__burger{display:none}

/* ── Anillos de fondo ── */
.rings{position:fixed;right:-58vh;top:50%;width:116vh;height:116vh;margin-top:-58vh;z-index:-1;pointer-events:none;opacity:.4}
.rings svg{display:block;width:100%;height:100%}
.rings [data-ring]{stroke:#9FC2ED}

.menu-bg,.menu{display:none}

/* ── Hero ── */
.hero{position:relative;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:120px clamp(20px,4vw,64px) clamp(96px,10vw,150px)}
.hero__in{position:relative;width:100%;max-width:1320px;margin:0 auto}
.hero__title{margin:clamp(18px,2vw,28px) 0 0;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(2.25rem,4.6vw,5.25rem);line-height:1.08;letter-spacing:-.035em;color:#EAF3FF}
.line{display:block;overflow:hidden;padding-bottom:.05em}
.line>span{display:block}
.hero__title .line:last-child>span{color:#F2F7FD}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);margin-top:clamp(40px,5vw,72px);align-items:end}
.hero__lead{font-size:clamp(1.05rem,.4vw + .95rem,1.25rem);line-height:1.6;letter-spacing:-.01em;color:#F2F7FD;margin:0;max-width:34em;text-wrap:pretty}
.hero__actions{display:flex;flex-direction:column;gap:22px;align-items:flex-start;justify-self:end}
.hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.hero__btns a{padding:16px 28px;font-size:15px}

/* ── Productos ── */
.products{padding:clamp(120px,14vw,220px) clamp(20px,4vw,64px) clamp(80px,9vw,140px);border-top:1px solid rgba(159,194,237,.1)}
.sec-head{margin-bottom:clamp(56px,7vw,110px)}
.sec-head .eyebrow{margin-bottom:18px}
.sec-title{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(1.75rem,3vw + .5rem,3rem);letter-spacing:-.02em;line-height:1.1;margin:0;color:#EAF3FF}
.product--don{margin-top:clamp(96px,11vw,170px)}
.product__head{border-top:1px solid rgba(159,194,237,.16);padding-top:clamp(28px,3vw,44px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(24px,4vw,64px)}
.product--kaku .product__head{align-items:center}
.product__logo{margin:0}
.kaku-logo{line-height:0}
.kaku-logo svg{display:block;height:clamp(64px,8vw,120px);width:auto;overflow:visible}
.product__body{display:flex;flex-direction:column;gap:18px;padding-top:10px;max-width:520px}
.product__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tag{font-size:11px;letter-spacing:.18em;font-weight:600;color:#3FB4FF;border:1px solid rgba(63,180,255,.4);padding:5px 11px;border-radius:999px}
.tag--soon{color:#081426;background:#9FC2ED;border:0}
.product__kind{font-size:12px;letter-spacing:.12em;color:#D3DDEA;text-transform:uppercase}
.product__desc{font-size:clamp(1rem,.4vw + .9rem,1.15rem);line-height:1.6;color:#F2F7FD;margin:0;text-wrap:pretty}
.product__cta a{display:inline-flex;padding:14px 26px;font-size:14px}
.product__shot{margin-top:clamp(32px,4vw,56px);aspect-ratio:2200/1450;border-radius:clamp(10px,1.8%,20px);overflow:hidden}
.product__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}

.don-logo{display:flex;align-items:center;gap:34.5px}
.don-logo__mark{flex:none;width:150px;height:150px;background:#E0533A;border-radius:21px;transform:rotate(-4deg);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -10px rgba(224,83,58,.5);position:relative}
.don-logo__frame{position:absolute;inset:9.6px;border:2px solid rgba(255,247,238,.5);border-radius:13.5px}
.don-logo__kana{font-family:'Zen Old Mincho',serif;font-weight:900;font-size:52.5px;color:#FFF7EE;writing-mode:vertical-rl;letter-spacing:5.7px;line-height:1}
.don-logo__text{display:flex;flex-direction:column}
.don-logo__name{font-family:'Zen Old Mincho',serif;font-weight:900;font-size:60px;color:#F7F2E9;line-height:1.05;letter-spacing:0}
.don-logo__sub{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:18px;letter-spacing:.36em;color:#98928B;margin-top:9px}

/* ── Nosotros ── */
.about{background:rgba(11,27,51,.6);padding:clamp(100px,12vw,180px) clamp(20px,4vw,64px)}
.about__grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,6vw,110px);align-items:center}
.about__photo{aspect-ratio:4/5;border-radius:6px;overflow:hidden;max-height:780px}
.about__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.about__text{display:flex;flex-direction:column}
.about .eyebrow{margin-bottom:22px}
.about__title{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(2.25rem,4.4vw,4.5rem);letter-spacing:-.035em;line-height:1.05;margin:0;color:#EAF3FF;text-wrap:balance}
.about__copy{display:flex;flex-direction:column;gap:18px;margin-top:clamp(28px,3vw,40px);max-width:34em}
.about__copy p{font-size:clamp(1.05rem,.4vw + .95rem,1.2rem);line-height:1.65;color:#F2F7FD;margin:0;text-wrap:pretty}

/* ── Contacto ── */
.contact{padding:clamp(140px,16vw,240px) clamp(20px,4vw,64px) clamp(96px,10vw,150px)}
.contact .eyebrow{margin-bottom:22px}
.contact__title{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(2.25rem,4.6vw,5.25rem);line-height:1.08;letter-spacing:-.035em;margin:0;color:#EAF3FF;max-width:11ch}
.contact__lead{font-size:clamp(1.05rem,.4vw + .95rem,1.25rem);line-height:1.6;color:#F2F7FD;margin:0;max-width:30em;text-wrap:pretty}
.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,6vw,110px);align-items:start}
.contact__intro{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);align-items:flex-start;margin-top:clamp(40px,5vw,72px)}
.contact__mail{font-family:'Michroma',sans-serif;font-size:clamp(1rem,1.7vw,1.6rem);letter-spacing:-.02em;color:#EAF3FF;border-bottom:2px solid #3FB4FF;padding-bottom:10px;transition:color .25s}
.contact__mail:hover{color:#EAF3FF}
@media (hover:hover){.contact__mail:hover{color:#3FB4FF}}
.contact__form{display:flex;flex-direction:column;gap:18px;width:100%}
.field{display:flex;flex-direction:column;gap:8px}
.field--trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.field__label{font-size:13px;font-weight:500;letter-spacing:.02em;color:#D3DDEA}
.field__input{box-sizing:border-box;width:100%;margin:0;padding:14px 16px;font:inherit;font-size:16px;line-height:1.5;color:#EAF3FF;background:rgba(8,20,38,.5);border:1px solid rgba(159,194,237,.35);border-radius:14px;transition:border-color .25s}
.field__input:focus{border-color:#3FB4FF;outline:none}
.field__input:focus-visible{outline:2px solid #3FB4FF;outline-offset:2px}
textarea.field__input{min-height:150px;resize:vertical}
.contact__note{margin:0;font-size:13px;line-height:1.5;color:#D3DDEA}
.contact__note a{text-decoration:underline;text-underline-offset:3px}
.contact__send{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.contact__form .btn{padding:16px 30px;border:0;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.contact__form .btn[disabled]{opacity:.6;cursor:default}
.contact__status{margin:0;font-size:14px;line-height:1.5;color:#9FC2ED}
.contact__status.is-error{color:#FF9B8A}

/* ── Pie ── */
.ftr{position:relative;overflow:hidden;background:rgba(11,27,51,.6);border-top:1px solid rgba(159,194,237,.12)}
.ftr__in{max-width:1320px;margin:0 auto;padding:clamp(48px,5vw,72px) clamp(20px,4vw,64px) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px}
.ftr__brand{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ftr__brand svg{display:block;width:162px;height:80px;margin-left:-14px}
.ftr__tag{font-size:14px;line-height:1.6;color:#D3DDEA;margin:0;max-width:300px}
.ftr__cols{display:contents}
.ftr__col{display:flex;flex-direction:column;gap:12px;font-size:14px}
.ftr__h{font-family:'Michroma',sans-serif;font-size:11px;letter-spacing:.28em;color:#EAF3FF;margin-bottom:6px}
.ftr__note{font-size:11px;color:#D3DDEA}
.ftr__muted{color:#D3DDEA}
.ftr__copy{max-width:1320px;margin:40px auto 0;padding:20px clamp(20px,4vw,64px);font-size:12px;color:#D3DDEA}

/* ── Entradas ──
   El movimiento forma parte de la identidad y corre siempre, tenga o no el
   visitante «reducir movimiento» en su sistema: con ese ajuste solo se
   desactiva el desplazamiento suave entre secciones. */
.js [data-line]{transform:translateY(110%)}
.js.is-ready [data-line]{transform:translateY(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1) calc(200ms + var(--i,0) * 90ms)}
.is-in{transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--d,0ms)}
@media (min-width:720px){
  .js [data-reveal]:not(.is-in){opacity:0;transform:translateY(30px)}
}

/* ── Móvil ── */
@media (max-width:719px){
  .only-d{display:none}
  .only-m{display:inline}
  .eyebrow{font-size:10px;letter-spacing:.3em}

  .hdr{position:sticky;background:rgba(8,20,38,.78)}
  .hdr__in{gap:16px;padding:2px 12px 2px 8px}
  .hdr__logo svg{width:104px;height:52px}
  .hdr__nav{display:none}
  .hdr__burger{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:0}
  .hdr__burger span{width:22px;height:2px;background:#EAF3FF;border-radius:2px}
  .hdr__burger span:last-child{background:#3FB4FF}

  .rings{left:-62vw;right:auto;top:auto;bottom:-13vh;width:124vw;height:124vw;margin-top:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1)}
  .rings [data-ring]{transition:stroke .4s cubic-bezier(.16,1,.3,1)}
  .menu-open .rings{z-index:70;opacity:.55;transform:scale(1.1)}
  .menu-open .rings [data-ring]{stroke:#EAF3FF}

  /* Menú: un círculo que crece desde el centro de los anillos. */
  .menu-bg{display:block;position:fixed;inset:0;z-index:60;background:#9FC2ED;pointer-events:none;clip-path:circle(0% at 0 calc(100% + 13vh - 62vw));transition:clip-path .6s cubic-bezier(.16,1,.3,1)}
  .menu-open .menu-bg{clip-path:circle(160% at 0 calc(100% + 13vh - 62vw));transition-duration:1s}
  .menu{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;pointer-events:none;visibility:hidden;transition:visibility 0s linear .6s}
  .menu::-webkit-scrollbar{display:none}
  .menu-open .menu{pointer-events:auto;visibility:visible;transition:visibility 0s}
  .menu :focus-visible{outline-color:#081426}
  .menu__top{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 4px 20px;min-height:56px;box-sizing:border-box}
  .menu__label{font-family:'Michroma',sans-serif;font-size:10px;letter-spacing:.3em;color:#081426;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}
  .menu-open .menu__label{opacity:1;transition-delay:.3s}
  .menu__close{width:44px;height:44px;position:relative;background:none;border:0;cursor:pointer;padding:0}
  .menu__close span{position:absolute;left:11px;top:21px;width:22px;height:2px;border-radius:2px;background:#081426;display:block;transform:rotate(0deg) scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}
  .menu-open .menu__close span{transition-delay:.25s}
  .menu-open .menu__close span:first-child{transform:rotate(45deg)}
  .menu-open .menu__close span:last-child{transform:rotate(-45deg)}
  .menu__nav{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:40px 20px 0}
  .menu__item,.menu__item:hover{display:flex;align-items:baseline;gap:14px;min-height:44px;color:#081426}
  .menu__num{font-family:'Michroma',sans-serif;font-size:11px;letter-spacing:.2em;min-width:26px;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}
  .menu-open .menu__num{opacity:1;transition-delay:calc(.35s + var(--i) * .07s)}
  .menu__mask{display:block;overflow:hidden;padding-bottom:.08em}
  .menu__text{display:block;font-family:'Michroma',sans-serif;font-size:34px;line-height:1.1;letter-spacing:-.035em;transform:translateY(110%);transition:transform .8s cubic-bezier(.16,1,.3,1)}
  .menu-open .menu__text{transform:translateY(0);transition-delay:calc(.3s + var(--i) * .07s)}
  .menu__foot{display:flex;flex-direction:column;gap:14px;padding:0 20px 28px;opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
  .menu-open .menu__foot{opacity:1;transform:none;transition-delay:.55s}
  .menu__cta,.menu__cta:hover{background:#081426;color:#9FC2ED;padding:15px;border-radius:999px;font-weight:600;font-size:15px;text-align:center;min-height:44px;box-sizing:border-box}
  .menu__mail,.menu__mail:hover{display:flex;font-size:14px;color:#081426;text-align:center;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1.5px solid #081426;box-sizing:border-box;font-weight:500;border-radius:999px}

  .hero{min-height:0;padding:56px 20px 64px}
  .hero__title{margin:18px 0 0;font-size:clamp(22px,7.18vw,46px);line-height:1.08}
  .split{display:block;margin-top:0}
  .hero__lead{font-size:16px;letter-spacing:normal;margin:24px 0 0;max-width:none}
  .hero__actions{display:block;margin-top:28px;justify-self:auto}
  .hero__btns{flex-direction:column;flex-wrap:nowrap}
  .hero__btns a{padding:15px;text-align:center;min-height:44px;box-sizing:border-box}
  .hero__btns .btn-ghost,.product--don .product__cta a{background:rgba(8,20,38,.5)}

  .products{padding:96px 20px 72px}
  .sec-head{margin-bottom:48px}
  .sec-head .eyebrow{margin-bottom:14px}
  .sec-title{font-size:24px;line-height:1.15}
  .product{border-top:1px solid rgba(159,194,237,.16);padding-top:24px;display:flex;flex-direction:column;gap:16px}
  .product--don{margin-top:80px}
  .product__head,.product__body{display:contents}
  .product__meta{order:1;flex-direction:column;align-items:flex-start;gap:10px;flex-wrap:nowrap}
  .product__desc{order:2;font-size:15px}
  .product__shot{order:3;margin-top:4px}
  .product__cta{order:4}
  .product__cta a{display:block;padding:14px;text-align:center;min-height:44px;box-sizing:border-box}
  .kaku-logo svg{height:64px}
  .tag{font-size:10px;padding:4px 10px}
  .product__kind{letter-spacing:.1em;line-height:1.5}

  /* El logotipo de Don! Studio se dimensiona en em para encoger en pantallas
     más estrechas que el diseño (390px), donde 1em = 10px. */
  .don-logo{font-size:min(10px,2.564vw);gap:1.79em}
  .don-logo__mark{width:7.8em;height:7.8em;border-radius:1.09em}
  .don-logo__frame{inset:.5em;border-radius:.7em}
  .don-logo__kana{font-size:2.73em;letter-spacing:.11em}
  .don-logo__name{font-size:3.12em}
  .don-logo__sub{font-size:.94em;margin-top:.5em}

  .about{padding:88px 20px}
  .about__grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .about__text{display:contents}
  .about .eyebrow{order:1;margin-bottom:18px}
  .about__title{order:2;font-size:clamp(24px,7.692vw,44px);letter-spacing:-.03em;line-height:1.1}
  .about__photo{order:3;margin-top:28px;aspect-ratio:4/3;max-height:none}
  .about__copy{order:4;gap:16px;margin-top:28px;max-width:none}
  .about__copy p{font-size:16px}

  .contact{padding:112px 20px 80px}
  .contact .eyebrow{margin-bottom:18px}
  .contact__title{font-size:clamp(30px,9.744vw,58px);line-height:1.06;max-width:none}
  .contact__lead{font-size:16px;margin:24px 0 0;max-width:none}
  .contact__grid{display:block}
  .contact__intro{gap:22px;margin-top:0}
  .contact__mail{font-size:min(17px,4.359vw)}
  .contact__form{margin-top:36px}
  .contact__send{flex-direction:column;align-items:stretch;gap:12px}
  .contact__form .btn{padding:15px;min-height:44px}

  .ftr{padding:40px 20px 28px;display:flex;flex-direction:column;gap:28px}
  .ftr__in{display:contents}
  .ftr__brand{gap:12px}
  .ftr__brand svg{width:128px;height:64px;margin-left:-11px}
  .ftr__tag{font-size:13px;max-width:none}
  .ftr__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .ftr__col{gap:4px}
  .ftr__col--legal{grid-column:1 / -1}
  .ftr__h{font-size:10px;letter-spacing:.24em}
  .ftr__col a{min-height:44px;display:flex;align-items:center}
  .ftr__don{gap:6px}
  .ftr__mail{word-break:break-all}
  .ftr__copy{max-width:none;margin:0;padding:16px 0 0;border-top:1px solid rgba(159,194,237,.08);font-size:11px}
}
@media (max-width:719px){
  .js [data-reveal-m]:not(.is-in){opacity:0;transform:translateY(30px)}
}

/* ── Selector de idioma ── */
.langs{display:flex;align-items:center;gap:12px;font-family:'Michroma',sans-serif;font-size:11px;letter-spacing:.2em}
.langs a{color:#7C93B0}
.langs a.is-current{color:#EAF3FF}
.langs a:hover{color:#3FB4FF}

/* ── Páginas de contenido ── */
.doc{padding:clamp(150px,15vw,220px) clamp(20px,4vw,64px) clamp(96px,10vw,150px)}
.doc__in{max-width:1320px;margin:0 auto}
.doc .eyebrow{margin-bottom:22px}
.doc__title{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(2rem,4.4vw,4.5rem);letter-spacing:-.035em;line-height:1.08;margin:0;color:#EAF3FF;text-wrap:balance}
.doc__title a{color:inherit}
.doc article+article{margin-top:clamp(56px,7vw,110px)}
.doc__body{margin-top:clamp(32px,4vw,56px);max-width:44em;font-size:clamp(1.05rem,.4vw + .95rem,1.2rem);line-height:1.7;color:#F2F7FD}
.doc__body>:first-child{margin-top:0}
.doc__body p,.doc__body ul,.doc__body ol,.doc__body table,.doc__body blockquote{margin:0 0 1.1em}
.doc__body h2{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(1.2rem,1.2vw + .9rem,1.6rem);letter-spacing:-.02em;line-height:1.2;color:#EAF3FF;margin:2.2em 0 .8em}
.doc__body h3{font-size:1.1em;font-weight:600;color:#EAF3FF;margin:1.8em 0 .6em}
.doc__body a{color:#3FB4FF;text-decoration:underline;text-underline-offset:3px}
.doc__body a:hover{color:#EAF3FF}
.doc__body a.btn,.doc__body a.btn:hover{display:inline-flex;color:#081426;text-decoration:none;padding:14px 26px;font-size:14px}
.doc__body ul,.doc__body ol{padding-left:1.3em}
.doc__body li{margin:.35em 0}
.doc__body table{width:100%;border-collapse:collapse;font-size:.92em}
.doc__body th,.doc__body td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;border-bottom:1px solid rgba(159,194,237,.16)}
.doc__body th{font-weight:600;color:#EAF3FF}
.doc__body blockquote{padding-left:1.1em;border-left:2px solid #3FB4FF;color:#D3DDEA}
.doc__body img{max-width:100%;height:auto}
.doc__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;color:#9FC2ED;overflow-wrap:anywhere}
.doc__pending{display:inline-block;margin:0;padding:12px 20px;border:1px solid rgba(159,194,237,.35);border-radius:999px;font-size:15px;line-height:1.4;color:#D3DDEA}

/* ── Barra de administración de WordPress ── */
.admin-bar .hdr{top:var(--wp-admin--admin-bar--height,32px)}

/* ── Japonés ──
   Michroma y Space Grotesk no tienen glifos japoneses: el texto latino sigue
   saliendo en ellas y el japonés en la gótica del sistema, con su negrita real
   (font-synthesis evita que el navegador engorde Michroma, que solo tiene un peso). */
html[lang^="ja"] body{font-family:'Space Grotesk','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic UI','Yu Gothic','Meiryo','Noto Sans JP',sans-serif;line-break:strict;word-break:auto-phrase}
html[lang^="ja"] :is(.hero__title,.sec-title,.about__title,.contact__title,.menu__text,.doc__title,.doc__body h2){font-family:'Michroma','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic UI','Yu Gothic','Meiryo','Noto Sans JP',sans-serif;font-weight:700;font-synthesis:none;letter-spacing:0;font-feature-settings:"palt"}
html[lang^="ja"] .hero__title{font-size:clamp(2rem,4.1vw,4.75rem);line-height:1.25}
html[lang^="ja"] .line{padding-block:.04em .1em}
html[lang^="ja"] .sec-title,html[lang^="ja"] .doc__title{line-height:1.3}
html[lang^="ja"] .about__title{font-size:clamp(1.9rem,3.6vw,3.6rem);line-height:1.35}
html[lang^="ja"] .contact__title{max-width:none;font-size:clamp(2rem,4.1vw,4.75rem);line-height:1.25}
html[lang^="ja"] :is(.hero__lead,.product__desc,.about__copy p,.contact__lead,.doc__body){line-height:1.85;letter-spacing:.02em}
html[lang^="ja"] .product__kind{text-transform:none;letter-spacing:.06em}
html[lang^="ja"] .menu__text{line-height:1.3}

@media (max-width:719px){
  .menu__langs{display:flex;gap:6px;margin:0 -10px 2px;font-family:'Michroma',sans-serif;font-size:11px;letter-spacing:.2em}
  .menu__langs a,.menu__langs a:hover{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;color:rgba(8,20,38,.7)}
  .menu__langs a.is-current,.menu__langs a.is-current:hover{color:#081426;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}

  .doc{padding:72px 20px 80px}
  .doc .eyebrow{margin-bottom:18px}
  .doc__title{font-size:clamp(24px,7.692vw,44px);letter-spacing:-.03em;line-height:1.1}
  .doc__body{margin-top:28px;max-width:none;font-size:16px}
  /* Las tablas se apilan: cada fila es una ficha y cada celda lleva el rótulo de su columna. */
  .doc__body table,.doc__body tbody,.doc__body tr,.doc__body td{display:block}
  .doc__body thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .doc__body tr{padding:14px 0;border-bottom:1px solid rgba(159,194,237,.16)}
  .doc__body tbody tr:first-child{border-top:1px solid rgba(159,194,237,.16)}
  .doc__body td{padding:0;border:0}
  .doc__body td+td{margin-top:10px}
  .doc__body td:first-child{font-weight:600;color:#EAF3FF}
  .doc__body td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7C93B0}

  html[lang^="ja"] .hero__title{font-size:clamp(22px,7.18vw,46px);line-height:1.3}
  html[lang^="ja"] .about__title{font-size:clamp(22px,6.6vw,40px);line-height:1.35}
  html[lang^="ja"] .contact__title{font-size:clamp(28px,8.6vw,54px);line-height:1.25}
}
@media (max-width:600px){
  .admin-bar .hdr{top:0}
}