Ir al contenido

Política de privacidad

Aviso de privacidad — Instituto Nichiboku Querétaro :root{ --sumi:#14110f; --sumi-soft:#241f1c; --paper:#faf7f2; --paper-warm:#f2ece2; --aka:#b32b26; --aka-deep:#7d1c1a; --ink:#2b2521; --ink-soft:#6b615a; --hair:rgba(43,37,33,.14); --sans:"Zen Kaku Gothic New",system-ui,sans-serif; --serif:"Noto Serif JP",Georgia,serif; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.75;-webkit-font-smoothing:antialiased} img,iframe{max-width:100%} a{color:inherit} /* HERO */ .nb-hero{position:relative;background:var(--sumi);color:var(--paper);padding:8rem 1.5rem 7rem;overflow:hidden;display:flex;align-items:center;min-height:88vh} .nb-hero-kanji{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:clamp(12rem,26vw,26rem);line-height:.85;color:rgba(250,247,242,.045);writing-mode:vertical-rl;letter-spacing:.05em;pointer-events:none;user-select:none} .nb-hero-content{position:relative;max-width:1140px;margin:0 auto;width:100%} .nb-badge{display:inline-block;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(250,247,242,.28);border-radius:100px;padding:.5rem 1.1rem;margin-bottom:2.2rem;color:rgba(250,247,242,.85)} .nb-hero h1{font-family:var(--serif);font-size:clamp(2.8rem,7vw,5.2rem);font-weight:500;line-height:1.05;letter-spacing:-.02em} .nb-hero-jp{font-family:var(--serif);font-size:clamp(1.1rem,2.4vw,1.6rem);color:var(--aka);letter-spacing:.35em;margin:1.1rem 0 1.8rem;filter:brightness(1.5)} .nb-hero-desc{max-width:34rem;font-size:1.08rem;color:rgba(250,247,242,.72)} .nb-hero-buttons{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.6rem} .nb-btn{display:inline-flex;align-items:center;gap:.55rem;font-size:.95rem;font-weight:500;padding:.9rem 1.7rem;border-radius:2px;text-decoration:none;transition:.25s ease} .nb-btn-primary{background:var(--aka);color:#fff} .nb-btn-primary:hover{background:var(--aka-deep)} .nb-btn-ghost{border:1px solid rgba(250,247,242,.35);color:var(--paper)} .nb-btn-ghost:hover{background:rgba(250,247,242,.1)} /* ESTRUCTURA */ .nb-section{padding:7rem 1.5rem} .nb-container{max-width:1140px;margin:0 auto} .nb-label{font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;color:var(--aka);font-weight:700;margin-bottom:.9rem} .nb-title{font-family:var(--serif);font-size:clamp(1.9rem,4vw,2.9rem);font-weight:500;line-height:1.2;letter-spacing:-.01em} .nb-desc{max-width:42rem;color:var(--ink-soft);margin-top:1rem;font-size:1.05rem} .nb-line{width:52px;height:2px;background:var(--aka);margin:2rem 0 3.2rem} /* FEATURES */ .nb-features{background:var(--paper-warm)} .nb-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2.2rem} .nb-feature{background:var(--paper);padding:2.4rem 2rem;border-top:2px solid var(--aka)} .nb-feature-icon{font-size:2rem;display:block;margin-bottom:1.1rem} .nb-feature h3{font-family:var(--serif);font-size:1.25rem;font-weight:500;margin-bottom:.7rem} .nb-feature p{color:var(--ink-soft);font-size:.97rem} /* CURSOS */ .nb-cursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem} .nb-curso{border:1px solid var(--hair);padding:2rem 1.8rem;background:#fff;display:flex;flex-direction:column;transition:.25s ease} .nb-curso:hover{border-color:var(--aka);transform:translateY(-3px)} .nb-curso-badge{align-self:flex-start;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:.35rem .8rem;border-radius:2px;margin-bottom:1.2rem} .nb-badge-presencial{background:#f3e3e2;color:var(--aka-deep)} .nb-badge-online{background:#e2ebee;color:#1c4c5c} .nb-badge-n5{background:#e8eee0;color:#3f5227} .nb-badge-n4{background:#f6e9d5;color:#6b4a12} .nb-badge-n3{background:#e9e2ef;color:#453059} .nb-badge-pendiente{background:#f6e4c9;color:#7a4f10} .nb-pendiente{color:#a06a12!important;font-weight:500} .nb-curso h3{font-family:var(--serif);font-size:1.18rem;font-weight:500;margin-bottom:1.2rem;line-height:1.35} .nb-curso-detail{display:flex;gap:.6rem;font-size:.92rem;color:var(--ink-soft);margin-bottom:.5rem} .nb-curso-detail .ico{flex:none} .nb-curso-cta{margin-top:auto;padding-top:1.5rem;font-size:.92rem;font-weight:500;color:var(--aka);text-decoration:none;display:inline-flex;gap:.4rem;align-items:center} .nb-curso-cta .arrow{transition:transform .2s} .nb-curso-cta:hover .arrow{transform:translateX(4px)} .nb-cursos-note{margin-top:2.6rem;padding:1.5rem 1.8rem;background:var(--paper-warm);border-left:3px solid var(--aka);font-size:.97rem;color:var(--ink-soft)} .nb-cursos-note strong{color:var(--ink)} .nb-inscripcion{margin-top:1.6rem;padding:2rem 2.2rem;background:var(--sumi);color:var(--paper);display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between} .nb-inscripcion h3{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:.3rem} .nb-inscripcion p{color:rgba(250,247,242,.68);font-size:.95rem;margin:0} .nb-btn-outline{border:1px solid var(--aka);color:var(--aka)} .nb-btn-outline:hover{background:var(--aka);color:#fff} /* METODO */ .nb-metodo{background:var(--sumi);color:var(--paper)} .nb-metodo .nb-desc{color:rgba(250,247,242,.65)} .nb-metodo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem} .nb-metodo-kanji{font-family:var(--serif);font-size:4.4rem;line-height:1;color:var(--aka);display:block;margin-bottom:1.2rem;filter:brightness(1.4)} .nb-metodo-item h3{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:.7rem} .nb-metodo-item p{color:rgba(250,247,242,.65);font-size:.97rem} /* NOSOTROS */ .nb-nosotros-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:4.5rem;align-items:start} .nb-nosotros-text p{color:var(--ink-soft);margin-bottom:1.1rem} .nb-highlight{font-family:var(--serif);font-size:1.35rem;line-height:1.55;color:var(--ink);margin-bottom:1.8rem} .nb-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair)} .nb-stat{background:var(--paper);padding:2.2rem 1.2rem;text-align:center} .nb-stat-num{display:block;font-family:var(--serif);font-size:2.4rem;color:var(--aka);line-height:1;margin-bottom:.6rem} .nb-stat-label{font-size:.82rem;color:var(--ink-soft);letter-spacing:.02em} /* TESTIMONIOS */ .nb-testimonios{background:var(--paper-warm)} .nb-testimonios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem} .nb-testimonio{background:var(--paper);padding:2.2rem 2rem;position:relative} .nb-testimonio::before{content:"「";font-family:var(--serif);font-size:2.6rem;color:var(--aka);opacity:.35;position:absolute;top:.8rem;left:1.1rem;line-height:1} .nb-testimonio p{font-size:.97rem;color:var(--ink-soft);margin-bottom:1.6rem;padding-top:1.4rem} .nb-testimonio-author{font-weight:700;font-size:.93rem} .nb-testimonio-role{font-size:.83rem;color:var(--ink-soft)} /* CONTACTO */ .nb-contacto-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start} .nb-contacto-info h3{font-family:var(--serif);font-size:1.2rem;font-weight:500;margin-bottom:1.8rem} .nb-contact-item{display:flex;gap:1rem;margin-bottom:1.5rem} .nb-contact-icon{font-size:1.2rem;flex:none} .nb-contact-item strong{display:block;font-size:.83rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:700;margin-bottom:.2rem} .nb-contact-item span,.nb-contact-item a{font-size:1rem;color:var(--ink);text-decoration:none} .nb-contact-item a:hover{color:var(--aka)} .nb-map{height:420px;border:1px solid var(--hair)} .nb-map iframe{width:100%;height:100%;border:0;display:block} /* REVEAL */ .nb-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease} .nb-reveal.is-in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.nb-reveal{opacity:1;transform:none;transition:none}} @media (max-width:880px){ .nb-nosotros-grid,.nb-contacto-grid{grid-template-columns:1fr;gap:2.5rem} .nb-section{padding:4.5rem 1.25rem} .nb-hero{padding:6rem 1.25rem 4.5rem;min-height:auto} } .nb-legal{max-width:820px;margin:0 auto;padding:6rem 1.5rem 4rem} .nb-legal-meta{font-size:.85rem;color:var(--ink-soft);margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--hair)} .nb-legal h2{font-family:var(--serif);font-size:1.35rem;font-weight:500;margin:3rem 0 1rem;line-height:1.35} .nb-legal h2:first-of-type{margin-top:2rem} .nb-legal p{color:var(--ink-soft);margin-bottom:1.1rem} .nb-legal ol{color:var(--ink-soft);margin:0 0 1.4rem 1.3rem} .nb-legal li{margin-bottom:.35rem} .nb-legal a{color:var(--aka)} .nb-legal .nb-intro{font-family:var(--serif);font-size:1.12rem;color:var(--ink);line-height:1.7} .nb-back{display:inline-block;margin-top:3rem;font-size:.93rem;color:var(--aka);text-decoration:none} .nb-back:hover{text-decoration:underline} .nb-footer{background:var(--sumi);color:rgba(250,247,242,.6);padding:3rem 1.5rem 2.5rem;font-size:.88rem} .nb-footer-inner{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center} .nb-footer-links{display:flex;flex-wrap:wrap;gap:1.6rem} .nb-footer a{color:rgba(250,247,242,.75);text-decoration:none} .nb-footer a:hover{color:var(--paper)} .nb-footer-brand{font-family:var(--serif);color:var(--paper);font-size:1rem}