/* =========================================================
   FOLIOGENIA 2026 — DISEÑO BASE
   Negro #3d3938 · Naranja #c27517 · Blanco
   ========================================================= */

:root {
  --bg:           #3d3938;
  --bg-dark:      #2a2624;
  --bg-darker:    #1e1c1b;
  --text:         #ffffff;
  --muted:        rgba(255,255,255,.76);
  --muted2:       rgba(255,255,255,.50);
  --accent:       #c27517;
  --accent-dim:   rgba(194,117,23,.18);
  --accent-mid:   rgba(194,117,23,.28);
  --accent-bdr:   rgba(194,117,23,.50);
  --card:         rgba(0,0,0,.35);
  --card2:        rgba(0,0,0,.20);
  --stroke:       rgba(61,57,56,.10);
  --shadow:       0 10px 30px rgba(0,0,0,.35);
  --text-orange:  rgba(194,117,23,.99);
  --text-white:  rgba(255,255,255,.99);
}

/* ── GLOBAL ─────────────────────────────────────────────── */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}

* {
  box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
  font-family: "Open Sans", system-ui, -apple-system, Roboto, Arial, sans-serif !important;
  background-color: var(--bg-darker) !important;
  background-image: url('../images/fondo_foliogenia.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: var(--text) !important;
  min-height: 100vh;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(30,28,27,.92) 0%,
    rgba(30,28,27,.78) 40%,
    rgba(30,28,27,.92) 100%);
  z-index: 0;
  pointer-events: none;
}

.body.textmini p{
font-size:14px;	
float: left;
  width: 100%;
	}

.taronga{
color: var(--accent) !important;	
	}


/* Asegurar que todo el contenido queda sobre el overlay */
header, main, footer, section, .section,
.page-wrapper, .main-container, .container,
#footer {
position: relative;
  z-index: 2;
  top:-7px;
  margin: 0 auto;
}



.page-wrapper { background: transparent !important; }

