.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================
   DETUTIX — SISTEMA VISUAL (compat WP/Elementor)
   Paleta dorada + tokens
   ========================== */

/* Paleta base */
:root{
  --bg:#F7F7F8;
  --surface:#FFFFFF;
  --text:#1A1A1A;
  --sub:#555B63;
  --border:#E6E8EE;
  --accent:#C8A64B;
  --accentHover:#B18F34;
  --ring:rgba(200,166,75,.35);

  --h1:48px;
  --h2:36px;
  --h3:20px;
  --p:18px;
  --lh:1.6;

  --x0:0;
  --x1:8px;
  --x2:12px;
  --x3:16px;
  --x4:24px;
  --x5:32px;
  --x6:48px;
  --x7:64px;
  --x8:96px;

  --elev:0 10px 24px rgba(0,0,0,.06);
}

/* Botones */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px; padding:14px 28px; border-radius:8px;
  font-size:16px; font-weight:600; text-decoration:none;
  border:1px solid transparent; transition:all .2s ease; cursor:pointer;
}
.btn:focus-visible{ box-shadow:0 0 0 3px var(--ring); }

.btn--primary{ background:var(--accent); color:#fff; }
.btn--primary:hover{ background:var(--accentHover); }

.btn--secondary{
  background:transparent; color:var(--accent);
  border:1px solid var(--accent);
}
.btn--secondary:hover{
  background:rgba(200,166,75,0.12);
}

/* Tarjetas */
.card{
  background:var(--surface); border:1px solid var(--border);
  border-radius:12px; box-shadow:var(--elev); padding:24px;
}
.card h3{
  margin:0 0 10px; font-size:var(--h3); font-weight:700; color:var(--text);
}
.card p{
  margin:0 0 14px; font-size:15px; line-height:1.65; color:var(--sub);
}

/* Badges */
.badge{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:#fff; border:1px solid var(--border); color:var(--text); font-size:13px;
}

/* Jerarquía */
.heading-1{
  font-size:var(--h1); line-height:1.15; font-weight:800; color:var(--text);
}
.heading-2{ font-size:var(--h2); line-height:1.2; font-weight:700; color:var(--text); }
.heading-3{ font-size:var(--h3); line-height:1.35; font-weight:700; color:var(--text); }

.kicker{
  font-size:14px; letter-spacing:0.08em; text-transform:uppercase; color:var(--sub);
}
.body{ font-size:var(--p); line-height:var(--lh); color:var(--sub); }

/* Contenedores */
.container{
  max-width:1140px; margin:0 auto; padding:0 var(--x4);
}

/* Secciones */
.section{
  background:var(--bg);
  padding: var(--x8) var(--x4);
}

/* Utilidades */
.w-full{ width:100%; }
.ta-center{ text-align:center; }
.mt-4{ margin-top:var(--x4); }
.mb-4{ margin-bottom:var(--x4); }
.mt-6{ margin-top:var(--x6); }
.mb-6{ margin-bottom:var(--x6); }

@media (max-width:1024px){
  :root{ --h1:40px; --p:17px; }
}
@media (max-width:767px){
  :root{ --h1:32px; --p:16px; }
}

/* Mejoras legibilidad tipografía */
.pcard-desc {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.cat-sub {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 400 !important;
}

.cat-eyebrow {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
/* ===== BLOG: De lo humano y lo divino ===== */
.cards-section {
  background: var(--bg) !important;
  padding: 40px 20px !important;
}

.hd-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: auto !important;
}

/* Primera tarjeta más ancha - ocupa 2 columnas */
.hd-card:nth-child(1) {
  grid-column: span 2 !important;
}

/* Cuarta tarjeta también más ancha */
.hd-card:nth-child(4) {
  grid-column: span 2 !important;
}

/* Tarjetas con fondo más sólido y mejor contraste */
.hd-card {
  background: rgba(15, 52, 96, 0.85) !important;
  border: 1px solid rgba(195, 166, 75, 0.2) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.hd-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.2) !important;
}
/* ===== IDEAS PARA HOY: títulos legibles ===== */
.pcard-name {
  color: #ffffff !important;
}

/* ===== BLOG: ocultar emojis + gradientes ===== */
.hd-placeholder {
  display: none !important;
}

.hd-card[data-tag="Libro"] {
  background: linear-gradient(145deg, #6b0f1a 0%, #b91c3a 100%) !important;
}

.hd-card[data-tag="Reflexión"] {
  background: linear-gradient(145deg, #0f3460 0%, #16637a 100%) !important;
}

.hd-card[data-tag="Dato curioso"] {
  background: linear-gradient(145deg, #c47a1e 0%, #e8a84a 100%) !important;
}

.hd-card[data-tag="Producto"] {
  background: linear-gradient(145deg, #1a5c3a 0%, #2d9c6a 100%) !important;
}
/* Ideas para Hoy: estandarizar igual que Cuerpo y Bienestar */
.pcard {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: transparent !important;
}

.pcard img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.pcard-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 16px !important;
}

.pcard-desc {
  flex: 1 !important;
}

.pcard-btn, .btn-ml, .btn-ali, .btn-amazon {
  margin-top: auto !important;
  width: 100% !important;
}
/* Imágenes tarjetas: contain para no cortar */
.pcard img {
  object-fit: contain !important;
}
/* Ideas para Hoy: títulos más grandes que el texto */
.pcard-name {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}/* End custom CSS */