:root{font-family:system-ui,sans-serif;color:#202722;background:#f4f5f2;--accent:#39745e;--muted:#66716a;--line:#e1e6e1}*{box-sizing:border-box}body{margin:0;background:#f4f5f2}header{padding:1rem max(1.25rem,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:#fff}header strong{font-size:1.15rem}header a{color:inherit;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:1.2rem}nav a{color:var(--muted);text-decoration:none}main{width:100%;max-width:none;margin:0;padding:0}.hero{width:min(1120px,calc(100% - 2rem));min-height:420px;margin:0 auto;padding:4rem clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;border-radius:.8rem;color:#fff;background:linear-gradient(90deg,rgba(0,8,5,.72),rgba(0,8,5,.35)),url("/fondo-lifeonline.png") center/cover no-repeat;box-shadow:0 14px 40px #10251a18}.hero .eyebrow{color:#d7eee0}.hero h1{max-width:760px;color:#fff;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08}.hero p{max-width:680px;color:#f1f5f2;line-height:1.7}.actions,.section-heading,.project-card .label{display:none!important}section[aria-labelledby=empresas-title]{width:min(1120px,calc(100% - 2rem));margin:2rem auto;padding:0}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{position:relative;min-height:190px;padding:1.35rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;box-shadow:0 8px 24px #26362d08}.project-card:before{content:"";display:block;width:2.8rem;height:2.8rem;margin-bottom:.8rem;background-position:center;background-repeat:no-repeat;background-size:contain}.project-card:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%20fill=%22none%22%20stroke=%22%2327764c%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%2028V5h15v23M20%2012h7v16M9%2010h3m-3%205h3m-3%205h3M3%2028h27%22/%3E%3C/svg%3E")}.project-card:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%20fill=%22none%22%20stroke=%22%2327764c%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2011L16%204l12%207-12%207-12-7zm0%206l12%207%2012-7M4%2023l12%207%2012-7%22/%3E%3C/svg%3E")}.project-card:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%20fill=%22none%22%20stroke=%22%2327764c%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%206h22v16H5zM2%2027h28l-3-5H5l-3%205Z%22/%3E%3C/svg%3E")}.project-card h3{margin:.3rem 0;color:#202722;font-size:1.2rem}.project-card p{color:#58655d;line-height:1.6}.project-card>a{position:absolute;inset:0;font-size:0}.project-card:after{content:"→";position:absolute;right:1rem;bottom:1rem;color:var(--accent);font-size:1.3rem;pointer-events:none}.secondary-area{width:min(1120px,calc(100% - 2rem));margin:1rem auto 2rem;display:flex;justify-content:center}.secondary-area p{display:none}.secondary-area a{color:var(--muted);font-size:.9rem;text-decoration:none}footer{padding:1.5rem 1rem;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:.9rem}footer a{color:inherit;text-decoration:none}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.hero{min-height:360px;padding:3rem 1.25rem}.business-grid{grid-template-columns:1fr}.project-card{min-height:150px}}
 
/* Fondo verde Life Online */
:root { background: #07110e; color: #e8fff3; }
body { background: #07110e; color: #e8fff3; }
header { background: #08120e; border-bottom-color: #174631; color: #e8fff3; }
nav a { color: #c7dacd; }
nav a:hover, nav a:focus-visible { color: #3af2a0; }
.section-heading h2 { color: #f2fff7; }
.section-heading p { color: #c7dacd; }
.section-heading .eyebrow { color: #8fd4a8; }
.secondary-area { background: #0b1c14; border-color: #205b3c; color: #e8fff3; }
.secondary-area p { color: #c7dacd; }
.secondary-area a { color: #3af2a0; }
footer { border-top-color: #174631; color: #b9d1c2; }
footer a { color: inherit; }

/* Fondo verde de la portada */
html, body { background: #07110e !important; color: #e8fff3; }
header { background: #08120e !important; border-color: #174631 !important; }
nav a { color: #c7dacd !important; }
.section-heading h2 { color: #f2fff7; }
.section-heading p { color: #c7dacd; }
.secondary-area { background: #0b1c14 !important; border-color: #205b3c !important; color: #e8fff3; }
.secondary-area p { color: #c7dacd; }
.secondary-area a { color: #3af2a0; }
footer { border-color: #174631 !important; color: #b9d1c2; }

/* Tarjetas oscuras para combinar con el fondo */
.project-card {
  background: #102019 !important;
  border-color: #28523b !important;
  color: #e8fff3;
}
.project-card h3 { color: #e8fff3; }
.project-card p { color: #c2d5c8; }
.project-card:before {
  background: #183728;
  color: #75c897;
}
.project-card>a { color: #75c897; }
.project-card:hover { box-shadow: 0 14px 30px #0005; }

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #173B2A; }
.project-card p { color: #304C39; }
.project-card:before {
  background: #A9C9AE;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #173B2A; }
.project-card p { color: #304C39; }
.project-card:before {
  background: #A9C9AE;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #173B2A; }
.project-card p { color: #304C39; }
.project-card:before {
  background: #A9C9AE;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #173B2A; }
.project-card p { color: #304C39; }
.project-card:before {
  background: #DEF5D3;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #FFFFFF; }
.project-card p { color: #FFFFFF; }
.project-card:before {
  background: #A9C9AE;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #000000; }
.project-card p { color: #000000; }
.project-card:before {
  background: #DEF5D3;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia claro */
.project-card {
  background: #DCE9DF !important;
  border-color: #A9C6B1 !important;
  color: #173B2A;
}
.project-card h3 { color: #173B2A; }
.project-card p { color: #405B49; }
.project-card:before {
  background: #C7DCCB;
  color: #245C3B;
}
.project-card>a { color: #245C3B; }
.project-card:hover {
  border-color: #7FA58A !important;
  box-shadow: 0 14px 30px #0004;
}

/* Tarjetas verde salvia */
.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #183321;
}
.project-card h3 { color: #000000; }
.project-card p { color: #000000; }
.project-card:before {
  background: #DEF5D3;
  color: #155C37;
}
.project-card>a { color: #155C37; }
.project-card:hover {
  border-color: #4F7659 !important;
  box-shadow: 0 14px 30px #0004;
}

/* Verde salvia en la cabecera y el acceso al perfil */
header {
  background: #8FB79B !important;
  border-bottom-color: #64876D !important;
  color: #000000;
}
header strong a { color: #000000; }
header nav a { color: #183321 !important; }
header nav a:hover { color: #155C37 !important; }

.logo-slot {
  background: #DCE9DF;
  border-color: #64876D;
  color: #183321;
}

.secondary-area {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #000000 !important;
}
.secondary-area p { color: #000000 !important; }
.secondary-area a,
.secondary-area .profile-link { color: #155C37 !important; }
.secondary-area:hover { border-color: #4F7659 !important; }

/* Cabecera y perfil oscuros; las tarjetas conservan su verde */
header {
  background: #08120e !important;
  border-bottom-color: #174631 !important;
  color: #e8fff3;
}
header strong a { color: #e8fff3; }
header nav a { color: #c7dacd !important; }
header nav a:hover { color: #3af2a0 !important; }

.logo-slot {
  background: #0b1c14;
  border-color: #28523b;
  color: #c7dacd;
}

.secondary-area {
  background: #0b1c14 !important;
  border-color: #28523b !important;
  color: #e8fff3 !important;
}
.secondary-area p { color: #c7dacd !important; }
.secondary-area a,
.secondary-area .profile-link { color: #75c897 !important; }
.secondary-area:hover { border-color: #64876D !important; }

/* Ajuste visual de la portada */
body { background: #07110e !important; }
main { max-width: 1180px; }

.hero {
  min-height: 410px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(90deg, rgba(4,16,11,.88), rgba(4,16,11,.42) 58%, rgba(4,16,11,.12)),
    url('/fondo-lifeonline.png') center / cover no-repeat !important;
  border: 1px solid #28523b;
  box-shadow: 0 20px 50px #0005;
}
.hero h1 { max-width: 720px; }
.hero p { max-width: 650px; }

.project-card {
  background: #8FB79B !important;
  border-color: #64876D !important;
  color: #000;
  box-shadow: 0 12px 28px #0003;
}
.project-card h3,
.project-card p { color: #000; }
.project-card:before {
  background: #DEF5D3;
  color: #155C37;
}
.project-card>a { color: #155C37; }

.secondary-area {
  background: #0b1c14 !important;
  border-color: #28523b !important;
  color: #e8fff3 !important;
}