/* Tipografía */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--text) !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
}
p, li, td, th, label { color: var(--muted); }
a { color: var(--accent); transition: color .15s; }
a:hover { color: #fff; text-decoration: none; }

.separator {
  display: block;
  width: 60px;
  height: 5px;
  margin: 15px auto 15px;
  background-color: #c27517;
  position: relative;
   border: none;
  border-top: 0 solid var(--stroke);
  margin: 18px auto;
}
.separator::after{
position: relative;	
	}


/* ── PARTÍCULAS ─────────────────────────────────────────── */
.fg-particles {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .55;
  filter: blur(.1px);
}

/* El wrapper de cada partícula maneja el movimiento */
.fg-cc {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  will-change: transform;
}

/* El inner maneja fade + escala (transform separado) */
.fg-ci {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(#c27517, #c27517 10%, rgba(149,117,23,0) 56%);
  mix-blend-mode: screen;
  animation: fg-fade 400ms infinite ease-in-out, fg-scale 2s infinite ease-in-out;
}

@keyframes fg-fade {
  0%, 100% { opacity: 1; }
  50%       { opacity: .70; }
}

@keyframes fg-scale {
  0%, 100% { transform: scale(.4); }
  50%       { transform: scale(2.2); }
}

@media (prefers-reduced-motion: reduce) {
  .fg-particles { display: none; }
}


/* ── DROPDOWN OPEN STATE (override style.css #fafafa) ───── */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open.active > a,
.main-navigation .navbar-nav > .open.active > a:focus,
.main-navigation .navbar-nav > .open.active > a:hover {
  color: #fff !important;
  background-color: rgba(0,0,0,.22) !important;
  border-color: var(--stroke) !important;
  box-shadow: none !important;
}

/* ── HEADER ─────────────────────────────────────────────── */
header.header,
header.header.fixed,
header.header.strongblue {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: rgba(30,28,27,.62) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid var(--stroke) !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
}

/* Logo */
.header .logo img     { max-height: 46px; width: auto; }
.header .logo .site-slogan {
  color: var(--muted2);
  font-size: 12px;
margin: 4px 0 0 -7px;
  line-height: 1.2;
}

/* Navbar base */
.navbar-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  min-height: auto;
}

/* Links de navegación */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited {
  color: rgba(255,255,255,.82) !important;
  font-weight: 600;
  font-size: 14px;
  padding: 9px 12px !important;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: background .15s, border-color .15s, color .15s;
  line-height: 1.4;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff !important;
  background: rgba(0,0,0,.22) !important;
  border-color: var(--stroke) !important;
}

.navbar-default .navbar-nav > li.active > a {
  color: var(--accent) !important;
  background: var(--accent-dim) !important;
  border-color: var(--accent-bdr) !important;
}

/* Sub-texto del item de mega-menu */
.navbar-default .navbar-nav > li > a p,
.navbar-default .navbar-nav > li > a .floatbreaker + p {
  color: var(--muted2) !important;
  font-size: 11px !important;
  margin: 0 !important;
  font-weight: 400;
}

span.productmenu { color: #fff; display: block; font-weight: 700; }

/* Dropdown mega-menu panel */
.navbar-default .navbar-nav .dropdown-menu,
.mega-menu .dropdown-menu {
  background: rgba(25,23,22,.96) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 0 !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0,0,0,.55) !important;
  padding: 12px !important;
}

.dropdown-menu > li > a,
.dropdown-menu .menu > li > a {
  color: var(--muted) !important;
  border-radius: 0;
  padding: 8px 12px !important;
  font-size: 14px;
  display: block;
  transition: background .12s, color .12s;
  border-bottom: 1px solid #3d3938;
}

.dropdown-menu > li > a:hover,
.dropdown-menu .menu > li > a:hover {
  color: #fff !important;
  background: var(--accent-dim) !important;
}

.dropdown-menu .divider { border-color: var(--stroke) !important; margin: 6px 0; background-color: var(--stroke); }

/* Desc del item en el mega-menu */
p.menupoint_explain {
  color: var(--muted2) !important;
  font-size: 12px !important;
  margin: 2px 8px 0 !important;
  font-weight: 400;
}

/* Botón CTA del nav */
.coveracountbtn { display: inline-block; padding: 2px 0; }

.coveracountbtn .btn-cover,
.coveracountbtn a.btn {
  background: var(--accent-dim) !important;
  border: 1px solid var(--accent-bdr) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 9px 18px !important;
  font-weight: 700;
  font-size: 14px;
  transition: background .15s, transform .12s;
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}

.coveracountbtn .btn-cover:hover,
.coveracountbtn a.btn:hover {
  background: var(--accent-mid) !important;
  transform: translateY(-1px);
  color: #fff !important;
}

/* Hamburger móvil */
.navbar-default .navbar-toggle {
  border-color: var(--stroke) !important;
  background: rgba(0,0,0,.20) !important;
}
.navbar-default .navbar-toggle .icon-bar { background: var(--text) !important; }
.navbar-default .navbar-toggle:hover  { background: rgba(0,0,0,.35) !important; }

/* Columnas de logo y nav */
.logoontop, .foripadmenu { padding-top: 4px; }
.logoontop { padding-top: 4px; margin: 9px 0 0 0;}

/* ── HERO ─────────────────────────────────────────────────── */
.main-container.bg-cover {
  background: transparent !important;
  padding: 30px 0 25px !important;
  min-height: auto;
  border-bottom: 3px solid #c27517;
}

.covertitle {
  color: var(--text-orange) !important;
/*  font-size: clamp(24px, 3.8vw, 50px) !important;*/
	font-size: clamp(18px, 2.2vw, 42px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em;
}

h4.covertitle {
  font-size: clamp(14px, 1.5vw, 18px) !important;
  font-weight: 400 !important;
  color: var(--muted) !important;
  line-height: 1.55;
   margin: 0 0 10px 41px;
  width: 100%;
}

h4.covertitle.imagenpieze {
font-size: clamp(9px, 1.5vw, 13px) !important;
  font-weight: 400 !important;
  color: var(--muted) !important;
  line-height: 0;
  margin-top: 0;
  padding: 0;
}

h6.covertitle {
font-size: 14px !important;
  font-weight: normal !important;
  color: var(--text-orange) !important;
  line-height: 1.55;
  width: 100%;
  margin: 0 0 25px 41px;
  text-align:left;
}

.coverbtngroup { margin-top: 28px; }

.btn-cover,
a.btn-cover {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--accent-dim);
  border: 1px solid var(--accent-bdr);
  color: #fff !important;
  border-radius: 12px;
  padding: 12px 22px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: background .15s, transform .12s;
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
}

.btn-cover:hover,
a.btn-cover:hover {
  background: var(--accent-mid);
  transform: translateY(-2px);
  color: #fff !important;
}

.imagecover img,
.imagecover { text-align: center; }
.imagecover img { max-width: 64%; border-radius: 14px; margin: 0 auto;}
.textcover { padding-top: 20px; }


/* ── SEPARADOR ENTRE SECCIONES ─────────────────────────────── */
.headtopGet {
  background: transparent;
  padding: 44px 0 16px;
  text-align: center;
}

.headtopGet h1,
h1.hipertitle {
  color: var(--text) !important;
  font-size: clamp(20px, 2.6vw, 34px) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  width: auto !important;
  margin: 0 auto 0 auto;
}


/* ── SECCIONES DE CONTENIDO ─────────────────────────────────── */
.main-container.blockspace,
section.main-container,
.section.softbluebg,
.section.clearfix.blockspace,
div.section.clearfix {
  background: transparent !important;
}

.softbluebg { background: transparent !important; }
.blockspace { padding: 28px 0 0 0; }

/* Cards de contenido (imagen + texto) */
.toLeftMgCover { padding: 20px 10px; }
.bg_circle_cover { padding: 16px 10px; }
.bg_circle_cover img { border-radius: 14px; box-shadow: var(--shadow); max-width: 100%; }

/* Títulos de sección */
h1.titleblog, h1.titleblog {
  color: var(--text) !important;
  font-size: clamp(18px, 2.2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.2;
  margin-bottom: 10px;
  width:100%;
}

h2.titleblog {
  color: var(--muted) !important;
  font-size: clamp(13px, 1.3vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* Checkpoints */
.coverlead { color: var(--muted) !important; margin-bottom: 10px; line-height: 1.6; }
.checkpoint { color: var(--accent); margin-right: 8px; display: inline-flex; vertical-align: middle; }
.checkpoint svg { stroke: var(--accent); }

/* Links en secciones */
.coverlead a, h2.titleblog a { color: var(--accent) !important; }
.coverlead a:hover, h2.titleblog a:hover { color: #fff !important; text-decoration: underline; }


/* ── SECCIÓN ALIADO (layout 2 cols con imagen derecha) ─────── */
.section-first {
  background: rgba(0,0,0,.28) !important;
  border: 1px solid var(--stroke);
  border-radius: 20px;
  margin: 20px auto 30px;
  max-width: 1140px;
  padding: 44px 24px;
}

.section-first .imagehome { background: transparent !important; }

h1.title {
  color: var(--text) !important;
  font-size: clamp(20px, 2.4vw, 30px) !important;
  font-weight: 700 !important;
  font-family: "Open Sans", sans-serif !important;
}

.lead { color: var(--muted) !important; font-size: 16px; }

.explain a {
  color: var(--accent) !important;
  font-weight: 600;
  font-size: 14px;
}
.explain a:hover { color: #fff !important; text-decoration: underline; }
.explain a i { margin-right: 4px; }


/* ── ICONOS GRID ────────────────────────────────────────────── */
.iconme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 53px;
  border-radius: 12px;
  background: var(--accent-dim);
  border: 1px solid var(--accent-bdr);
  color: var(--accent);
  margin-bottom: 10px;
}
.iconme svg { stroke: var(--accent); }

h4.title { color: var(--text) !important; font-size: 17px !important; }

.col-md-3 > p, .col-xs-12.col-sm-6.col-md-3 > p {
  color: var(--muted) !important;
  font-size: 14px;
  line-height: 1.6;
}


/* ── TESTIMONIOS ────────────────────────────────────────────── */
.display-4.mb-3 {
  color: var(--text) !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  font-weight: 700 !important;
  font-family: "Open Sans", sans-serif !important;
}

.card-body-one,
.card-body-two,
.card-body-three,
.card-body-four,
.card-body-five {
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 14px;
  box-shadow: var(--shadow);
}

.card-body-one p,
.card-body-two p,
.card-body-three p,
.card-body-four p,
.card-body-five p
{
  color: var(--muted) !important;
  font-style: italic;
  margin-bottom: 10px;
}

.card-body-one h5,
.card-body-two h5,
.card-body-three h5,
.card-body-four h5,
.card-body-five h5 {
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 700;
  margin: 8px 0 2px;
}

.blockquote-details .info p.mb-0 {
  color: var(--accent) !important;
  font-size: 15px;
}
.testimoniallayer{
	position: relative;
	}


/* ── FAQ ────────────────────────────────────────────────────── */
#accordion-faq .panel-default {
  background: var(--card) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 12px !important;
  margin-bottom: 8px;
  box-shadow: none !important;
}

#accordion-faq .panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 4px 0;
}

#accordion-faq .panel-title.faq a {
  color: var(--bg-dark) !important;
  font-weight: 600;
  font-size: 15px;
}

#accordion-faq .panel-title.faq a:hover {
  color: var(--text) !important;
}

#accordion-faq .panel-body,
#accordion-faq .panel-body p {
  color: var(--muted) !important;
  background: transparent;
}

