:root {
  --pink: #ff4fb3;
  --pink-hot: #ff168a;
  --pink-soft: #ffd7ee;
  --cream: #fff8f2;
  --ink: #171015;
  --muted: #74666f;
  --white: #ffffff;
  --line: rgba(23, 16, 21, 0.12);
  --radius-lg: 34px;
  --radius-md: 22px;
  --shadow: 0 30px 80px rgba(132, 20, 84, 0.18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--cream);
  font-family: "DM Sans", sans-serif;
  overflow-x: hidden;
}
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  z-index: 99;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}

.site-header {
  width: min(1280px, calc(100% - 40px));
  margin: 22px auto 0;
  padding: 14px 16px 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 248, 242, .82);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: 0 12px 40px rgba(80,20,54,.08);
  border-radius: 999px;
  position: sticky;
  top: 18px;
  z-index: 20;
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
  width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
  color: white; background: var(--pink); font-weight: 800; letter-spacing: -1px;
  box-shadow: 0 8px 20px rgba(255,79,179,.3);
}
.brand strong, .brand small { display:block; }
.brand strong { font-family: "Playfair Display", serif; font-size: 19px; }
.brand small { color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 600; }
.main-nav a { transition: .25s ease; }
.main-nav a:hover { color: var(--pink-hot); }
.nav-cta { padding: 13px 20px; border-radius: 999px; color: white !important; background: var(--ink); }
.menu-toggle { display:none; border:0; background:transparent; font-size:26px; cursor:pointer; }

