@charset "utf-8";
/* CSS Document */
:root{
  --brand: #8BC34A; /* verd clar botó principal */
  --brand-2: #6AA832; /* hover */
  --bg-hero: #111a18; /* fons fosc de portada */
	--soft-green:#dfeee3;   /* fons verd suau de la secció */
  --ink:#0e1b17;          /* text principal fosc */
  --muted:#566760;        /* text secundari */	
}
	  /* Altura de navbar y compensación del contenido/ancoras */
:root { --nav-h: 100px; }
@media (max-width: 991.98px){
  :root { --nav-h: 64px; }
}


	  section {
		 
  padding-top: 25px;
  padding-bottom: 5px;
}
body { 
  padding-top: var(--nav-h); 
}
/* Corrige el scroll en anclas */
section { 
  scroll-margin-top: var(--nav-h);
  padding-bottom: 3rem; /* margen inferior cómodo */
}

/* Si quieres más aire arriba en cada sección */
section:not(:first-of-type) {
  padding-top: 2rem;
}
p {
  font-size: 1.2rem;   /* antes ~1rem por defecto */
  line-height: 1.75;  /* más espacio entre líneas */
}	
	  .h4 {font-size: 1.8rem}

#tecnologia, 
#superioridad, 
#ventajas {
  padding-top: 150px;
  padding-bottom: 100px;
}

@media (min-width: 992px){
  section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
	#contacto {
  padding-top: 100px;
  padding-bottom: 100px;
}
}
	  