#accordion-faq .panel-body a { color: var(--accent) !important; }
#accordion-faq .panel-body a:hover { color: #fff !important; }

.fa-question-circle { color: var(--accent); margin-right: 8px; }

.panel-heading a {
  background-color: #f0dcc5 !important;
  color: var(--text-orange);
}

/* ── FOOTER ─────────────────────────────────────────────────── */
#footer {
  background: rgba(18,16,15,.92) !important;
  border-top: 3px solid #c27517 !important;
}

#footer .footer {
  background: transparent !important;
  padding: 44px 0 28px;
  position:relative;
}

.footer-content{
  position:relative;	
	}

#footer .footer-content p,
#footer p { color: var(--muted2) !important; font-size: 13px; }

#footer .nav.nav-pills.nav-stacked > li > a {
  color: var(--text-white) !important;
  font-size: 14px;
  padding: 4px 0;
  transition: color .15s;
}
#footer .nav.nav-pills.nav-stacked > li > a:hover { color: var(--accent) !important; background: transparent; }

#footer .list-icons li { color: var(--muted2) !important; font-size: 13px; line-height: 1.2; }
#footer .list-icons li a { color: var(--muted) !important; }
#footer .list-icons li a:hover { color: var(--accent) !important; }
#footer .list-icons li i { color: var(--accent); }