.hero {
  min-height: 820px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.03fr .97fr;
  align-items: center;
  gap: 60px;
  padding: 90px 0 70px;
}
.eyebrow { color: var(--pink-hot); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero h1, .section h2, .showcase h2, .cta h2, .experience h2 {
  font-family: "Playfair Display", serif;
  margin: 20px 0 24px;
  letter-spacing: -.045em;
  line-height: .98;
}
.hero h1 { font-size: clamp(56px, 6vw, 92px); max-width: 760px; }
.hero-copy > p { max-width: 620px; color: var(--muted); font-size: 19px; line-height: 1.7; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; flex-wrap: wrap; }
.btn {
  display:inline-flex; justify-content:center; align-items:center;
  min-height: 54px; padding: 0 24px; border-radius: 999px;
  font-weight: 700; transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.btn:hover { transform: translateY(-3px); }
.btn-primary { color:white; background:linear-gradient(135deg,var(--pink-hot),var(--pink)); box-shadow:0 16px 32px rgba(255,22,138,.28); }
.btn-secondary { background:white; border:1px solid var(--line); }
.btn-dark { color:white; background:var(--ink); }
.btn-white { background:white; color:var(--ink); }
.btn-outline-white { border:1px solid rgba(255,255,255,.55); color:white; }
.hero-proof { display:flex; gap:34px; margin-top:42px; padding-top:28px; border-top:1px solid var(--line); }
.hero-proof div { display:flex; flex-direction:column; }
.hero-proof strong { font-size:22px; }
.hero-proof span { color:var(--muted); font-size:12px; }

.hero-visual { min-height: 630px; position:relative; display:grid; place-items:center; }
.hero-visual::before {
  content:""; position:absolute; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #fff 0, var(--pink-soft) 35%, var(--pink) 70%, var(--pink-hot) 100%);
  filter:blur(.2px); box-shadow: var(--shadow);
}
.hero-card-main { width:min(430px,78%); position:relative; z-index:3; border-radius:220px 220px 34px 34px; overflow:hidden; border:10px solid white; box-shadow:0 35px 70px rgba(65,10,42,.3); }
.hero-card-main img { height:560px; object-fit:cover; }
.hero-card-caption { position:absolute; left:18px; right:18px; bottom:18px; padding:18px 20px; background:rgba(255,255,255,.9); backdrop-filter:blur(16px); border-radius:18px; }
.hero-card-caption span { display:block; color:var(--pink-hot); font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.hero-card-caption strong { font-family:"Playfair Display",serif; font-size:25px; }
.hero-orbit { position:absolute; border:1px solid rgba(255,255,255,.55); border-radius:50%; z-index:1; animation:spin 18s linear infinite; }
.hero-orbit-one { width:590px; height:590px; }
.hero-orbit-two { width:670px; height:670px; animation-duration:26s; animation-direction:reverse; }
.hero-orbit::after { content:""; width:16px; height:16px; border-radius:50%; background:white; position:absolute; top:10%; left:18%; box-shadow:0 5px 18px rgba(0,0,0,.15); }
.floating-tag { position:absolute; z-index:4; background:white; border-radius:999px; padding:13px 18px; font-weight:800; box-shadow:0 18px 40px rgba(56,8,35,.16); }
.tag-one { top:18%; left:-2%; transform:rotate(-8deg); }
.tag-two { bottom:13%; right:-1%; transform:rotate(7deg); }
.floating-heart { position:absolute; z-index:4; right:4%; top:18%; width:78px; height:78px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--pink); font-size:30px; animation:float 3s ease-in-out infinite; }

.marquee { overflow:hidden; background:var(--pink-hot); color:white; padding:17px 0; transform:rotate(-1deg) scale(1.02); }
.marquee-track { width:max-content; display:flex; gap:22px; align-items:center; animation:marquee 28s linear infinite; font-size:13px; letter-spacing:.14em; font-weight:800; }
.marquee-track b { color:var(--cream); }

.section { width:min(1280px,calc(100% - 40px)); margin:0 auto; padding:120px 0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:52px; }
.section-heading h2 { font-size:clamp(44px,5vw,72px); max-width:760px; }
.section-heading p { max-width:430px; color:var(--muted); line-height:1.7; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card { background:white; border-radius:var(--radius-md); overflow:hidden; box-shadow:0 16px 50px rgba(63,20,45,.09); transition:.3s ease; }
.product-card:hover { transform:translateY(-10px); box-shadow:0 26px 65px rgba(63,20,45,.16); }
.product-image { position:relative; overflow:hidden; }
.product-image img { height:390px; object-fit:cover; transition:.5s ease; }
.product-card:hover img { transform:scale(1.04); }
.badge { position:absolute; top:16px; left:16px; background:var(--pink); color:white; padding:9px 13px; border-radius:999px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.badge-dark { background:var(--ink); }
.badge-soft { background:white; color:var(--pink-hot); }
.product-content { padding:24px; display:flex; justify-content:space-between; gap:16px; }
.product-content h3 { margin:0 0 8px; font-family:"Playfair Display",serif; font-size:26px; }
.product-content p { margin:0; color:var(--muted); line-height:1.55; }
.product-content > strong { font-size:20px; white-space:nowrap; }

.showcase { width:min(1380px,calc(100% - 24px)); margin:30px auto 0; border-radius:48px; overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; background:var(--pink-soft); }
.showcase-image { position:relative; min-height:720px; }
.showcase-image img { height:100%; object-fit:cover; }
.image-stamp { position:absolute; bottom:28px; left:28px; padding:16px 20px; border-radius:999px; background:white; font-family:"Playfair Display",serif; font-weight:700; transform:rotate(-4deg); }
.showcase-copy { padding:80px; display:flex; flex-direction:column; justify-content:center; }
.showcase-copy h2 { font-size:clamp(44px,4.7vw,70px); }
.showcase-copy p { color:var(--muted); font-size:18px; line-height:1.7; }
.showcase-copy ul { list-style:none; padding:0; margin:24px 0 32px; }
.showcase-copy li { padding:14px 0 14px 30px; border-bottom:1px solid rgba(23,16,21,.1); position:relative; }
.showcase-copy li::before { content:"♥"; color:var(--pink-hot); position:absolute; left:0; }
.showcase-copy .btn { align-self:flex-start; }

.experience { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.experience h2 { font-size:clamp(44px,4.5vw,68px); }
.experience-copy p { color:var(--muted); font-size:18px; line-height:1.7; }
.experience-cards { display:grid; gap:16px; }
.mini-card { padding:30px; background:white; border:1px solid var(--line); border-radius:24px; display:grid; grid-template-columns:60px 1fr; column-gap:18px; }
.mini-card span { grid-row:1 / span 2; color:var(--pink-hot); font-weight:800; }
.mini-card h3 { margin:0 0 8px; font-family:"Playfair Display",serif; font-size:27px; }
.mini-card p { margin:0; color:var(--muted); line-height:1.6; }

.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.review { margin:0; padding:32px; background:white; border-radius:24px; font-family:"Playfair Display",serif; font-size:24px; line-height:1.45; box-shadow:0 15px 45px rgba(50,10,34,.08); }
.review footer { margin-top:24px; font-family:"DM Sans",sans-serif; color:var(--pink-hot); font-size:13px; font-weight:800; }

.cta { width:min(1380px,calc(100% - 24px)); margin:0 auto 24px; min-height:600px; border-radius:48px; position:relative; overflow:hidden; background:radial-gradient(circle at 20% 10%, #ff8aca 0,var(--pink) 30%,var(--pink-hot) 65%,#8c0055 100%); display:grid; place-items:center; text-align:center; color:white; }
.cta::before,.cta::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.25); }
.cta::before { width:520px; height:520px; left:-180px; bottom:-230px; }
.cta::after { width:420px; height:420px; right:-120px; top:-160px; }
.cta-content { position:relative; z-index:2; max-width:850px; padding:60px 30px; }
.eyebrow-light { color:white; }
.cta h2 { font-size:clamp(50px,6vw,86px); }
.cta p { font-size:20px; opacity:.9; }
.cta-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:32px; }
.cta-decoration { position:absolute; font-family:"Playfair Display",serif; font-size:240px; font-weight:700; opacity:.06; letter-spacing:-.08em; }

.site-footer { width:min(1280px,calc(100% - 40px)); margin:0 auto; padding:34px 0 46px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.footer-brand .brand-mark { width:42px; height:42px; }
.site-footer p { color:var(--muted); font-size:13px; }
.footer-links { display:flex; gap:20px; font-size:13px; font-weight:700; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; transition-delay:var(--delay,0ms); }
.reveal.is-visible { opacity:1; transform:none; }

@keyframes spin { to { transform:rotate(360deg); } }
@keyframes float { 50% { transform:translateY(-12px) rotate(5deg); } }
@keyframes marquee { to { transform:translateX(-50%); } }

@media (max-width: 980px) {
  .main-nav { display:none; position:absolute; top:74px; left:0; right:0; flex-direction:column; padding:24px; background:var(--cream); border-radius:24px; box-shadow:var(--shadow); }
  .main-nav.open { display:flex; }
  .menu-toggle { display:block; }
  .hero { grid-template-columns:1fr; padding-top:70px; }
  .hero-copy { text-align:center; }
  .hero-copy > p { margin-left:auto; margin-right:auto; }
  .hero-actions,.hero-proof { justify-content:center; }
  .hero-visual { min-height:640px; }
  .product-grid,.review-grid { grid-template-columns:1fr 1fr; }
  .product-grid .product-card:last-child { grid-column:1 / -1; width:50%; justify-self:center; }
  .showcase { grid-template-columns:1fr; }
  .showcase-image { min-height:560px; }
  .experience { grid-template-columns:1fr; }
}

@media (max-width: 680px) {
  .site-header { width:calc(100% - 20px); top:10px; }
  .brand small { display:none; }
  .hero,.section { width:calc(100% - 28px); }
  .hero { min-height:auto; padding:58px 0 40px; gap:30px; }
  .hero h1 { font-size:52px; }
  .hero-proof { gap:16px; flex-wrap:wrap; }
  .hero-visual { min-height:500px; }
  .hero-visual::before { width:390px; height:390px; }
  .hero-card-main { width:76%; border-width:7px; }
  .hero-card-main img { height:420px; }
  .hero-orbit-one { width:430px; height:430px; }
  .hero-orbit-two { width:470px; height:470px; }
  .floating-heart { width:58px; height:58px; font-size:23px; }
  .floating-tag { font-size:12px; }
  .section { padding:82px 0; }
  .section-heading { display:block; }
  .section-heading h2 { font-size:46px; }
  .product-grid,.review-grid { grid-template-columns:1fr; }
  .product-grid .product-card:last-child { grid-column:auto; width:auto; }
  .showcase { width:calc(100% - 14px); border-radius:32px; }
  .showcase-image { min-height:420px; }
  .showcase-copy { padding:48px 26px; }
  .showcase-copy h2 { font-size:45px; }
  .mini-card { grid-template-columns:42px 1fr; padding:24px; }
  .cta { width:calc(100% - 14px); border-radius:32px; min-height:560px; }
  .cta h2 { font-size:50px; }
  .site-footer { flex-direction:column; text-align:center; }
}

/* S01.01A BRAND LOGO */
.brand-logo {
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  display: block;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 28px rgba(25, 10, 18, 0.14);
}

.footer-brand .brand-logo {
  width: 82px;
  height: 82px;
  flex-basis: 82px;
}

@media (max-width: 760px) {
  .brand-logo {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }
}

/* =========================================================
   CHLOE BAKERY — S01.01B
   Corrección definitiva del logo
   ========================================================= */

.chloe-logo,
header .chloe-logo,
nav .chloe-logo,
footer .chloe-logo,
.brand .chloe-logo,
.footer-brand .chloe-logo {
  display: block !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 4px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
  flex: 0 0 88px !important;
}

.footer-brand .chloe-logo,
footer .chloe-logo {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  flex-basis: 96px !important;
}

@media (max-width: 768px) {
  .chloe-logo,
  header .chloe-logo,
  nav .chloe-logo,
  .brand .chloe-logo {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    flex-basis: 64px !important;
  }

  .footer-brand .chloe-logo,
  footer .chloe-logo {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    flex-basis: 76px !important;
  }
}

/* CHLOE BAKERY — S01.02A */
.chloe-logo,
.site-header .chloe-logo,
.site-footer .chloe-logo,
.brand .chloe-logo,
.footer-brand .chloe-logo {
  display: block !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  min-height: 82px !important;
  max-height: 82px !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 3px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-sizing: border-box !important;
  box-shadow: 0 10px 30px rgba(32, 12, 23, 0.16) !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  flex: 0 0 82px !important;
}

.footer-brand .chloe-logo {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  flex-basis: 92px !important;
}

.hero-card-main img {
  width: 100% !important;
  height: 100% !important;
  min-height: 560px;
  display: block;
  object-fit: cover !important;
  object-position: center !important;
}

.product-image img,
.showcase-image img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover !important;
  object-position: center !important;
}

.product-image { overflow: hidden; }
.product-content { min-height: 132px; }

@media (max-width: 768px) {
  .chloe-logo,
  .site-header .chloe-logo,
  .brand .chloe-logo {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    flex-basis: 60px !important;
  }

  .footer-brand .chloe-logo {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    flex-basis: 72px !important;
  }

  .hero-card-main img { min-height: 390px; }
}

/* CHLOE BAKERY — S01.03A */
.social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.social-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 10px 24px rgba(32,12,23,.16);
  transition: transform .18s ease, box-shadow .18s ease;
}

.social-icon:hover {
  transform: translateY(-3px) scale(1.06);
  box-shadow: 0 14px 30px rgba(32,12,23,.24);
}

.social-icon svg {
  width: 23px;
  height: 23px;
  display: block;
  fill: currentColor;
}

.social-icon-whatsapp { background: #25d366; }
.social-icon-instagram {
  background: linear-gradient(135deg,#833ab4,#fd1d1d 58%,#fcb045);
}
.social-icon-facebook { background: #1877f2; }

@media (max-width: 768px) {
  .social-icons { justify-content: center; }
  .social-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }
}

/* =========================================================
   CHLOE BAKERY — S01.03B
   Iconos sociales premium, grandes y en color
   ========================================================= */

.social-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  margin-top: 18px !important;
}

.social-icon {
  position: relative !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  text-decoration: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 2px solid rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 12px 28px rgba(40, 12, 27, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    filter 220ms ease !important;
}

.social-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.4), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.16), transparent 58%) !important;
}

.social-icon::after {
  content: "" !important;
  position: absolute !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.12) !important;
  z-index: -1 !important;
}

