/* ═══════════════════════════════════════════════════════════════════
   33IA — piel oscura familia INDATA · v2 "nueva era" (agosto 2026)
   Paleta: fondo #161615/#121212 · crema #EDE7DC · acento #E6532E
   v2: tipografía display (Space Grotesk) + Inter, header sticky con
   blur (glass), tarjetas glassmorphism, glow suave, micro-interacciones,
   scroll-reveal (33ia-moderna.js), grano sutil, footer propio.
   Se carga por mu-plugin (33ia-estilo.php) — NO usar el Customizer.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Tipografía ───────────────────────────────────────────────────── */
body, p, li, input, textarea, button, .navbar-custom .navbar-nav li a {
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .section-header h2, .widget-title, .funfact-title,
.slider-caption h1, .page-title {
  font-family: 'Space Grotesk', 'Inter', sans-serif !important;
  letter-spacing: -0.02em;
}

/* ── Base ─────────────────────────────────────────────────────────── */
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body {
  background-color: #161615 !important;
  color: #c9c3b6 !important;
  padding-top: var(--nav33, 92px) !important; /* compensa el header fixed; el JS ajusta la variable */
}
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a, .section-header h2, .widget-title {
  color: #EDE7DC !important;
}
a { color: #E6532E; }
a:hover, a:focus { color: #f0703f; }
::selection { background: #E6532E; color: #121212; }

/* scrollbar a tono */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #3a3835; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #E6532E; }

/* constelación de nodos, apenas presente arriba a la derecha */
body::before {
  content: "";
  position: fixed;
  top: 0; right: 0;
  width: 560px; height: 560px;
  pointer-events: none;
  z-index: -1;
  opacity: .05;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560'><g stroke='%23EDE7DC' stroke-width='1.5' fill='none'><line x1='90' y1='120' x2='240' y2='60'/><line x1='240' y1='60' x2='400' y2='150'/><line x1='400' y1='150' x2='320' y2='300'/><line x1='320' y1='300' x2='120' y2='260'/><line x1='120' y1='260' x2='90' y2='120'/><line x1='400' y1='150' x2='520' y2='90'/><line x1='320' y1='300' x2='470' y2='400'/></g><g fill='%23EDE7DC'><circle cx='90' cy='120' r='7'/><circle cx='240' cy='60' r='10'/><circle cx='400' cy='150' r='8'/><circle cx='320' cy='300' r='11'/><circle cx='120' cy='260' r='6'/><circle cx='520' cy='90' r='6'/><circle cx='470' cy='400' r='8'/></g></svg>") no-repeat top right;
}
/* grano sutil: textura de la nueva era, casi subliminal */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483000;
  opacity: .028;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
}

/* ── Header: sticky + glass ───────────────────────────────────────── */
/* fixed (no sticky): el body del tema tiene overflow-x hidden y el sticky no agarra */
.navbar-custom {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background-color: rgba(18, 18, 18, .72) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  border: none !important;
  border-bottom: 1px solid rgba(237, 231, 220, .08) !important;
  box-shadow: none !important;
  transition: background-color .25s, box-shadow .25s;
}
.navbar-custom.nav-scrolled {
  background-color: rgba(15, 15, 14, .88) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .45) !important;
}
/* el logo tiene letras oscuras: chip crema para que respire en el header oscuro */
.navbar-brand img, .custom-logo {
  background: #EDE7DC;
  padding: 6px 12px;
  border-radius: 10px;
  transition: transform .25s;
}
.navbar-brand:hover img { transform: scale(1.04); }
/* el tema colorea los links con !important: ganarle por especificidad */
html body .navbar.navbar-custom ul.navbar-nav > li > a {
  color: #EDE7DC !important;
  position: relative;
  background-image: linear-gradient(#E6532E, #E6532E);
  background-repeat: no-repeat;
  background-size: 0% 2px;
  background-position: 16px calc(100% - 8px);
  transition: background-size .25s ease, color .2s;
}
html body .navbar.navbar-custom ul.navbar-nav > li > a:hover,
html body .navbar.navbar-custom ul.navbar-nav > li > a:focus {
  color: #EDE7DC !important;
  background-color: transparent !important;
  background-size: calc(100% - 32px) 2px;
}
html body .navbar.navbar-custom ul.navbar-nav > li.active > a {
  color: #E6532E !important;
  background-color: transparent !important;
}
.navbar-toggle .icon-bar { background-color: #EDE7DC !important; }
.navbar-collapse { border-color: rgba(237, 231, 220, .1) !important; }

/* ── Hero v3: tipográfico puro — chau foto de stock ────────────────
   La imagen inline del slider se pisa con !important (gana al style=""):
   fondo negro con grilla 72px + glows naranjas — el lenguaje de las
   piezas v2 de LERNEN llevado a la web. La tipografía ES el hero. */
#slider-carousel { position: relative; }
#slider-carousel .item {
  background:
    radial-gradient(ellipse 820px 520px at 50% 118%, rgba(230, 83, 46, .2), transparent 65%),
    radial-gradient(ellipse 640px 420px at 88% -12%, rgba(230, 83, 46, .09), transparent 60%),
    linear-gradient(rgba(237, 231, 220, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(237, 231, 220, .045) 1px, transparent 1px),
    #121212 !important;
  background-size: auto, auto, 72px 72px, 72px 72px, auto !important;
  min-height: calc(92vh - var(--nav33, 92px));
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}
/* en flex, el container del tema no encoge y desborda en pantallas chicas */
#slider-carousel .item > .container {
  width: 100% !important;
  max-width: 1170px;
  min-width: 0;
  margin: 0 auto;
}
#slider-carousel .overlay { background: transparent !important; }
/* nodos flotando, muy tenues */
.hero-nodo {
  position: absolute;
  width: 300px; height: 300px;
  opacity: .13;
  pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><g stroke='%23E6532E' stroke-width='1.6' fill='none'><line x1='50' y1='90' x2='150' y2='40'/><line x1='150' y1='40' x2='250' y2='110'/><line x1='250' y1='110' x2='180' y2='220'/><line x1='50' y1='90' x2='180' y2='220'/></g><g fill='%23E6532E'><circle cx='50' cy='90' r='7'/><circle cx='150' cy='40' r='9'/><circle cx='250' cy='110' r='7'/><circle cx='180' cy='220' r='10'/></g></svg>") no-repeat center / contain;
  animation: flot33 9s ease-in-out infinite alternate;
}
.hero-nodo.b { animation-duration: 12s; animation-delay: -4s; transform: scale(-1, 1); }
@keyframes flot33 {
  from { transform: translateY(-14px); }
  to   { transform: translateY(16px); }
}
.slider-caption {
  text-align: center;
  margin: 0 auto !important;
  width: 100% !important; /* el tema le da 55% y en móvil rompe palabras */
  max-width: 960px;
  padding: 0 18px;
  float: none !important;
  position: relative;
  left: 0 !important;   /* el tema la corría con left/top para el layout viejo */
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  z-index: 2;
}
/* el kicker pasa a chip */
.slider-caption h5 {
  display: inline-block;
  color: #E6532E !important;
  border: 1px solid rgba(230, 83, 46, .45);
  border-radius: 999px;
  padding: 9px 22px;
  font-size: .78rem !important;
  letter-spacing: .28em;
  font-weight: 600;
  text-transform: uppercase;
  background: rgba(230, 83, 46, .07);
}
.slider-caption h1 {
  color: #EDE7DC !important;
  font-size: clamp(3.2rem, 7.5vw, 5.8rem) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -0.04em;
  margin: 26px 0 20px !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
.slider-caption h1 .acento33 {
  background: linear-gradient(115deg, #ff7a3f 10%, #E6532E 60%, #c93d1c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
/* la rayita decorativa del tema queda descolgada en el layout centrado
   (puede ser elemento o pseudo-elemento: se matan los dos) */
.slider-caption .divider, #slider-carousel hr, .slider-caption h1 ~ .divider { display: none !important; }
.slider-caption h1::before, .slider-caption h1::after,
.slider-caption::before, .slider-caption::after {
  display: none !important;
  content: none !important;
}
.slider-caption p {
  color: #b5afa2 !important;
  font-size: 1.12rem;
  max-width: 640px;
  margin: 0 auto 8px !important;
  line-height: 1.7;
}
.slider-caption h1 + div { margin-top: 8px; }
.slide-btn-area-sm { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 26px; }
.slide-btn-sm, .slide-btn-area-sm a {
  background: #E6532E !important;
  color: #121212 !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 15px 34px !important;
  font-size: .95rem !important;
  box-shadow: 0 0 0 rgba(230, 83, 46, 0);
  transition: transform .2s, box-shadow .25s, background .2s;
}
.slide-btn-sm:hover, .slide-btn-area-sm a:hover {
  background: #f0703f !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 34px rgba(230, 83, 46, .45);
}
.slide-btn-area-sm a.fantasma33 {
  background: transparent !important;
  color: #EDE7DC !important;
  border: 1px solid rgba(237, 231, 220, .3) !important;
}
.slide-btn-area-sm a.fantasma33:hover {
  border-color: #E6532E !important;
  color: #E6532E !important;
  box-shadow: none;
}

/* ── Ticker de comunidad (lo arma el JS después del hero) ─────────── */
.ticker33 {
  overflow: hidden;
  background: #0f0f0e;
  border-top: 1px solid rgba(230, 83, 46, .3);
  border-bottom: 1px solid rgba(230, 83, 46, .3);
  padding: 15px 0;
  white-space: nowrap;
}
.ticker33 .fila {
  display: inline-flex;
  align-items: center;
  gap: 52px;
  padding-right: 52px;
  animation: tick33 32s linear infinite;
  will-change: transform;
  font-family: 'Space Grotesk', sans-serif;
  font-size: .82rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #a49e91;
}
.ticker33 .fila b { color: #E6532E; font-weight: 400; }
@keyframes tick33 { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .ticker33 .fila, .hero-nodo { animation: none !important; }
}

/* ── CTA del menú: el último ítem como botón pill ─────────────────── */
html body .navbar.navbar-custom ul.navbar-nav > li:last-child > a {
  background: #E6532E !important;
  color: #121212 !important;
  border-radius: 999px;
  padding: 10px 22px !important;
  margin-top: 22px;
  margin-left: 10px;
  font-weight: 700;
  transition: background .2s, transform .2s;
}
html body .navbar.navbar-custom ul.navbar-nav > li:last-child > a:hover {
  background: #f0703f !important;
  color: #121212 !important;
  transform: translateY(-1px);
}

/* ── Secciones: aire y encabezados grandes ────────────────────────── */
section.service, section.funfact, section.testimonial { padding: 100px 0 !important; }
.section-header { margin-bottom: 44px; }
.section-header h2, .section-header h3 {
  font-size: clamp(2rem, 4vw, 3.1rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
}
/* la bajadita de arriba del título, como kicker */
.section-header p {
  text-transform: uppercase;
  letter-spacing: .24em;
  font-size: .78rem !important;
  color: #E6532E !important;
  font-weight: 600;
}
.divider { background: #E6532E !important; border-color: #E6532E !important; }

/* ── Ventajas: bento glass ────────────────────────────────────────── */
section.service {
  background:
    radial-gradient(ellipse 900px 480px at 85% 0%, rgba(230, 83, 46, .07), transparent 60%),
    #161615 !important;
}
section.service .section-header p { color: #a49e91 !important; }
section.service .media {
  background: rgba(28, 28, 26, .55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(237, 231, 220, .08);
  border-radius: 18px;
  padding: 32px 26px;
  margin: 12px 0;
  transition: border-color .25s, transform .25s, box-shadow .3s;
}
section.service .media:hover {
  border-color: rgba(230, 83, 46, .5);
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .5), 0 0 32px rgba(230, 83, 46, .12);
}
/* toque bento: la primera y la última tarjeta con tinte propio */
section.service .row .col-md-4:first-child .media,
section.service .row .col-md-4:last-child .media {
  background: linear-gradient(145deg, rgba(230, 83, 46, .14), rgba(28, 28, 26, .6) 55%);
  border-color: rgba(230, 83, 46, .3);
}
section.service .media .fa {
  color: #E6532E !important;
  transition: transform .25s;
}
section.service .media:hover .fa { transform: scale(1.18) rotate(-4deg); }
section.service .media-body p, section.service .media p { color: #a49e91 !important; }

/* ── Funfact: números protagonistas ───────────────────────────────── */
section.funfact {
  background-image: none !important;
  background-color: #121212 !important;
  border-top: 1px solid rgba(230, 83, 46, .35);
  border-bottom: 1px solid rgba(230, 83, 46, .35);
  position: relative;
  overflow: hidden;
}
section.funfact::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 640px 320px at 50% 120%, rgba(230, 83, 46, .12), transparent 70%);
}
section.funfact .overlay { background: transparent !important; }
.funfact-icon { color: #E6532E !important; filter: drop-shadow(0 0 14px rgba(230, 83, 46, .45)); }
.funfact-title, .funfact-inner h2, .funfact-inner h3 {
  color: #EDE7DC !important;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem) !important;
  font-weight: 700 !important;
}
.funfact-inner p { color: #b5afa2 !important; }

/* ── Testimonio: panel glass ──────────────────────────────────────── */
section.testimonial {
  background-image: none !important;
  background-color: #161615 !important;
}
.testmonial-block {
  background: rgba(28, 28, 26, .55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(237, 231, 220, .08);
  border-radius: 22px;
  padding: 40px 34px !important;
}
.testmonial-block, .testmonial-block p { color: #c9c3b6 !important; }
.testmonial-block .name { color: #EDE7DC !important; }
.testmonial-block .designation { color: #E6532E !important; }
.testimonial .img-circle { border: 3px solid #E6532E; box-shadow: 0 0 24px rgba(230, 83, 46, .35); }
.owl-theme .owl-dots .owl-dot span { background: rgba(237,231,220,.25) !important; }
.owl-theme .owl-dots .owl-dot.active span { background: #E6532E !important; }

/* ── Grilla de posts (the-post-grid) ──────────────────────────────── */
.rt-grid-item .rt-holder {
  background: #1c1c1a !important;
  border: 1px solid rgba(237, 231, 220, .07);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: none !important;
  transition: border-color .25s, transform .25s, box-shadow .3s;
}
.rt-grid-item .rt-holder:hover {
  border-color: rgba(230, 83, 46, .5);
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .5), 0 0 32px rgba(230, 83, 46, .1);
}
.rt-img-holder { overflow: hidden; }
.rt-img-holder img { transition: transform .5s ease; }
.rt-grid-item .rt-holder:hover .rt-img-holder img { transform: scale(1.05); }
.rt-grid-item .rt-holder h3 a, .rt-grid-item .rt-holder .entry-title a { color: #EDE7DC !important; }
.rt-grid-item .rt-holder h3 a:hover { color: #E6532E !important; }
.rt-grid-item .rt-holder p { color: #a49e91 !important; }
/* posts sin imagen destacada: constelación sobre fondo oscuro, no hueco blanco */
.rt-img-holder, .rt-img-responsive {
  background: #121212 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 240'><g stroke='%23E6532E' stroke-width='1.4' fill='none' opacity='.55'><line x1='70' y1='150' x2='160' y2='70'/><line x1='160' y1='70' x2='280' y2='120'/><line x1='280' y1='120' x2='340' y2='60'/><line x1='280' y1='120' x2='230' y2='190'/><line x1='70' y1='150' x2='230' y2='190'/></g><g fill='%23E6532E'><circle cx='70' cy='150' r='7'/><circle cx='160' cy='70' r='9'/><circle cx='280' cy='120' r='8'/><circle cx='340' cy='60' r='6'/><circle cx='230' cy='190' r='9'/></g></svg>") no-repeat center / 55% !important;
  min-height: 170px;
}
.rt-img-holder img, img.rt-img-responsive { background: transparent !important; }
/* el cuerpo de la tarjeta trae fondo blanco propio */
.rt-grid-item .rt-detail {
  background: transparent !important;
  color: #a49e91 !important;
}
.rt-detail .post-meta-user, .rt-detail .post-meta-user a,
.rt-detail .date-meta, .rt-detail .categories-links a, .rt-detail .comment-count a {
  color: #8f897d !important;
}
.rt-detail .tpg-excerpt { color: #a49e91 !important; }
.rt-detail .read-more a {
  background: #E6532E !important;
  color: #121212 !important;
  font-weight: 700;
  border-radius: 999px;
  padding: 7px 18px !important;
  transition: transform .2s, box-shadow .25s;
  display: inline-block;
}
.rt-detail .read-more a:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 26px rgba(230, 83, 46, .4);
}

/* ── Banda de título / breadcrumb ─────────────────────────────────── */
.page-title-section, .page-title-section.bg-grey {
  background:
    radial-gradient(ellipse 640px 260px at 50% 130%, rgba(230, 83, 46, .1), transparent 70%),
    #121212 !important;
  border-bottom: 1px solid rgba(237, 231, 220, .08);
}
.page-title-section .page-title, .page-title-section h1 {
  color: #EDE7DC !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 700 !important;
}
.page-breadcrumb, .page-breadcrumb a, .page-breadcrumb span { color: #a49e91 !important; }
.page-breadcrumb a:hover { color: #E6532E !important; }

/* ── Contenido (páginas y notas) ──────────────────────────────────── */
.site-content, .news { background: #161615 !important; }
.post, .post-content, article.post {
  background: transparent !important;
  box-shadow: none !important;
  color: #c9c3b6 !important;
}
.entry-content, .entry-content p, .post-content p {
  color: #c9c3b6 !important;
  line-height: 1.75;
}
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content blockquote, .post-content blockquote, blockquote.wp-block-quote {
  border-left: 3px solid #E6532E !important;
  background: #1c1c1a !important;
  color: #d7d1c4 !important;
  padding: 16px 22px;
  border-radius: 0 12px 12px 0;
}
.entry-content blockquote p, blockquote.wp-block-quote p { color: #d7d1c4 !important; }
.post-thumbnail img, .entry-content img { border-radius: 14px; }

/* ── Sidebar / widgets ────────────────────────────────────────────── */
.qua-sidebar .widget {
  background: rgba(28, 28, 26, .55) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(237, 231, 220, .08);
  border-radius: 18px;
  padding: 24px !important;
  box-shadow: none !important;
}
.qua-sidebar .widget a { color: #c9c3b6; }
.qua-sidebar .widget a:hover { color: #E6532E; }
.wp-block-search__label, .qua-sidebar .wp-block-heading, .qua-sidebar label { color: #EDE7DC !important; }
.wp-block-search__input, .qua-sidebar input[type="search"] {
  background: #121212 !important;
  border: 1px solid rgba(237, 231, 220, .15) !important;
  color: #EDE7DC !important;
  border-radius: 10px !important;
}
.wp-block-search__button, input[type="submit"], button[type="submit"] {
  background: #E6532E !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700;
  transition: transform .2s, box-shadow .25s;
}
.wp-block-search__button:hover, input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 26px rgba(230, 83, 46, .35);
}

/* ── Comentarios / formularios ────────────────────────────────────── */
#respond input, #respond textarea, .comment-form input, .comment-form textarea {
  background: #1c1c1a !important;
  border: 1px solid rgba(237, 231, 220, .15) !important;
  color: #EDE7DC !important;
  border-radius: 10px !important;
}
#respond input:focus, #respond textarea:focus {
  border-color: rgba(230, 83, 46, .6) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(230, 83, 46, .15);
}

/* ── Footer: el del tema se oculta, entra el propio (mu-plugin) ───── */
.site-footer { display: none !important; }
.footer33 {
  background: #0f0f0e;
  border-top: 1px solid rgba(230, 83, 46, .35);
  padding: 56px 0 28px;
  color: #8f897d;
  position: relative;
  overflow: hidden;
}
.footer33::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 600px 260px at 12% 0%, rgba(230, 83, 46, .09), transparent 70%);
}
.footer33 .f-wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 40px;
  position: relative;
}
.footer33 .f-marca {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #EDE7DC;
  letter-spacing: -0.03em;
  line-height: 1;
}
.footer33 .f-marca span { color: #E6532E; }
.footer33 .f-tag { margin-top: 10px; font-size: .95rem; }
.footer33 h4 {
  font-family: 'Space Grotesk', sans-serif;
  color: #EDE7DC !important;
  font-size: .8rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin: 0 0 14px;
}
.footer33 ul { list-style: none; margin: 0; padding: 0; }
.footer33 li { margin: 8px 0; }
.footer33 a { color: #a49e91; text-decoration: none; transition: color .2s, padding-left .2s; }
.footer33 a:hover { color: #E6532E; padding-left: 4px; }
.footer33 .f-base {
  max-width: 1140px;
  margin: 44px auto 0;
  padding: 18px 24px 0;
  border-top: 1px solid rgba(237, 231, 220, .08);
  font-size: .82rem;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 767px) {
  .footer33 .f-wrap { grid-template-columns: 1fr; gap: 28px; }
}

/* ── Detalles ─────────────────────────────────────────────────────── */
.scroll-up, .scroll-up a {
  background: #E6532E !important;
  color: #121212 !important;
  border-radius: 50%;
}
.scroll-up a { box-shadow: 0 6px 22px rgba(230, 83, 46, .4); }

/* ═══════════════════════════════════════════════════════════════════
   MÓVIL — el tema apila logo gigante + hamburguesa y comía media
   pantalla (416px de header). Acá se compacta todo.
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  /* header compacto: logo chico a la izquierda, hamburguesa a la derecha */
  .navbar-custom { padding: 0 !important; min-height: 0 !important; }
  .navbar-custom .container-fluid, .navbar-custom .container { padding: 0 !important; }
  .navbar-custom .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;
    margin: 0 !important;
    padding: 8px 14px;
  }
  .navbar-custom .navbar-brand {
    float: none;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    display: flex;
    align-items: center;
  }
  .navbar-brand img, .custom-logo {
    height: 44px !important;
    max-height: 44px !important;
    width: auto !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
  }
  .navbar-custom .navbar-toggle {
    float: none;
    margin: 0;
    position: static;
  }
  /* menú colapsado: sin subrayado animado, CTA como bloque centrado */
  html body .navbar.navbar-custom ul.navbar-nav > li > a { background-size: 0 !important; }
  html body .navbar.navbar-custom ul.navbar-nav > li:last-child > a {
    margin: 12px 16px 18px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .slider-caption h1 { font-size: 2.35rem !important; letter-spacing: -0.02em; }
  .slider-caption h5 { font-size: .66rem !important; padding: 7px 14px; letter-spacing: .2em; }
  .slider-caption p { font-size: .98rem; line-height: 1.65; }
  .slide-btn-sm, .slide-btn-area-sm a {
    padding: 13px 24px !important;
    font-size: .85rem !important;
    white-space: nowrap;
  }
  .hero-nodo { display: none; } /* en pantalla chica ensucian atrás del texto */
  body::before { width: 300px; height: 300px; opacity: .04; }
  #slider-carousel .item { min-height: calc(88vh - var(--nav33, 64px)); padding: 56px 0; }
  section.service, section.funfact, section.testimonial { padding: 64px 0 !important; }
  .section-header { margin-bottom: 30px; }
  .footer33 .f-marca { font-size: 2rem; }
  .footer33 { padding: 40px 0 22px; }
  .ticker33 .fila { font-size: .72rem; }
  .testmonial-block { padding: 28px 22px !important; }
}

/* ── Scroll-reveal (33ia-moderna.js pone .is-in) ──────────────────── */
html.anim33 .r33 {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1);
}
html.anim33 .r33.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.anim33 .r33 { opacity: 1 !important; transform: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}