@charset "UTF-8";
/*
[Master Stylesheet]
Project: LAD
Version: 1.5
Author: hypermente
Author profile: https://hypermente.com

[Table of Contents]
00 Typography
1 Global styles
2 Navigation
3 Hero section
4 Blocks layout
5 FAQ section
6 Philosophy section
7 Team section
8 Journal section
9 Form elements
10 Expertise section
11 Pricing section
12 Modals
13 Slider
14 Toasts

[Color codes]
# Nana makes use of the beautiful Material design Color Palette - http://materializecss.com/color.html#palette
White: #fff
Black: #373737
Neon green: #6aff6e
Neon blue: #0bfcff
Neon yellow: #ffff82
Neon red: #fa4c2b
Neon orange: #ffce72

[Typography]
# Check out http://materializecss.com/typography.html for more details
body:       14.5px
p:          Responsive flow text (http://materializecss.com/typography.html#flow)
h1:         10rem/110%
h2:         4.5rem/110%
h3:         2.92rem/110%
h4:         2.28rem/110%
h5:         1.64rem/110%
*/
/*---------------------------------------------------------------------------------------

0 Typography

-----------------------------------------------------------------------------------------*/
html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

body,
input,
textarea,
select,
button {
  -moz-font-feature-settings: 'liga', 'kern';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

h1,
h2,
nav .brand-logo {
  letter-spacing: .5rem;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #ffff82;
}

h1 {
  font-size: 7rem;
  font-weight: 700;
  -webkit-text-stroke-width: 4px;
}

@media only screen and (max-width: 992px) {
  h1 {
    font-size: 7rem;
    -webkit-text-stroke-width: 3px;
  }
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 5rem;
    -webkit-text-stroke-width: 2px;
  }
}

h2 {
  font-size: 3.5rem;
  font-weight: 600;
  -webkit-text-stroke-width: 2px;
}

@media only screen and (max-width: 992px) {
  h2 {
    font-size: 3.5rem;
    -webkit-text-stroke-width: 3px;
  }
}

@media only screen and (max-width: 600px) {
  h2 {
    font-size: 2.5rem;
    -webkit-text-stroke-width: 2px;
  }
}

nav .brand-logo {
  font-size: 3rem;
  font-weight: 800;
  -webkit-text-stroke-width: 2px;
}

.flow-text {
  font-weight: 400;
}

blockquote {
  padding: 0;
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: -.01em;
  border: 0;
}

blockquote .quote {
  margin-left: -18px;
}

@media only screen and (max-width: 600px) {
  blockquote {
    font-size: 1.75rem;
  }
  blockquote .quote {
    margin-left: -12px;
  }
}

/*---------------------------------------------------------------------------------------

1 Global styles

-----------------------------------------------------------------------------------------*/
body {
  overflow-x: hidden;
  background-color: #0d1035;
}

body,
a {
  color: #ffff82;
}

.underline {
  text-decoration: none;
}

.underline:hover {
  text-decoration: none;
}

.underline.waves-effect {
  overflow: visible;
}


/* unvisited link */
a:link {
  text-decoration: none!important;

}

/* visited link */
a:visited {
  text-decoration: none!important;

}

/* mouse over link */
a:hover {
  text-decoration: line-through !important;
  color: #ec008c !important;

}

/* selected link */
a:active {
  text-decoration: none!important;

}






section {
  padding: 5rem 0;
  background: linear-gradient(to bottom, rgba(13, 16, 53, 0) 0%, rgba(13, 16, 53, 0.75) 30%, rgba(13, 16, 53, 0.75) 70%, rgba(13, 16, 53, 0) 100%);
}

.section {
  padding: 0;
}

.container {
  width: 90%;
  max-width: 1400px;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 80%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 80%;
  }
}

iframe {
  border: 0;
}

figure {
  margin: 0;
}

strong {
  font-weight: 700;
}

address {
  margin: 1em 0;
  font-style: normal;
}

.responsive-img {
  width: 100%;
}

.canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}

footer {
  padding: 1.5rem 0;
}

.btn,
.btn-large {
  letter-spacing: normal;
  color: #ffff82;
  border: 2px solid rgba(255, 255, 130, 0.5);
}

.btn:hover,
.btn-large:hover {
  border-color: #ffff82;
}

.btn-large {
  line-height: 52px;
}

.backdrop {
  display: none !important;
}

.material-tooltip {
  color: #ffff82;
  background-color: rgba(13, 16, 53, 0.8);
}

.divider {
  background-color: #ffff82;
}

.push-row {
  margin-bottom: 5rem;
}

@media only screen and (max-width: 992px) {
  .margin-on-medium-and-down {
    margin-bottom: 5rem;
  }
}

.push-row-top {
  margin-top: 5rem;
}

/*---------------------------------------------------------------------------------------

2 Navigation

-----------------------------------------------------------------------------------------*/
/* Solo el navbar superior recibe el alto/posición; SIN fondo (a pedido).
   Se acota a .navbar-fixed para no afectar al <nav> de los íconos del footer. */
.navbar-fixed nav {
  height: 100px;
  line-height: 100px;
  background: transparent;
  box-shadow: none;
}

/* El <nav> de redes en el footer: sin caja translúcida ni alto heredado */
footer nav {
  height: auto;
  line-height: 1.6;
  background: transparent;
  box-shadow: none;
}

nav a {
  color: #ffff82;
}

nav ul:not(.side-nav) a {
  position: relative;
  padding: 0;
  margin: 0 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffff82;
}

nav ul:not(.side-nav) a.waves-effect {
  overflow: visible;
}

nav ul:not(.side-nav) a:hover {
  background-color: transparent;
}

