/*
Theme Name: La Dulcería
Theme URI: https://la-dulceria.cl
Author: Living Creativo
Author URI: https://livingcreativo.cl
Description: Tema personalizado para La Dulcería — Food, Catering & Coffee de María Jesús Astudillo
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.1
License: Proprietary
Text Domain: la-dulceria
*/

/* ── Scroll suave y base ── */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* ── Header ── */
#main-header { transition: background 0.3s, box-shadow 0.3s; }
#main-header.scrolled { background: #ffffff; box-shadow: 0 1px 12px rgba(0,0,0,.08); }
#main-header.scrolled .nav-link { color: #374151 !important; }
#main-header.scrolled #cta-nav { background: #fe7cbc !important; color: #fff !important; }

.header-logo { height: 56px; width: auto; display: block; }

/* ── Hero video ── */
.hero-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #1a0a12;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

.hero-vignette {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(26,10,18,.60) 0%, transparent 32%, transparent 60%, rgba(26,10,18,.50) 100%),
    radial-gradient(ellipse at center, transparent 30%, rgba(26,10,18,.22) 100%);
  pointer-events: none;
  z-index: 1;
}

.hero-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.hero-content {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
}

.hero-tagline {
  color: rgba(255,245,251,.88);
  font-size: clamp(.8rem, 1.8vw, 1rem);
  letter-spacing: .38em;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
  text-shadow: 0 2px 18px rgba(0,0,0,.6);
  opacity: 0;
  animation: heroFadeUp 1.1s .4s cubic-bezier(.22,1,.36,1) forwards;
}

.hero-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  opacity: 0;
  animation: heroFadeUp 1.1s .8s cubic-bezier(.22,1,.36,1) forwards;
}

@media (min-width: 640px) { .hero-buttons { flex-direction: row; } }

.hero-btn-primary {
  padding: 1rem 2.2rem;
  background: white;
  color: #fe7cbc;
  font-weight: 800;
  font-size: .85rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  border-radius: 9999px;
  text-decoration: none;
  transition: background .3s, box-shadow .3s, transform .3s;
}
.hero-btn-primary:hover {
  background: #fff5fb;
  box-shadow: 0 8px 28px rgba(254,124,188,.35);
  transform: translateY(-2px);
}

.hero-btn-outline {
  padding: 1rem 2.2rem;
  border: 2px solid rgba(255,255,255,.75);
  color: white;
  font-weight: 800;
  font-size: .85rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  border-radius: 9999px;
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition: background .3s, color .3s, transform .3s;
}
.hero-btn-outline:hover {
  background: white;
  color: #fe7cbc;
  transform: translateY(-2px);
}

.hero-scroll-hint {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  opacity: 0;
  animation: heroFadeUp 1s 1.6s ease forwards, heroScrollBounce 2.2s 2.8s ease-in-out infinite;
}
.hero-scroll-hint span {
  display: block;
  width: 1px;
  height: 48px;
  background: linear-gradient(to bottom, transparent, rgba(254,124,188,.8));
  margin: 0 auto;
}

@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes heroScrollBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(9px); }
}

/* ── Decorative blobs (legacy) ── */
.blob { border-radius: 9999px; filter: blur(80px); pointer-events: none; }

/* ── Gutenberg: ocultar barra de admin en front ── */
.wp-block-la-dulceria-hero,
.wp-block-la-dulceria-servicios,
.wp-block-la-dulceria-menu,
.wp-block-la-dulceria-catering,
.wp-block-la-dulceria-sobre,
.wp-block-la-dulceria-contacto {
  display: block;
  width: 100%;
}

/* ── Quitar padding default de Gutenberg al body ── */
.wp-site-blocks { padding: 0 !important; }
.entry-content { margin: 0 !important; padding: 0 !important; }
.wp-block-group.has-global-padding { padding-inline: 0 !important; }