:root{
  --white:#ffffff;
  --soft:#faf7f2;
  --gold:#b58a46;
  --gold-dark:#8d682f;
  --text:#171717;
  --muted:#6a645c;
  --line:#eadfcd;
  --shadow:0 18px 40px rgba(0,0,0,.08);
  --radius:24px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(181,138,70,.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);
}
img{max-width:100%;display:block}
a{color:inherit}
.container{width:min(var(--container), calc(100% - 32px));margin:0 auto}
.header{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.header-inner{
  min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.brand{text-decoration:none;display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:68px;height:68px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.brand h1{margin:2px 0 0;font-size:1.1rem;line-height:1.2}
.mini,.tag{margin:0;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700}
.nav{display:flex;gap:18px;flex-wrap:wrap}
.nav a{text-decoration:none;font-weight:700;color:var(--muted)}
.nav a:hover{color:var(--gold-dark)}
.hero{padding:56px 0 26px}
.hero-grid,.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.hero-copy h2,.section-head h3,.content-card h3,.contact-box h3{
  margin:10px 0 14px;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(2.2rem, 6vw, 4.8rem);
  line-height:.98;
}
.lead{font-size:1.08rem;line-height:1.8;color:var(--muted);margin:0;max-width:740px}
.card{
  background:rgba(255,255,255,.94);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-visual{padding:18px;min-height:520px;display:flex;align-items:center;justify-content:center}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.stat-card,.contact-card{padding:18px}
.stat-card span,.contact-card span,.mini-card span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.btn-primary{background:linear-gradient(135deg, var(--gold), #d8b26f);color:#fff}
.btn-secondary{background:#fff;border:1px solid var(--line)}
.section{padding:18px 0 42px}
.content-card{padding:30px}
.clean-list{padding-left:18px;color:var(--muted);line-height:1.9;margin:10px 0 0}
.logo-card{padding:20px;display:flex;align-items:center;justify-content:center;min-height:380px}
.section-head{text-align:center;margin-bottom:22px}
.grid{display:grid;gap:14px}
.areas-grid{grid-template-columns:repeat(4,1fr)}
.area{padding:22px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fff,#faf6ef)}
.area span{font-weight:800;color:var(--gold-dark)}
.area h4{margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:2rem}
.profile-photo{padding:14px}
.profile-photo img{width:100%;border-radius:18px;object-fit:cover}
.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}
.contact-box{padding:28px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-card{text-decoration:none}
.contact-text{margin:8px 0 0;color:var(--muted);font-size:1.05rem}
.footer{padding:10px 0 34px}
.footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}
.footer strong{color:var(--text)}
.floating-wa{
  position:fixed;right:16px;bottom:16px;z-index:30;text-decoration:none;
  background:linear-gradient(135deg,#25d366,#1ea853);color:#fff;font-weight:800;
  padding:14px 16px;border-radius:999px;box-shadow:0 18px 35px rgba(37,211,102,.28)
}
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.fade-in.show{opacity:1;transform:none}
@media (max-width:1024px){
  .hero-grid,.two-col,.contact-box{grid-template-columns:1fr}
  .areas-grid{grid-template-columns:repeat(2,1fr)}
  .hero-visual{min-height:auto}
}
@media (max-width:760px){
  .header-inner{padding:10px 0;flex-wrap:wrap}
  .nav{width:100%;justify-content:center}
  .stats,.areas-grid,.profile-grid,.contact-grid,.footer-inner{grid-template-columns:1fr}
  .brand h1{font-size:1rem}
  .hero{padding-top:34px}
}

.tarjeta-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}
.tarjeta-copy{padding:30px}
.tarjeta-copy h3{font-size:clamp(2rem,4vw,3.3rem)}
.tarjeta-lead{max-width:560px}
.tarjeta-card{padding:18px;background:linear-gradient(180deg,#fff,#faf6ef)}
.tarjeta-card img{width:100%;border-radius:20px;box-shadow:var(--shadow)}
@media (max-width:1024px){.tarjeta-wrap{grid-template-columns:1fr}}