nav ul:not(.side-nav) a::after, nav ul:not(.side-nav) a::before {
  position: absolute;
  display: block;
  width: 0;
  height: 2px;
  background: #ffff82;
  content: '';
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

nav ul:not(.side-nav) a::before {
  top: 1.5rem;
}

nav ul:not(.side-nav) a::after {
  bottom: 1.5rem;
  left: 100%;
}

nav ul:not(.side-nav) a.active::after, nav ul:not(.side-nav) a.active::before {
  left: 0;
  width: 100%;
}

nav .brand-logo {
  top: 0;
  padding: 0 2rem;
  color: #ffff82;
}

nav .sidenav-toggle {
  margin-right: 1rem;
}

.side-nav {
  background-color: rgba(13, 16, 53, 0.4);
  box-shadow: none;
}

.side-nav a {
  height: auto;
  padding: 1rem 3rem;
  line-height: inherit;
  color: #ffff82;
}

.side-nav a.active::after {
  position: absolute;
  left: 2rem;
  content: '•';
}

.navbar-fixed {
  height: 0;
}

/*---------------------------------------------------------------------------------------

3 Hero section

-----------------------------------------------------------------------------------------*/
.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
}

.hero h1 {
  margin: 0;
}

.hero h5 {
  color: #ffff82;
}

/* ── LAD custom additions ─────────────────────────────────────────── */

/* Hero CTA */
.lad-hero-cta {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.75rem;
}
.lad-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  padding: .65rem 1.6rem;
  border: 1px solid rgba(255,255,255,.22);
  color: inherit;
  transition: background .2s, border-color .2s;
  cursor: pointer;
}
.lad-btn:hover,
.lad-btn:focus  { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.55); color: inherit; }
.lad-btn.primary { border-color: rgba(255,255,255,.5); }

/* YouTube responsive 16:9 */
.lad-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.lad-video-wrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
}

/* Newsletter */
.lad-nl-wrap   { padding: 2rem 0 1.5rem; }
.lad-nl-label  {
  font-size: 10px;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .55;
  margin-bottom: .75rem;
}
.lad-nl-desc   { opacity: .65; font-size: .875rem; margin-bottom: 1.1rem; }
.lad-nl-form   { display: flex; gap: .5rem; flex-wrap: wrap; }

.lad-nl-form input[type="email"] {
  flex: 1;
  min-width: 200px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.15);
  color: inherit;
  font-size: 12px;
  letter-spacing: .05em;
  padding: .6rem 1rem;
  outline: none;
  transition: border-color .2s;
}
.lad-nl-form input[type="email"]::placeholder { opacity: .35; }
.lad-nl-form input[type="email"]:focus        { border-color: rgba(255,255,255,.45); }

.lad-nl-form button {
  background: none;
  border: 1px solid rgba(255,255,255,.3);
  color: inherit;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: .6rem 1.4rem;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
.lad-nl-form button:hover     { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.55); }
.lad-nl-form button:disabled  { opacity: .4; cursor: default; }

/* Mensaje de respuesta newsletter */
.lad-nl-msg {
  font-size: .82rem;
  margin-top: .65rem;
  min-height: 1.2em;
  opacity: 0;
  transition: opacity .3s;
}
.lad-nl-msg.show { opacity: 1; }
.lad-nl-msg.ok   { color: #7ecfa0; }
.lad-nl-msg.err  { color: #e07070; }

/* Sección Follow — plataformas */
.lad-follow-icon  { font-size: 4.5rem; line-height: 110%; text-align: center; }
.lad-follow-links { font-size: 4.5rem; line-height: 110%; text-align: center; }

/* Imágenes de sección centradas */
.lad-section-img     { text-align: center; }
.lad-section-img img,
.lad-section-img-el  { max-width: 100%; height: auto; }

/* Headings centrados genéricos */
.lad-center { text-align: center; }

/* Texto destacado del bloque de Contacto (reemplaza los antiguos h3 mal anidados) */
.lad-contact-h {
  display: block;
  font-size: 2.92rem;
  line-height: 110%;
  font-weight: 400;
  margin: .4rem 0;
}
@media only screen and (max-width: 600px) {
  .lad-contact-h { font-size: 2.1rem; }
}

/* Spotify embed */
.lad-spotify-embed { border-radius: 0; display: block; margin: 0 auto; }

/* SoundCloud caption */
.lad-sc-caption {
  font-size: 10px;
  color: #ccc;
  line-break: anywhere;
  word-break: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;
  font-weight: 100;
}
.lad-sc-link { color: #ccc; text-decoration: none; }

/* Footer nota pequeña */
.lad-footer-sub { font-size: .7rem; opacity: .85; }

/* Honeypot Mailchimp — oculto visualmente */
.lad-honeypot { position: absolute; left: -5000px; }

/* Accessibility */
:focus-visible { outline: 1px solid rgba(255,255,255,.5); outline-offset: 3px; }

/* Iconos SVG inline (reemplazan a Font Awesome) */
.icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentColor;
  flex: none;
}
.icon-2x { font-size: 2em; }
.icon-sm { font-size: .875em; }
.icon-lg { font-size: 1.33em; }

/* Hamburger trigger */
.sidenav-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffff82;
  font-size: 1.6rem;
  line-height: 100px;
  padding: 0 1rem;
  text-decoration: none;
}
.sidenav-trigger:hover,
.sidenav-trigger:focus { color: #ffff82; opacity: .75; }

/* Accesibilidad: respeta prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Skip link (accesibilidad teclado) */
.skip-link {
  position: absolute;
  left: 8px;
  top: -60px;
  z-index: 1000;
  background: #0d1035;
  color: #ffff82;
  border: 1px solid #ffff82;
  padding: .6rem 1rem;
  letter-spacing: .05em;
  transition: top .2s ease;
}
.skip-link:focus { top: 8px; }