.elementor-18991 .elementor-element.elementor-element-0e2e222{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-18991 .elementor-element.elementor-element-0e2e222.e-con{--order:-99999 /* order start hack */;}.elementor-18991 .elementor-element.elementor-element-e5aa146{width:auto;max-width:auto;}.elementor-18991 .elementor-element.elementor-element-d96bbc0{--display:flex;}.elementor-18991 .elementor-element.elementor-element-be29d57{--display:flex;}.elementor-18991 .elementor-element.elementor-element-e73450f{--display:flex;}.elementor-18991 .elementor-element.elementor-element-cc4583d{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-18991 .elementor-element.elementor-element-cc4583d.e-con{--e-con-transform-scale:1.2;}.elementor-18991 .elementor-element.elementor-element-7ebeedc{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-05a9328 *//* ============================================================
   CÓDIGO MAESTRO CSS — post ID 18991
   Baby Shower · Amelia Caridad · Sábado 2 de Mayo
   Temática: Abejita y Miel · Dorado y Blanco
   Pegar en: Elementor → Page Settings → Custom CSS
   o en WordPress → Apariencia → Personalizar → CSS Adicional
   ============================================================ */

/* ── 1. RESET GLOBAL PARA ESTE POST ─────────────────────── */
body.page-id-18991 {
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
  min-height: 100vh;
  position: relative;
  z-index: 0;
}

/* ── 2. OCULTAR HEADER Y NAVEGACIÓN ─────────────────────── */
body.page-id-18991 header,
body.page-id-18991 .site-header,
body.page-id-18991 .elementor-location-header,
body.page-id-18991 .main-header,
body.page-id-18991 nav,
body.page-id-18991 .navbar {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── 3. OCULTAR MENÚ MÓVIL (solo mobile) ────────────────── */
@media only screen and (max-width: 768px) {
  body.page-id-18991 .mob-menu-logo-holder,
  body.page-id-18991 .mobmenur-container,
  body.page-id-18991 .mobmenul-container,
  body.page-id-18991 .mob-menu-header-holder,
  body.page-id-18991 .mob-menu-slideout,
  body.page-id-18991 .mob-menu-icon,
  body.page-id-18991 i.mob-icon-menu,
  body.page-id-18991 i.mob-menu-icon,
  body.page-id-18991 .headertext,
  body.page-id-18991 div[class*="mob-menu"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* ── 4. RESET SECCIONES ELEMENTOR Y CONTENIDO ───────────── */
body.page-id-18991 .elementor-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.page-id-18991 .site-content,
body.page-id-18991 .content-area,
body.page-id-18991 .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── 5. OCULTAR IMAGEN DESTACADA ────────────────────────── */
body.page-id-18991 .post-thumbnail,
body.page-id-18991 .wp-post-image {
  display: none !important;
}

/* ── 6. OCULTAR BOTÓN WHATSAPP ──────────────────────────── */
body.page-id-18991 #whatsappButton,
body.page-id-18991 .whatsapp-float {
  display: none !important;
}

/* ── 7. FONDO BLANCO CÁLIDO + TEXTURA PANAL ─────────────── */
/* Capa 1: fondo blanco cálido */
body.page-id-18991::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #fffdf0;
  z-index: -2;
  pointer-events: none;
}
/* Capa 2: patrón hexagonal tipo panal — SVG inline, sin archivos externos */
body.page-id-18991::after {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpolygon points='28,2 54,16 54,44 28,58 2,44 2,16' fill='none' stroke='%23c9a84c' stroke-width='1'/%3E%3Cpolygon points='28,52 54,66 54,94 28,108 2,94 2,66' fill='none' stroke='%23c9a84c' stroke-width='1'/%3E%3Cpolygon points='0,16 -26,30 -26,58 0,72 26,58 26,30' fill='none' stroke='%23c9a84c' stroke-width='1'/%3E%3Cpolygon points='56,16 82,30 82,58 56,72 30,58 30,30' fill='none' stroke='%23c9a84c' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 56px 100px;
  opacity: 0.10;
  z-index: -1;
  pointer-events: none;
}

/* ── 8. BLOQUEO SCROLL HORIZONTAL GLOBAL ────────────────── */
html {
  overflow-x: hidden;
}
* {
  max-width: 100vw;
  box-sizing: border-box;
}

/* ── 9. BOTÓN STICKY "CONFIRMAR ASISTENCIA" ─────────────── */
.amelia-sticky-confirm {
  position: fixed;
  bottom: 68px; right: 30px;
  width: 140px; height: 140px;
  background: linear-gradient(135deg, #ffffff 0%, #fffdf0 100%);
  border: 3px solid #c9a84c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  z-index: 9999;
  box-shadow:
    0 6px 25px rgba(201,168,76,0.45),
    0 0 40px rgba(201,168,76,0.25);
  transition: all 0.3s ease;
  animation: amelia-pulse 2.5s ease-in-out infinite;
  font-family: 'Cormorant Garamond', serif;
  text-decoration: none;
}
.amelia-sticky-confirm-text {
  color: #8a6800;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  line-height: 1.3;
  padding: 10px;
}
@keyframes amelia-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 6px 25px rgba(201,168,76,0.45), 0 0 40px rgba(201,168,76,0.25);
  }
  50% {
    transform: scale(1.05);
    border-color: #f0d878;
    box-shadow: 0 8px 35px rgba(201,168,76,0.65), 0 0 60px rgba(240,216,120,0.4);
  }
}
.amelia-sticky-confirm:hover {
  background: linear-gradient(135deg, #c9a84c 0%, #f0d878 50%, #c9a84c 100%);
  transform: scale(1.1) rotate(5deg);
  animation: none;
}
.amelia-sticky-confirm:hover .amelia-sticky-confirm-text {
  color: #ffffff;
}
@media (max-width: 768px) {
  .amelia-sticky-confirm {
    width: 110px; height: 110px;
    bottom: 58px; right: 20px;
  }
  .amelia-sticky-confirm-text { font-size: 13px; }
}
@media (max-width: 480px) {
  .amelia-sticky-confirm {
    width: 90px; height: 90px;
    bottom: 53px; right: 15px;
  }
  .amelia-sticky-confirm-text { font-size: 11px; }
}

/* ── 10. SEMILLAS FLOTANTES ─────────────────────────────── */
.floating-seed {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  animation: float-seed linear forwards;
}
@keyframes float-seed {
  0%   { opacity: 0; transform: translateY(0) scale(0.5); }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(-100px) scale(1); opacity: 0; }
}/* End custom CSS */