/*
Theme Name: Mulier
Theme URI: https://mulieryogurteria.co
Author: Mulier
Description: Tema a medida para Mulier — Yogurtería y Coctelería. Editable desde Apariencia → Personalizar.
Version: 5.0.0
License: GPL-2.0+
Text Domain: mulier-theme
*/

:root{
  --mulier-bg:#C7A882;
  --mulier-card:#B89968;
  --mulier-accent:#8C322E;
  --mulier-fg:#FFFFFF;
  --mulier-title:#FFFFFF;
  --mulier-sub:#FFFFFF;
  --mulier-btn-text:#FFFFFF;
  --mulier-muted:rgba(255,255,255,.78);
  --mulier-line:rgba(255,255,255,.35);
  --mulier-radius:14px;
  --mulier-font-heading:'Cormorant Garamond', Georgia, serif;
  --mulier-font-body:'Lora', Georgia, serif;
}

/* Override leftover overflow:hidden from old "coming soon" plugins */
html, body{ overflow-y:auto !important; overflow-x:hidden !important; height:auto !important; }

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--mulier-bg);
  color:var(--mulier-fg);
  font-family:var(--mulier-font-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--mulier-font-heading);font-weight:500;letter-spacing:.02em;margin:0}

/* Hero */
.mulier-hero{
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:64px 24px;
}
.mulier-logo{width:min(280px,60vw);margin:0 auto 28px}
.mulier-title{color:var(--mulier-title);font-size:clamp(2.4rem,6vw,4.2rem);margin:18px 0 8px;font-weight:300;letter-spacing:.08em}
.mulier-subtitle{color:var(--mulier-sub);text-transform:uppercase;letter-spacing:.32em;font-size:.85rem;opacity:.95;margin:0 0 28px}
.mulier-divider{display:flex;align-items:center;justify-content:center;gap:14px;opacity:.7;margin:14px 0}
.mulier-divider-line{height:1px;width:64px;background:var(--mulier-line);display:block}
.mulier-divider svg{color:var(--mulier-line)}

/* Buttons */
.mulier-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:32px 0 8px}
.mulier-btn{
  display:inline-block;text-decoration:none;cursor:pointer;
  font-family:var(--mulier-font-heading);font-size:1.05rem;letter-spacing:.22em;text-transform:uppercase;
  padding:14px 30px;border-radius:2px;
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
  border:2px solid var(--mulier-accent);background:var(--mulier-accent);color:var(--mulier-btn-text);
}
.mulier-btn:hover{transform:translateY(-2px);opacity:.95}
.mulier-btn--ghost{background:transparent;color:var(--mulier-btn-text);border-color:var(--mulier-btn-text)}
.mulier-btn--ghost:hover{background:var(--mulier-btn-text);color:var(--mulier-accent)}

/* Socials */
.mulier-socials{display:flex;gap:16px;justify-content:center;margin:28px 0 8px}
.mulier-socials a{
  width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--mulier-line);color:var(--mulier-fg);text-decoration:none;
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
}
.mulier-socials a:hover{background:var(--mulier-fg);color:var(--mulier-accent);border-color:var(--mulier-fg);transform:translateY(-2px)}
.mulier-socials svg{width:20px;height:20px;fill:currentColor}

/* Sections */
.mulier-section{padding:80px 24px}
.mulier-section--alt{background:var(--mulier-card)}
.mulier-section-inner{max-width:1100px;margin:0 auto}
.mulier-kicker{text-transform:uppercase;letter-spacing:.32em;font-size:.78rem;opacity:.9;margin:0 0 10px;text-align:center}
.mulier-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:300;text-align:center;margin:0 0 36px;color:var(--mulier-title)}

/* Reviews */
.mulier-reviews-embed{
  background:rgba(255,255,255,.06);border:1px solid var(--mulier-line);
  border-radius:var(--mulier-radius);padding:28px;max-width:980px;margin:0 auto;text-align:center;
}
.mulier-reviews-embed iframe,.mulier-reviews-embed > div{max-width:100%}
.mulier-reviews-cta{text-align:center;margin-top:24px}

/* Visit / Map */
.mulier-visit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:stretch}
@media (max-width:780px){.mulier-visit-grid{grid-template-columns:1fr}}
.mulier-visit-info{background:rgba(255,255,255,.06);border:1px solid var(--mulier-line);border-radius:var(--mulier-radius);padding:28px;display:flex;flex-direction:column;gap:14px}
.mulier-visit-row{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--mulier-line)}
.mulier-visit-row:last-of-type{border-bottom:0}
.mulier-visit-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.24em;opacity:.8}
.mulier-visit-val{font-size:1.05rem}
.mulier-visit-info .mulier-btn{align-self:flex-start;margin-top:10px}
.mulier-visit-map{border-radius:var(--mulier-radius);overflow:hidden;min-height:360px;border:1px solid var(--mulier-line);background:rgba(0,0,0,.08)}
.mulier-visit-map iframe{width:100%;height:100%;min-height:360px;border:0;display:block}

/* Gallery */
.mulier-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.mulier-gallery-item{position:relative;overflow:hidden;border-radius:var(--mulier-radius);aspect-ratio:1/1;background:rgba(255,255,255,.06)}
.mulier-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mulier-gallery-item:hover img{transform:scale(1.06)}
.mulier-gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);font-size:.9rem;color:#fff}

/* Footer */
.mulier-site-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--mulier-line);font-size:.78rem;text-transform:uppercase;letter-spacing:.32em;opacity:.75}

.mulier-back{display:inline-block;margin-bottom:24px;text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;opacity:.9}
.mulier-back:hover{opacity:1}

@keyframes mfade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mulier-fade{animation:mfade .9s ease both}
.mulier-fade.delay-1{animation-delay:.15s}
.mulier-fade.delay-2{animation-delay:.3s}