.social-icon:hover {
  transform: translateY(-6px) scale(1.08) !important;
  filter: saturate(1.12) brightness(1.05) !important;
  box-shadow:
    0 18px 36px rgba(40, 12, 27, 0.26),
    0 0 0 6px rgba(255, 79, 163, 0.10) !important;
}

.social-icon:active {
  transform: translateY(-2px) scale(1.02) !important;
}

.social-icon:focus-visible {
  outline: 4px solid rgba(255, 79, 163, 0.30) !important;
  outline-offset: 4px !important;
}

.social-icon svg {
  width: 31px !important;
  height: 31px !important;
  display: block !important;
  fill: currentColor !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)) !important;
}

.social-icon-whatsapp {
  background:
    linear-gradient(145deg, #34e777 0%, #25d366 52%, #139447 100%) !important;
}

.social-icon-instagram {
  background:
    radial-gradient(circle at 28% 108%, #ffd36c 0 22%, transparent 23%),
    radial-gradient(circle at 10% 96%, #ff7a59 0 28%, transparent 29%),
    linear-gradient(145deg, #833ab4 0%, #c13584 35%, #fd1d1d 66%, #fcb045 100%) !important;
}

.social-icon-facebook {
  background:
    linear-gradient(145deg, #4d9cff 0%, #1877f2 56%, #0d47a1 100%) !important;
}

@media (max-width: 768px) {
  .social-icons {
    justify-content: center !important;
    gap: 15px !important;
  }

  .social-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 19px !important;
  }

  .social-icon svg {
    width: 28px !important;
    height: 28px !important;
  }
}

/* =========================================================
   CHLOE BAKERY — S01.03C
   Iconos sociales definitivos, grandes y visibles
   ========================================================= */

.chloe-social-premium {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 22px 0 8px !important;
  padding: 0 !important;
}

.chloe-social-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 3px solid rgba(255,255,255,.92) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  color: #fff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none;
  box-sizing: border-box !important;
  box-shadow:
    0 18px 38px rgba(41,13,27,.24),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}

.chloe-social-button:hover {
  transform: translateY(-7px) scale(1.08) !important;
  filter: saturate(1.15) brightness(1.07) !important;
  box-shadow:
    0 24px 48px rgba(41,13,27,.32),
    0 0 0 8px rgba(255,79,163,.12) !important;
}

.chloe-social-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 27% 18%, rgba(255,255,255,.46), transparent 34%),
    linear-gradient(150deg, rgba(255,255,255,.14), transparent 58%) !important;
}

.chloe-social-icon {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
}

.chloe-social-icon svg {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  fill: currentColor !important;
  color: #fff !important;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.2)) !important;
}

.chloe-whatsapp {
  background: linear-gradient(145deg,#46ee83 0%,#25d366 50%,#0e963f 100%) !important;
}

.chloe-instagram {
  background:
    radial-gradient(circle at 25% 110%,#ffd66b 0 24%,transparent 25%),
    radial-gradient(circle at 8% 92%,#ff774f 0 30%,transparent 31%),
    linear-gradient(145deg,#6f2dbd 0%,#b832a6 32%,#f2295f 64%,#ff9a35 100%) !important;
}

.chloe-facebook {
  background: linear-gradient(145deg,#67aaff 0%,#1877f2 54%,#0b4ca3 100%) !important;
}

@media (max-width: 768px) {
  .chloe-social-premium {
    justify-content: center !important;
    gap: 18px !important;
  }

  .chloe-social-button {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    border-radius: 23px !important;
  }

  .chloe-social-icon svg {
    width: 38px !important;
    height: 38px !important;
  }
}

/* CHLOE BAKERY — S01.03D */
.chloe-social-image-links{display:flex!important;align-items:center!important;gap:22px!important;margin:22px 0 8px!important}
.chloe-social-image-links a{display:inline-flex!important;width:88px!important;height:88px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 16px 34px rgba(242,0,143,.28),0 0 0 3px rgba(255,255,255,.85)!important;transition:.22s ease!important}
.chloe-social-image-links a:hover{transform:translateY(-7px) scale(1.07)!important;box-shadow:0 23px 46px rgba(242,0,143,.38),0 0 0 7px rgba(255,79,179,.12)!important}
.chloe-social-image-links img{display:block!important;width:88px!important;height:88px!important;object-fit:contain!important}
@media(max-width:768px){.chloe-social-image-links{justify-content:center!important;gap:16px!important}.chloe-social-image-links a,.chloe-social-image-links img{width:72px!important;height:72px!important}}

/* =========================================================
   CHLOE BAKERY — S01.05G
   MEDIDAS EXTRAÍDAS DE LA LANDING ORIGINAL
   ========================================================= */

/* CUADRÍCULA ORIGINAL */
#coleccion .product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

/* TARJETAS: SIN ALTURA FORZADA */
#coleccion .product-card {
  display: block !important;
  align-self: start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 16px 50px rgba(63, 20, 45, .09) !important;
}

/* IMÁGENES DE TARJETA: MEDIDA ORIGINAL 390px */
#coleccion .product-image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 390px !important;
  min-height: 390px !important;
  max-height: 390px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  flex: none !important;
}

#coleccion .product-image img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 390px !important;
  min-width: 0 !important;
  min-height: 390px !important;
  max-width: 100% !important;
  max-height: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  transition: .5s ease !important;
}

#coleccion .product-card:hover .product-image img {
  transform: scale(1.04) !important;
}

/* CONTENIDO: ALTURA NATURAL */
#coleccion .product-content {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  flex: none !important;
}

#coleccion .product-content > div {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

#coleccion .product-content h3 {
  margin: 0 0 8px !important;
  font-family: "Playfair Display", serif !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
}