.navbar{
  background: var(--soft-green); /* mateix verd de tecnologia */
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
	  .navbar-brand img {
 height: 80px;  /* o 60px si quieres más grande */
  max-height: 100%;
}

/* Estilo para el menú principal */
.navbar-nav .nav-link {
  font-size: 0.95rem;          /* un poco más grande que antes */
  font-weight: 600;            /* semi-bold */
  text-transform: uppercase;   /* mayúsculas */
  color: #333 !important;      /* color base */
  letter-spacing: 0.5px;       /* un poco de tracking */
  padding: 0.5rem 1.25rem;     /* separación entre ítems */
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border-bottom: 2px solid transparent; /* subrayado animado */
}

/* Hover con verde corporativo */
.navbar-nav .nav-link:hover {
  color: #6ab42f !important;
  border-bottom: 2px solid #6ab42f;
}

/* Ítem activo */
.navbar-nav .nav-link.active {
  color: #6ab42f !important;
  border-bottom: 2px solid #6ab42f;
}




.text-brand{color:var(--brand);}
.text-light-brand{color:var(--soft-green);}
.btn-brand {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.btn-brand:hover {
  background: var(--brand-2);
  border-color: var(--brand-2);
  color: #fff;
}

.highlight{ color:var(--brand); }	  
	  
.btn-outline-brand{border-color:var(--brand); color:var(--brand)}
.btn-outline-brand:hover{background:var(--brand); color:#fff}
.hero{
  min-height: 80vh; display:flex; align-items:center;
  background:var(--bg-hero); color:#e9f0ec
}
.hero-visual{
  min-height: 60vh; background-position:center; background-size:cover;
}
	  /* Secció Tecnologia */
#tecnologia, #contacto{ background:var(--soft-green); }
 /* Usa el mismo icono para todos los <li> */
.icon-bullets{
  list-style: none;
  padding-left: 0;
  --bullet: url('https://www.mfdevelopments.com/css/favicon-16.png'); /* AJUSTA la ruta */
  --bullet-size: 0.9em;             /* tamaño del icono (antes ~1.4em) */
  --bullet-gap: .5rem;              /* espacio entre icono y texto */	
}
.icon-bullets li{
  list-style: none;
}
.icon-bullets li::before{
  content: "";
  display: inline-block;
  width: var(--bullet-size);
  height: var(--bullet-size);
  margin-right: var(--bullet-gap);
  vertical-align: -0.2em;
  background-image: var(--bullet);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.section-title{ color:var(--brand); font-weight:700; }
.section-underline{ height:2px; background:#21322d; opacity:.35; margin: .5rem 0 2rem; }

.tech-copy{ color:var(--muted); line-height:1.75; }
.img-raised{ border-radius:1rem; box-shadow:0 10px 24px rgba(0,0,0,.12); }
@media (min-width: 992px){
  .hero-visual{min-height: 80vh}
}
/* ventajas */
 #ventajas{ background:#0e1413; color:#f1f5f3; }
#ventajas h2{ color:#fff; }
#ventajas h2 .highlight{ color:var(--brand); }
.adv-card {
  text-align: left;
}
.adv-card img {
  width: 80px;
  height: 80px;
  margin-bottom: .75rem;
  filter: invert(69%) sepia(69%) saturate(434%) hue-rotate(49deg) brightness(96%) contrast(90%);
}
.adv-card h5{ color:#fff; font-weight:600; }
.adv-card p{ color:#cfd8d4; font-size:1.2rem; line-height:1.6; }
	/* Ajustes responsive en móvil */
@media (max-width: 767.98px) {
  .adv-card {
    text-align: center;              /* centra el contenido */
  }
  .adv-card img {
    width: 80px;                     /* iconos más grandes */
    height: 80px;
    margin-bottom: 1rem;
  }
}  
/* superioridad */
#superioridad{ background:#0e1413; color:#f1f5f3; }
#superioridad h2{ color:#fff; margin-bottom:2rem; }
#superioridad h2 .highlight{ color:var(--brand); }
.sup-card{
  border:1px solid var(--brand);
  border-radius:.75rem;
  padding:1.25rem 1.5rem;
  background:transparent;
  margin-bottom:1.25rem;
}
.sup-card h5{ color:#fff; font-weight:600; margin-bottom:.5rem; }
.sup-card p{ color:#cfd8d4; font-size:1.05rem; margin-bottom:0; }
.sup-visual{ border-radius:1rem; overflow:hidden; }

/* contacto */ 
#contacto{ background:var(--soft-green); color:var(--brand); text-align:center; }
#contacto a {
  color: var(--muted);
}

#contacto a:hover {
  color: var(--brand-2);
}

#contacto h3{ font-weight:700; }
#contacto p{ font-size:1.1rem; margin-bottom:1.5rem; }
#contacto .btn-cta{ background:#fff; color:var(--brand); font-weight:600; }
#contacto .btn-cta:hover{ background:#f1f1f1; color:var(--brand-2); }
#contacto .logo-cta img{ max-height:150px; margin-bottom:1.5rem; }
	  
  /* Quan la pantalla és petita (mòbil) */
  @media (max-width: 768px) {
   #contacto .logo-cta img {
      max-height: 100px;
    }
  }

	  /* footer */ 
	  footer {
  padding: 40px 0;
  border-top: 1px solid rgba(0,0,0,.1);
 background:var(--soft-green); color:#var(--brand);
  font-size: .95rem;
}


footer .footer-logo img {
  max-height: 60px;
  margin-bottom: .5rem;
}

footer .footer-left {
  text-align: left;
}

footer .footer-right {
  text-align: right;
}

footer .footer-links a {
  color: #6c757d;
  margin-left: 1rem;
  text-decoration: none;
}

footer .footer-links a:hover {
  text-decoration: underline;
  color: var(--brand-2);
}

footer .footer-contact {
  margin-top: .75rem;
  color: #6c757d;
}

footer .footer-contact a {
  color: #6c757d;
  text-decoration: none;
  margin-left: .5rem;
}

footer .footer-contact a:hover {
  text-decoration: underline;
  color: var(--brand-2);
}

@media (max-width: 767.98px) {
  footer .footer-left, 
  footer .footer-right {
    text-align: center;
    margin-bottom: 1rem;
  }
  footer .footer-links a {
    margin: 0 .5rem;
  }
}


footer .footer-logo img {
  max-height: 60px;
  margin-bottom: .5rem;
}

footer .footer-left {
  text-align: left;
}

footer .footer-right {
  text-align: right;
}

footer .footer-links a {
  color: #6c757d;
  margin-left: 1rem;
  text-decoration: none;
}

footer .footer-links a:hover {
  text-decoration: underline;
  color: var(--brand-2);
}

@media (max-width: 767.98px) {
  footer .footer-left, 
  footer .footer-right {
    text-align: center;
    margin-bottom: 1rem;
  }
}
.footer-legal a {
  color: inherit;
  transition: color 0.2s ease;
}

.footer-legal a:hover {
  color: #6ab42f; /* verde corporativo */
}