:root{--navy:#02263b;--navy2:#061d38;--gold:#c79b52;--cream:#f7f4ee;--ink:#071b31;--muted:#5c6670}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}header{height:74px;background:rgba(2,38,59,.98);display:flex;align-items:center;padding:0 5%;position:sticky;top:0;z-index:20;color:#fff}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.brand span{font:38px Georgia,serif;color:#fff}.brand span::first-letter{color:var(--gold)}.brand small{font-size:8px;line-height:1.1}nav{margin-left:auto;display:flex;align-items:center;gap:28px}nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700}.cta{display:inline-block;background:var(--gold);color:#fff!important;text-decoration:none;border:0;padding:15px 22px;font-weight:800;border-radius:4px;cursor:pointer}.cta.small{padding:12px 18px}.cta.light{background:#f5dfb6;color:var(--ink)!important}#menu{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:510px;background:linear-gradient(90deg,rgba(2,25,48,.96) 0%,rgba(2,25,48,.76) 40%,rgba(2,25,48,.15) 70%),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80') center/cover;display:flex;align-items:center;padding:70px 7%;color:#fff}.heroText{max-width:700px}.eyebrow{color:var(--gold);font-weight:800;font-size:12px;letter-spacing:.08em}.hero h1{font:52px/1.05 Georgia,serif;margin:15px 0}.hero h1 em{font-style:normal;color:#f1bd51}.leadHero{font-size:18px;line-height:1.55;max-width:580px;margin-bottom:28px}.section{padding:70px 5%;scroll-margin-top:74px}.alt{background:var(--cream)}.center{text-align:center;max-width:850px;margin:0 auto 35px}.center h2,.contact h2{font:36px Georgia,serif;margin:8px 0 14px}.intro{line-height:1.6;color:#394654}.pillline{color:#173d68;font-weight:800;letter-spacing:.04em}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:auto}.person{border:1px solid #d7dce2;padding:24px;background:#fff;border-radius:7px;box-shadow:0 5px 18px #0012;display:flex;flex-direction:column}.person .tags{margin-top:auto}.person .profileBtn{margin-top:0}.photo{width:90px;height:90px;border-radius:50%;background:#e9ebee;margin:auto;display:grid;place-items:center;font:700 24px Georgia;color:#7a8490}.person h3{text-align:center;margin-bottom:4px}.person>b{display:block;text-align:center;color:#1b4773;font-size:14px}.person p{font-size:14px;line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.tags span{background:#eef2f6;border-radius:20px;padding:5px 9px;font-size:11px}.profileBtn{width:100%;padding:12px;background:var(--navy2);color:#fff;border:0;border-radius:4px;font-weight:800;cursor:pointer}.three{max-width:1180px;margin:20px auto 0;background:var(--navy2);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:25px;border-radius:5px}.three div{text-align:center;border-right:1px solid #ffffff44}.three div:last-child{border:0}.three strong,.three span{display:block}.three strong{color:#f1bd51}.serviceGrid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.serviceGrid article{background:#fff;border:1px solid #d8dde2;border-radius:6px;padding:20px;display:flex;gap:15px}.serviceGrid i{font-style:normal;width:46px;height:46px;flex:0 0 46px;border:2px solid #24466b;border-radius:50%;display:grid;place-items:center;font-size:24px}.serviceGrid h3{font-size:16px;margin:0 0 8px}.serviceGrid p{font-size:13px;line-height:1.5;margin:0}.steps{max-width:1180px;margin:35px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps div{display:grid;grid-template-columns:42px 1fr}.steps b{grid-row:1/3;width:36px;height:36px;border:2px solid #173d68;border-radius:50%;display:grid;place-items:center}.steps strong{font-size:12px}.steps span{font-size:12px;color:var(--muted)}.banner{max-width:1180px;margin:auto;background:var(--navy2);color:#fff;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.banner h3{margin:0 0 5px}.banner p{margin:0;font-size:13px}.why{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr .8fr;gap:28px}.reasonGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.reasonGrid h3{font-size:15px;margin-bottom:6px}.reasonGrid p{font-size:13px;line-height:1.5;color:#45515e}.commit{background:var(--navy2);color:#fff;padding:30px;text-align:center;border-radius:5px}.commit small{color:#d9b66e}.commit h3{font:29px Georgia,serif}.commit>div{display:flex;gap:12px;justify-content:center;font-size:10px;color:#e3bd70}.contact{background:#faf9f6;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contactInfo>a{display:flex;color:var(--ink);text-decoration:none;background:#fff;padding:13px 16px;border:1px solid #e1e4e7;margin:8px 0;border-radius:5px}.contactInfo>a strong{display:block;font-size:13px;margin-top:4px}.contactLink{align-items:center;gap:14px}.contactIcon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center}.contactIcon svg{width:23px;height:23px;fill:#fff}.contactIcon.whatsapp{background:#25d366}.contactIcon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.contactIcon.email{background:var(--navy2)}.contact form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact label{font-size:12px;font-weight:700}.contact input,.contact select,.contact textarea{width:100%;padding:12px;margin-top:6px;border:1px solid #ccd2d8;border-radius:4px;background:#fff}.contact textarea{height:90px}.wide{grid-column:1/-1}.wa{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:25px;border:3px solid #fff;z-index:15;box-shadow:0 3px 10px #0004}footer{background:var(--navy2);color:#fff;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px}.modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;z-index:50;padding:20px}.modal.open{display:grid}.modalCard{background:#fff;max-width:760px;width:100%;max-height:88vh;overflow:auto;padding:34px;border-radius:8px;position:relative}.modalCard>button{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.modalCard h2{font:32px Georgia,serif;margin:0}.modalCard h4{color:#1b4773;margin-bottom:7px}.modalCard li{margin:7px 0;line-height:1.4}@media(max-width:800px){header{height:66px;padding:0 20px}.brand span{font-size:31px}#menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--navy2);padding:20px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px;border-bottom:1px solid #ffffff22}.hero{min-height:650px;padding:60px 24px;background-position:62% center}.hero h1{font-size:40px}.section{padding:55px 20px}.center h2,.contact h2{font-size:30px}.team,.serviceGrid,.three,.steps,.why,.contact{grid-template-columns:1fr}.three div{border-right:0;border-bottom:1px solid #ffffff33;padding:12px}.three div:last-child{border:0}.serviceGrid article{padding:16px}.steps{gap:20px}.banner{flex-direction:column;align-items:flex-start;gap:18px}.reasonGrid{grid-template-columns:1fr}.contact{gap:30px}.contact form{grid-template-columns:1fr}.wide{grid-column:auto}footer{flex-direction:column;gap:12px;text-align:center}.wa{right:15px;bottom:15px}}

.formStatus{min-height:20px;padding:10px 12px;border-radius:4px;font-size:13px;font-weight:700;display:none}.formStatus:not(:empty){display:block}.formStatus.success{background:#e9f8ef;color:#176b38;border:1px solid #b9e5c9}.formStatus.error{background:#fff0f0;color:#9b2525;border:1px solid #efc1c1}.whatsappForm{display:block;text-align:center;padding:13px 16px;border:1px solid #25d366;border-radius:4px;color:#167a3b;text-decoration:none;font-size:12px;font-weight:800;background:#fff}.whatsappForm:hover{background:#f1fff6}#submitContact:disabled{opacity:.65;cursor:wait}

/* Grupo LYBA - identidad visual v2 */
.brand{gap:12px}
.brand .lybaWord{
  font-family:Georgia,'Times New Roman',serif;
  font-size:38px;
  letter-spacing:-.055em;
  line-height:.9;
  color:#fff;
  font-weight:400;
}
.brand .lybaWord>span{color:var(--gold);font:inherit;letter-spacing:inherit}
.brand .lybaWord::first-letter{color:inherit}
.brand small{
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:7px;
  line-height:1.25;
  letter-spacing:.14em;
  font-weight:600;
}
.hero .eyebrow{letter-spacing:.34em;color:#d7ab62}
.hero h1,.center h2,.contact h2,.commit h3,.modalCard h2{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
}
.hero h1 em{font-style:italic;color:#d3a14e}
.pillline{letter-spacing:.16em;font-size:12px}
header{background:rgba(4,31,49,.98)}
.cta{background:linear-gradient(135deg,#b98736,#d4aa60)}
.three,.banner,.commit,footer,.profileBtn{background:#06263a}
.three strong{color:#d7aa5c}
@media(max-width:800px){
  .brand .lybaWord{font-size:31px}
  .brand small{font-size:6px}
}

/* Ajuste v3: botones más elegantes + dorado más luminoso */
:root{
  --gold:#d5a33f;
}
.cta,
.profileBtn,
#submitContact{
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:.055em;
  font-weight:600;
}
.cta{
  background:linear-gradient(135deg,#c99631,#e0b657);
}
.cta:hover{
  background:linear-gradient(135deg,#d3a23e,#e8c36d);
}
.profileBtn,
#submitContact{
  letter-spacing:.09em;
}
.hero .eyebrow,
.eyebrow{
  color:#d9aa49;
}
.hero h1 em{
  color:#ddb04f;
}
.three strong{
  color:#e0b45b;
}

/* Ajuste v4: dorado champagne/bronce definitivo */
:root{
  --gold:#b98a42;
}
.cta{
  background:linear-gradient(135deg,#a97934,#c69a55);
  color:#fff!important;
}
.cta:hover{
  background:linear-gradient(135deg,#b48640,#d0a766);
}
.cta.light{
  background:#d8bc8a;
  color:#08283b!important;
}
.hero .eyebrow,
.eyebrow{
  color:#c0934c;
}
.hero h1 em{
  color:#c99b4f;
}
.three strong{
  color:#c9a15d;
}
.brand .lybaWord>span{
  color:#bd8c42;
}

/* v6 — Logo de cabecera Grupo LYBA */
.brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.brand .lybaWord{
  font-family:Georgia,'Times New Roman',serif;
  font-size:42px;
  line-height:.9;
  letter-spacing:-.06em;
  color:#fff;
  font-weight:400;
}
.brand .lybaWord .goldY{
  color:#bd8c42 !important;
  font:inherit;
  letter-spacing:inherit;
}
.brandDivider{
  display:block;
  width:1px;
  height:38px;
  background:rgba(255,255,255,.72);
  margin-left:4px;
}
.brand small{
  color:#fff;
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:7px;
  line-height:1.25;
  letter-spacing:.08em;
  font-weight:500;
}
.brand small b{
  letter-spacing:.22em;
  font-size:8px;
}
@media(max-width:800px){
  .brand .lybaWord{font-size:33px}
  .brandDivider{height:31px}
  .brand small{font-size:5.5px}
  .brand small b{font-size:6px}
}
