:root{
--bg:#fff8f3;
--muted:#6b7280;
--accent:#f97316;
--accent-2:#10b981;
--card:#ffffff;
--dark:#0f172a;
--radius:14px;
--maxw:1100px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;background:linear-gradient(180deg,var(--bg),#fff);color:var(--dark);-webkit-font-smoothing:antialiased}
nav{position:fixed;left:0;right:0;top:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,42,0.04);z-index:999}
.nav-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo-img{width:52px;height:52px;border-radius:12px;object-fit:contain}
.logo-img.big{width:110px;height:110px}
.brand-name{font-weight:800}
.brand-tag{font-size:13px;color:var(--muted)}
.nav-links{display:flex;gap:18px}
.nav-links a{text-decoration:none;color:var(--muted);font-weight:700}
.nav-links a:hover{color:var(--accent)}
.container{max-width:var(--maxw);margin:120px auto 40px;padding:0 20px}
.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}
.card{background:var(--card);padding:22px;border-radius:var(--radius);box-shadow:0 10px 30px rgba(15,23,42,0.06)}
.aside-card{min-width:260px}
.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff6ef;color:#7c2d12;font-weight:800}
h1{font-size:34px;margin:12px 0}
.lead{color:var(--muted)}
.cta{display:flex;gap:12px;margin-top:14px}
.btn{padding:10px 14px;border-radius:10px;border:0;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn-primary{background:var(--accent);color:white}
.btn-ghost{background:transparent;border:1px solid #eee;color:var(--muted)}
.btn-link{background:transparent;border:0;color:var(--accent);text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.contact-grid{display:flex;gap:12px;flex-wrap:wrap}
input,textarea,select{width:100%;padding:10px;border-radius:10px;border:1px solid #eee}
.whatsapp-float{position:fixed;right:18px;bottom:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));width:62px;height:62px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 12px 30px rgba(16,24,40,0.18);z-index:9999}
.kcal-result{margin-top:10px;font-weight:700}
footer{margin-top:30px;text-align:center;color:var(--muted);padding:30px 10px;font-size:14px}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media (max-width:640px){.nav-links{display:none}.grid{grid-template-columns:1fr}}
.ebook-img{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.sobre-mi {
  padding: 80px 20px;
  background: #fafafa;
}

.sobre-mi-container {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.sobre-mi h2 {
  font-size: 2.5rem;
  margin-bottom: 25px;
  color: #222;
  font-weight: 600;
}

.sobre-mi p {
  font-size: 1.15rem;
  line-height: 1.8;
  color: #555;
  margin-bottom: 20px;
}

.sobre-mi .frase {
  font-style: italic;
  color: #333;
  font-size: 1.3rem;
  margin: 30px 0;
}

.btn-sobre-mi {
  display: inline-block;
  margin-top: 25px;
  padding: 14px 28px;
  background: #8bc34a;
  color: white;
  border-radius: 6px;
  font-size: 1.1rem;
  text-decoration: none;
  transition: 0.3s;
}

.btn-sobre-mi:hover {
  background: #7ab043;
}
/* Botón rosadito */
.btn-rosado {
  display: inline-block;
  padding: 12px 22px;
  background: #f8a8a0;
  color: white;
  border-radius: 8px;
  font-size: 1.1rem;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
  margin: 20px 0;
}

.btn-rosado:hover {
  background: #f48b82;
}


/* Sección Casos */
.casos {
  padding: 80px 20px;
  background: #ffffff;
  text-align: center;
}

.casos-titulo {
  background: #ffb4a6;
  color: white;
  display: inline-block;
  padding: 10px 30px;
  font-size: 1.8rem;
  border-radius: 6px;
  margin-bottom: 40px;
  font-weight: 600;
}

.casos-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
  text-align: left;
}

.caso-columna ul {
  list-style: none;
  padding: 0;
}

.caso-columna ul li {
  padding-left: 22px;
  position: relative;
  margin-bottom: 10px;
}

.caso-columna ul li::before {
  content: "✔";
  color: #7fc27f;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.caso-titulo {
  color: #f28b82;     /* ROSADITO */
  font-size: 1.3rem;
  font-weight: 700;
  margin: 20px 0 10px;
}