/* Social links */
#footer .social-links.circle li a {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid var(--stroke) !important;
  color: var(--muted) !important;
  transition: background .15s, border-color .15s, color .15s;
}
#footer .social-links.circle li a:hover {
  background: var(--accent-dim) !important;
  border-color: var(--accent-bdr) !important;
  color: var(--accent) !important;
}
#footer .social-links.circle li a svg { fill: currentColor; width: 16px; height: 16px; }

/* Logo footer en blanco/gris */
.logo-footer img {
  filter: brightness(0) invert(1) opacity(.45);
  max-width: 130px;
}

/* Copyright / legal */
#footer .footer-content ul.list-icons li:first-child { color: var(--muted2) !important; }


/* ── SCROLL TO TOP ──────────────────────────────────────────── */
.scrollToTop {
  background: var(--accent-dim) !important;
  border: 1px solid var(--accent-bdr) !important;
  color: var(--text) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.3) !important;
position: absolute;
  top: -27px;
  right: 0;
}
.scrollToTop:hover { background: var(--accent-mid) !important; }


/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 900px) {
  .navbar-collapse {
    background: rgba(25,23,22,.97) !important;
    border-top: 1px solid var(--stroke) !important;
    border-bottom: 1px solid var(--stroke) !important;
    padding: 10px 0;
  }
  .main-container.bg-cover { padding: 0 0 40px !important; }
  h1.hipertitle { width: 80% !important; }
  
  .imagecover{
	  display:none;
	  }
  h2.covertitle {
    font-size: 38px !important;
    margin-top: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }
} /**/

@media (max-width: 768px) {
  .main-container.bg-cover { padding: 0 0 30px !important; }
  .section-first { border-radius: 14px; padding: 28px 16px; }
  h1.hipertitle { width: 100% !important; }
  .toLeftMgCover, .bg_circle_cover { padding: 12px 0; margin-top: 0;}

.blockspace {
  padding:26px 0 0 0;
}
.card-body-five {
float: left;
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 0;
	bottom: auto;
	}
h6.covertitle {
margin: 0 0 0 41px;	
	}
.container-fluid > .navbar-collapse{
margin: 0 0 0 0;		
	}

.logoontop {
z-index: 5000;
}

} /* 797*/