:root{--c-brown:#7c614d;--c-dark:#3d332b;--c-sand:#ccbeb2;--c-ivory:#efe8e1;--c-warm:#e5ded6;--c-sage:#b6bfae;--c-black:#191816;--c-snow:#f7f3f0;--text:#191816;--bg:#f7f3f0;--accent:#7c614d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Montserrat',system-ui,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg);line-height:1.55}
.h1,h1{font-family:'Cormorant Garamond',serif;letter-spacing:.5px;font-weight:600;font-size:clamp(32px,6vw,56px);margin:.2em 0}
.h2,h2{font-family:'Cormorant Garamond',serif;letter-spacing:.5px;font-weight:600;font-size:clamp(26px,4vw,40px);margin:.2em 0}
.h3,h3{font-weight:700;font-size:clamp(18px,2.4vw,22px);margin:.6em 0 .3em}
p{margin:.5rem 0 1rem;color:#2b2a28}.lead{font-size:clamp(16px,2.4vw,18px);color:#2b2a28}
.container{width:min(1200px,92%);margin:0 auto}.section{padding:clamp(40px,6vw,96px) 0}.grid{display:grid;gap:clamp(16px,3vw,28px)}.two{grid-template-columns:1fr}@media(min-width:900px){.two{grid-template-columns:1.1fr 1fr}}
.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 85%,white 15%);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid color-mix(in srgb,var(--c-sand) 50%,transparent)}
.header .bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
/* Nuevo estilo del logo Skinalia */
.header .brand {display: inline-flex;align-items: center;text-decoration: none;line-height: 1;}
.header .brand img {display: block;height: 44px;width: auto;object-fit: contain;-webkit-user-drag: none;user-select: none;}
/* Ajuste responsivo del logo */
@media (max-width: 768px) {.header .brand img { height: 36px; }}
@media (max-width: 480px) {.header .brand img { height: 32px; }}
.nav{display:none;gap:18px}.nav a{color:var(--text);text-decoration:none;font-weight:600;font-size:14px}@media(min-width:960px){.nav{display:flex}}
.hero{padding:clamp(48px,6vw,120px) 0;background:linear-gradient(180deg,var(--bg),var(--c-ivory))}
.hero-wrap{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}@media(min-width:1000px){.hero-wrap{grid-template-columns:1.1fr .9fr}}
.hero .badge{display:inline-flex;gap:8px;align-items:center;background:var(--c-warm);color:var(--c-dark);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.hero img{width:100%;border-radius:18px;box-shadow:0 8px 30px #00000020;object-fit:cover}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:700}
.btn-primary{background:var(--accent);color:white}.btn-outline{border:2px solid var(--accent);color:var(--accent);background:transparent}
.btn:focus-visible{outline:3px solid var(--c-sage)} .btn+.btn{margin-left:10px}
.strip{background:var(--c-sand);color:#2b2a28;padding:14px 0;font-weight:600}
.card{background:var(--bg);border:1px solid color-mix(in srgb,var(--c-sand) 60%,transparent);border-radius:16px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000012}
.icon{width:36px;height:36px;border-radius:10px;background:var(--c-warm);display:grid;place-items:center;font-weight:800;color:var(--c-dark)}
.gallery{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(min-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}
.cta{background:linear-gradient(135deg,var(--c-sage),var(--c-ivory));border:1px solid color-mix(in srgb,var(--c-sand) 60%,transparent);border-radius:18px;padding:clamp(20px,4vw,40px);display:grid;gap:18px;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.cta{grid-template-columns:2fr 1fr}}
.footer{background:var(--c-dark);color:var(--c-snow);padding:34px 0 60px}.footer a{color:var(--c-snow);opacity:.9}
.small{font-size:12px;opacity:.8}
.kicker{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#5a524a}
.sep{height:1px;background:color-mix(in srgb,var(--c-sand) 50%,transparent);margin:20px 0}
.badge-soft{background:var(--c-sand);color:#3b342e;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.footer .brand {display: flex;align-items: center;margin-bottom: 12px;}
.footer-logo {height: 48px;width: auto;display: block;user-select: none;-webkit-user-drag: none;}
@media (max-width: 768px) {.footer-logo {height: 40px;}}
@media (max-width: 480px) {.footer-logo {height: 34px;}}

/* ====== Fix colores del footer (sobrescribe p{} global) ====== */
.footer{
  background: var(--c-dark);
  color: #fff;                /* blanco base */
  padding: 34px 0 60px;
}

/* Forzamos blanco en textos dentro del footer */
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 { color: #fff; }

/* Enlaces del footer */
.footer a{
  color: #fff;
  opacity: 1;                 /* sin desvanecido */
}

/* Texto pequeño del footer */
.footer .small{
  color: #fff;
  opacity: 1;
}

/* Ajuste de la imagen principal de Natalia */
.section-equipo img {
  width: 100%;
  max-width: 600px; /* evita que se salga del contenedor */
  height: auto;
  border-radius: 16px;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}

/* Opcional: si deseas que se ajuste mejor en pantallas pequeñas */
@media (max-width: 768px) {
  .section-equipo img {
    max-width: 90%;
  }
}

.small a {
  color: inherit;         /* Hereda el color del texto del contenedor */
  text-decoration: none;  /* Quita el subrayado (opcional) */
}

.small a:hover {
  text-decoration: underline; /* Si quieres que se subraye al pasar el mouse */
}