@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono&display=swap');

[data-md-color-scheme="slate"]{
  --md-default-bg-color:#060d1f;
  --md-default-fg-color:#d9dce3;
  --md-default-fg-color--light:rgba(217,220,227,.60);
  --md-default-fg-color--lighter:rgba(217,220,227,.35);
  --md-typeset-color:#d9dce3;
  --md-accent-fg-color:#7b9fd4;
}

/* FONDO GENERAL */

html,
body,
.md-main,
.md-container,
.md-main__inner,
.md-content,
.md-content__inner,
.md-sidebar,
.md-sidebar__scrollwrap,
.md-sidebar__inner,
.md-footer,
.md-footer-meta,
.md-footer__inner{
  background:#060d1f !important;
}

/* HEADER */

.md-header{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  background:#060d1f !important;
  box-shadow:none !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  pointer-events:auto !important;
}

.md-header__inner{
  min-height:84px !important;
  align-items:center !important;
  pointer-events:auto !important;
}

.md-header__button,
.md-header__button *{
  color:#d9dce3 !important;
}

.md-header__button.md-logo{
  display:flex !important;
  align-items:center !important;
  margin-right:.55rem !important;
  padding:0 !important;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg{
  display:block !important;
  height:46px !important;
  width:auto !important;
  max-height:46px !important;
}

.md-header__title{
  display:flex !important;
  align-items:center !important;
  line-height:1 !important;
  margin-left:0 !important;
  overflow:visible !important;
  pointer-events:auto !important;
}

.md-header__ellipsis{
  max-width:none !important;
  overflow:visible !important;
}

.md-header__topic:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:24px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  color:#8ea9dc !important;
  line-height:1.05 !important;
  text-transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

.md-header__topic:first-child::after{
  content:"MODELO DE DEFENSA DIGITAL";
  display:block;
  margin-top:8px;
  font-family:'DM Sans',sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.10em !important;
  color:rgba(217,220,227,.78) !important;
  line-height:1.1 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

/* ocultar título de página en header */
.md-header__topic + .md-header__topic{
  display:none !important;
}

/* anular comportamientos de Material al hacer scroll */
.md-header,
.md-header *,
.md-header__topic,
.md-header__title,
.md-header__ellipsis{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

/* BUSCADOR */

.md-search__form{
  height:2.35rem !important;
  background:rgba(0,0,0,.28) !important;
}

.md-search__input{
  font-size:.86rem !important;
}

/* MENU SUPERIOR DESKTOP */

.md-tabs{
  position:sticky !important;
  top:84px !important;
  z-index:39 !important;
  display:block !important;
  background:#060d1f !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  pointer-events:auto !important;
}

.md-tabs__inner{
  min-height:46px !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  pointer-events:auto !important;
}

.md-tabs__item{
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  pointer-events:auto !important;
}

.md-tabs__link{
  font-family:'DM Sans',sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:rgba(217,220,227,.70) !important;
  margin-top:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  pointer-events:auto !important;
  position:relative !important;
  z-index:41 !important;
}

.md-tabs__link:hover,
.md-tabs__link--active{
  color:#8ea9dc !important;
}

/* asegurar que el contenido no tape el menú sticky */
.md-main,
.md-main__inner,
.md-content,
.md-content__inner{
  position:relative !important;
  z-index:1 !important;
}

/* SIDEBARS */

.md-sidebar--secondary{
  display:none !important;
}

@media screen and (min-width:76.25em){
  [data-md-page="index"] .md-sidebar--primary,
  [data-md-page="libro"] .md-sidebar--primary,
  [data-md-page="autor"] .md-sidebar--primary,
  [data-md-page="contacto"] .md-sidebar--primary{
    display:none !important;
  }
}

/* CONTENIDO */

.md-grid{
  max-width:1360px !important;
}

.md-main__inner{
  margin-top:0 !important;
}

.md-content{
  margin:0 auto !important;
}

.md-content__inner{
  padding-left:3rem !important;
  padding-right:3rem !important;
  padding-top:1.2rem !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* TIPOGRAFÍA */

.md-typeset{
  font-family:'DM Sans',sans-serif !important;
  font-size:.84rem !important;
  font-weight:300 !important;
  line-height:1.62 !important;
  color:rgba(217,220,227,.86) !important;
}

/* ocultar H1 solo en home */
[data-md-page="index"] .md-typeset h1{
  display:none !important;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3{
  font-family:'Playfair Display',serif !important;
  font-weight:400 !important;
  color:rgba(238,241,248,.96) !important;
}

.md-typeset h1{
  font-size:1.55rem !important;
  line-height:1.2 !important;
  margin-top:0 !important;
  margin-bottom:1.2rem !important;
}

.md-typeset h2{
  font-size:1.45rem !important;
  line-height:1.2 !important;
  margin-top:2rem !important;
  margin-bottom:.9rem !important;
}

.md-typeset h3{
  font-size:1.08rem !important;
  line-height:1.25 !important;
}

.md-typeset p,
.md-typeset li{
  font-size:.84rem !important;
  line-height:1.62 !important;
}

.md-typeset ul,
.md-typeset ol{
  margin-top:.45rem !important;
  margin-bottom:.7rem !important;
}

/* HERO HOME */

[data-md-page="index"] .md-typeset > p:first-of-type{
  font-family:'Playfair Display',serif !important;
  font-size:1.9rem !important;
  font-weight:400 !important;
  line-height:1.12 !important;
  color:rgba(238,241,248,.97) !important;
  margin-top:.15rem !important;
  margin-bottom:.15rem !important;
  max-width:980px !important;
}

[data-md-page="index"] .md-typeset > p:nth-of-type(2){
  font-family:'Playfair Display',serif !important;
  font-size:1.9rem !important;
  font-style:italic !important;
  font-weight:400 !important;
  line-height:1.12 !important;
  color:rgba(238,241,248,.92) !important;
  margin-top:0 !important;
  margin-bottom:1.8rem !important;
  max-width:980px !important;
}

/* FOOTER */

.md-social{
  display:none !important;
}

/* MOBILE / TABLET - UNICO BLOQUE */

@media screen and (max-width:76.24em){

  /* ocultar tabs horizontales y usar hamburguesa nativa */
  .md-tabs{
    display:none !important;
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    pointer-events:none !important;
  }

  /* desactivar sticky en mobile para no tapar el menú hamburguesa */
  .md-header{
    position:relative !important;
    top:auto !important;
    z-index:auto !important;
  }

  .md-header__inner{
    min-height:64px !important;
  }

  .md-header__button.md-logo img,
  .md-header__button.md-logo svg{
    height:32px !important;
    max-height:32px !important;
  }

  .md-header__topic:first-child{
    font-size:17px !important;
  }

  .md-header__topic:first-child::after{
    font-size:8px !important;
    margin-top:3px !important;
  }

  /* NO tocar drawer ni overlay nativos de Material */

  .md-main,
  .md-main__inner,
  .md-content,
  .md-content__inner{
    position:static !important;
    z-index:auto !important;
  }

  .md-content__inner{
    padding-left:1rem !important;
    padding-right:1rem !important;
    padding-top:.8rem !important;
  }

  .md-typeset{
    font-size:.82rem !important;
    line-height:1.58 !important;
  }

  [data-md-page="index"] .md-typeset > p:first-of-type,
  [data-md-page="index"] .md-typeset > p:nth-of-type(2){
    font-size:1.28rem !important;
    line-height:1.14 !important;
    max-width:none !important;
  }
}

/* UNIFIED TEXT CTA */

.md-typeset a.text-cta{
  display:block;
  margin-top:.15rem;
  margin-bottom:.35rem;
  color:#7ea2ff;
  font-weight:400;
  font-size:.84rem;
  line-height:1.62;
  text-decoration:none;
  transition:all .18s ease;
}

.md-typeset a.text-cta:hover{
  color:#a9c0ff;
  transform:translateX(2px);
}

.md-typeset a.text-cta::after{
  content:" ↗";
  font-weight:400;
}

/* HERO CLOSING LINE */

.hero-closing{
  display:block;
  margin-top:.10rem;
  margin-bottom:0;
  font-size:1.22em;
  font-weight:700;
  line-height:1.22;
  color:rgba(238,241,248,.96);
}