#coleccion .product-content p {
  margin: 0 !important;
  line-height: 1.55 !important;
}

/* PRODUCTO PRINCIPAL: MEDIDAS ORIGINALES */
.hero-visual {
  min-height: 630px !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
}

.hero-card.hero-card-main,
.hero-card-main {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: min(430px, 78%) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  border: 10px solid #ffffff !important;
  border-radius: 220px 220px 34px 34px !important;
  box-shadow: 0 35px 70px rgba(65, 10, 42, .3) !important;
}

.hero-card.hero-card-main > img,
.hero-card-main > img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

/* RESPONSIVE ORIGINAL */
@media (max-width: 980px) {
  #coleccion .product-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #coleccion .product-grid .product-card:last-child {
    grid-column: 1 / -1 !important;
    width: 50% !important;
    justify-self: center !important;
  }
}

@media (max-width: 680px) {
  #coleccion .product-grid {
    grid-template-columns: 1fr !important;
  }

  #coleccion .product-grid .product-card:last-child {
    grid-column: auto !important;
    width: 100% !important;
  }

  #coleccion .product-image,
  #coleccion .product-image img {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }

  .hero-card.hero-card-main,
  .hero-card-main {
    width: min(380px, 88%) !important;
  }

  .hero-card.hero-card-main > img,
  .hero-card-main > img {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }
}

/* CHLOE BAKERY — S01.06A */
.cta-actions,
.contact-actions,
.final-cta-actions,
.order-actions {
  justify-content: center !important;
}

.cta-actions > a:only-child,
.contact-actions > a:only-child,
.final-cta-actions > a:only-child,
.order-actions > a:only-child {
  margin-inline: auto !important;
}

/* CHLOE BAKERY — S01.06D */
.chloe-final-cta-button-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 28px !important;
}

.chloe-final-cta-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 260px !important;
  min-height: 64px !important;
  padding: 18px 34px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1c1419 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 2px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 16px 36px rgba(72, 10, 45, .24) !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 5 !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.chloe-final-cta-button:hover {
  transform: translateY(-3px) scale(1.03) !important;
  background: #fff8fc !important;
  box-shadow: 0 22px 44px rgba(72, 10, 45, .30) !important;
}

.chloe-final-cta-button:focus-visible {
  outline: 4px solid rgba(255,255,255,.45) !important;
  outline-offset: 4px !important;
}

@media (max-width: 680px) {
  .chloe-final-cta-button {
    width: min(100%, 320px) !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 16px 24px !important;
    font-size: 17px !important;
  }
}