/* --- Tus reglas de mayúsculas --- */
.wp-block-post-title a { text-transform: none !important; }
.entry-title { text-transform: none !important; }
h2 { text-transform: none !important; }

/* --- Botón MENÚ y puntitos ••• (pastilla verde) --- */
.hamburger-wrapper .hamburger{ isolation:isolate; }
.hamburger-wrapper .hamburger::before{ content:""; position:absolute; top:-12px; right:-16px; bottom:-15px; left:-16px; background:var(--herba-green,#4a7c59); border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.20); z-index:-1; transition:background .2s ease; }
.hamburger-wrapper .hamburger:hover::before{ background:var(--herba-green-dark,#35603f); }
.sidebar-control-wrapper{ isolation:isolate; }
.sidebar-control-wrapper::before{ content:""; position:absolute; top:-8px; right:-14px; bottom:-6px; left:-8px; background:var(--herba-green,#4a7c59); border-radius:11px; box-shadow:0 2px 8px rgba(0,0,0,.20); z-index:-1; transition:background .2s ease; }
.sidebar-control-wrapper:hover::before{ background:var(--herba-green-dark,#35603f); }
.has-menu-open .sidebar-control-wrapper::before{ opacity:0; }

/* --- Botón "Hazte Premium" del menú lateral --- */
.herba-premium-cta{ display:block; text-align:center; background:var(--herba-green,#4a7c59); color:#fff !important; font-weight:700; padding:12px 18px; border-radius:10px; text-decoration:none; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:background .2s ease; margin:0 0 18px; }
.herba-premium-cta:hover{ background:var(--herba-green-dark,#35603f); color:#fff !important; }

/* --- Panel del título y subtítulo --- */
.site-branding{
	background:rgba(53,96,63,.90);
	padding:10px 9px 10px !important;
	border-radius:16px;
	display:inline-block !important;
	box-shadow:0 3px 14px rgba(0,0,0,.28);
}
.site-title{ margin-bottom:6px; }
.site-title a, .site-title a:visited{ color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }
.site-description{ color:#eafaef !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }

/* ===== Portada · Novedades compactas ===== */
.herba-home-recent .entry-image-wrapper{height:230px!important;}
.herba-home-recent .entry-content-wrapper{margin-top:72px!important;padding:20px 24px!important;min-height:0!important;height:auto!important;}
.herba-home-recent .entry-meta,
.herba-home-recent .entry-meta *{font-size:12px!important;}
.herba-home-recent .entry-meta{margin-bottom:6px!important;}
.herba-home-recent .entry-header{margin-bottom:10px!important;padding-bottom:0!important;}
.herba-home-recent .entry-title{font-size:22px!important;line-height:1.3!important;margin:0 0 8px!important;}
.herba-home-recent .entry-summary,
.herba-home-recent .entry-summary p{font-size:16px!important;line-height:1.55!important;margin:0!important;}
.herba-home-recent .more-link-wrapper{margin-top:10px!important;}
.herba-home-recent .more-link{font-size:12px!important;}
.herba-home-recent article{margin-bottom:30px!important;}
@media(min-width:783px){
  .herba-home-recent{align-items:stretch!important;}
  .herba-home-recent article{display:flex!important;flex-direction:column!important;}
  .herba-home-recent .entry-content-wrapper{flex:1 1 auto!important;min-height:290px!important;}
}

.entry-content a.wp-block-file__button,
.entry-content a.wp-block-file__button:hover,
.entry-content a.wp-block-file__button:focus,
.entry-content a.wp-block-file__button:visited {
	background-color: #3b7bb0;
	color: #ffffff;
}



/* =========================================================
   HERBAMOL · Portada — ajustes que no cubre el tema
   Versión 1.2.0 — 2026-08-18
   El alto del hero, la flecha y el velo los controla ahora
   Herba 2.2.0 desde Personalizar → Cabecera.
   ========================================================= */
.site-branding{ background:rgba(53,96,63,.94) !important; }
.site-description{ text-transform:none !important; }

/* Imagen distinta en móvil */
@media (max-width:782px){
	.site-hero-wrapper-custom-header .entry-image-site-hero{
		background-image:url(https://herbamol.blog/wp-content/uploads/2026/08/hero-herbamol-mobile-v1.1.0.webp) !important;
		background-position:50% 50% !important;
	}
}
/* ===== fin v1.2.0 ===== */



.jetpack-subscription-modal { display: none !important; }




/* =========================================================
   HERBAMOL · CSS adicional (Personalizar → CSS adicional)
   Versión 1.1.0 — copia de referencia a 23/08/2026
   Vive en la base de datos, NO en los archivos del tema.
   ========================================================= */

/* --- Tus reglas de mayúsculas --- */
.wp-block-post-title a { text-transform: none !important; }
.entry-title { text-transform: none !important; }
h2 { text-transform: none !important; }

/* --- Botón MENÚ y puntitos ••• (pastilla verde) --- */
.hamburger-wrapper .hamburger{ isolation:isolate; }
.hamburger-wrapper .hamburger::before{ content:""; position:absolute; top:-12px; right:-16px; bottom:-15px; left:-16px; background:var(--herba-green,#4a7c59); border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.20); z-index:-1; transition:background .2s ease; }
.hamburger-wrapper .hamburger:hover::before{ background:var(--herba-green-dark,#35603f); }
.sidebar-control-wrapper{ isolation:isolate; }
.sidebar-control-wrapper::before{ content:""; position:absolute; top:-8px; right:-14px; bottom:-6px; left:-8px; background:var(--herba-green,#4a7c59); border-radius:11px; box-shadow:0 2px 8px rgba(0,0,0,.20); z-index:-1; transition:background .2s ease; }
.sidebar-control-wrapper:hover::before{ background:var(--herba-green-dark,#35603f); }
.has-menu-open .sidebar-control-wrapper::before{ opacity:0; }

/* --- Botón "Hazte Premium" del menú lateral --- */
.herba-premium-cta{ display:block; text-align:center; background:var(--herba-green,#4a7c59); color:#fff !important; font-weight:700; padding:12px 18px; border-radius:10px; text-decoration:none; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:background .2s ease; margin:0 0 18px; }
.herba-premium-cta:hover{ background:var(--herba-green-dark,#35603f); color:#fff !important; }

/* --- Panel del título y subtítulo --- */
.site-branding{
	background:rgba(53,96,63,.90);
	padding:10px 9px 10px !important;
	border-radius:16px;
	display:inline-block !important;
	box-shadow:0 3px 14px rgba(0,0,0,.28);
}
.site-title{ margin-bottom:6px; }
.site-title a, .site-title a:visited{ color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }
.site-description{ color:#eafaef !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }

/* ===== Portada · Banner publicitario ===== */
.herba-home-banner{
	text-align:center;
	margin:0 auto 1.5rem;
}
.herba-home-banner-link,
.herba-home-banner-picture{
	display:inline-block;
	line-height:0;              /* sin hueco fantasma bajo la imagen */
}
.herba-home-banner-img{
	display:inline-block;
	max-width:100%;             /* nunca más ancho que la columna */
	height:auto;                /* mantiene la proporción de la imagen */
}
/* ===== fin Banner publicitario ===== */

/* ===== Portada · Novedades compactas ===== */
.herba-home-recent .entry-image-wrapper{height:230px!important;}
.herba-home-recent .entry-content-wrapper{margin-top:72px!important;padding:20px 24px!important;min-height:0!important;height:auto!important;}
.herba-home-recent .entry-meta,
.herba-home-recent .entry-meta *{font-size:12px!important;}
.herba-home-recent .entry-meta{margin-bottom:6px!important;}
.herba-home-recent .entry-header{margin-bottom:10px!important;padding-bottom:0!important;}
.herba-home-recent .entry-title{font-size:22px!important;line-height:1.3!important;margin:0 0 8px!important;}
.herba-home-recent .entry-summary,
.herba-home-recent .entry-summary p{font-size:16px!important;line-height:1.55!important;margin:0!important;}
.herba-home-recent .more-link-wrapper{margin-top:10px!important;}
.herba-home-recent .more-link{font-size:12px!important;}
.herba-home-recent article{margin-bottom:30px!important;}
@media(min-width:783px){
  .herba-home-recent{align-items:stretch!important;}
  .herba-home-recent article{display:flex!important;flex-direction:column!important;}
  .herba-home-recent .entry-content-wrapper{flex:1 1 auto!important;min-height:290px!important;}
}

/* --- Botón de descarga de archivos --- */
.entry-content a.wp-block-file__button,
.entry-content a.wp-block-file__button:hover,
.entry-content a.wp-block-file__button:focus,
.entry-content a.wp-block-file__button:visited {
	background-color: #3b7bb0;
	color: #ffffff;
}

/* =========================================================
   NOTA SOBRE LAS TIRAS DE SERIE
   Este CSS adicional NO contiene ninguna regla para
   .herba-home-series / .herba-series-card / .herba-series-thumb /
   .herba-series-title. Su aspecto viene del style.css del tema Herba.
   La única regla que alcanza a las tiras es la de h2, que afecta al
   título .herba-home-section-title (igual en todas, Tira 0 incluida).
   ========================================================= */


/* Móvil · SOLO portada: aparta la "S" al abrir el menú (•••) para no tapar la X (v1.2.1) */
@media (max-width: 782px){
  body.home.has-sidebar-open .hb-right{ right: 64px !important; }
}

/* Blinda la barra de menú del plugin frente a las calculadoras que usan .hb-bar (v1.3.0) */
#hb-menu-tab .hb-bar{ height:auto !important; overflow:visible !important; border:0 !important; border-radius:0 !important; margin:0 !important; }
#hb-menu-tab .hb-bar span{ height:auto !important; }

/* Enlaces de texto de los articulos en verde - SOLO enlaces reales (a sin
   clase) dentro de parrafos, listas y celdas; asi NO afecta a botones ni
   CTAs, que suelen ser <a> sin clase dentro de secciones/divs. [Herba] */
.entry-content :is(p, li, td) a:not([class]):not([style*="background"]),
.entry-content :is(p, li, td) a:not([class]):not([style*="background"]):visited{ color:#3E6B4A !important; }


/* Icono del menu para "Escaner de comida" (item 27492) - codigo de barras a
   juego con los demas iconos del menu del plugin (trazo #C5E1A5). Los iconos se
   asignan por ID de entrada; esta es nueva y no tenia el suyo. [v1.6.0] */
#site-navigation .header-menu > li.menu-item-27492 > a:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C5E1A5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8V6a2 2 0 0 1 2-2h2 M17 4h2a2 2 0 0 1 2 2v2 M21 16v2a2 2 0 0 1-2 2h-2 M7 20H5a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M7 8v8M10 8v8M13.5 8v8M17 8v8'/%3E%3C/svg%3E") !important; }




/* Icono del menu para "Verificador de interacciones" (item 27516) - dos
   pastillas (capsula + comprimido) = interacciones, trazo #C5E1A5. [v1.7.0] */
#site-navigation .header-menu > li.menu-item-27516 > a:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C5E1A5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.3' y='5.6' width='12.6' height='6' rx='3' transform='rotate(-42 8.6 8.6)'/%3E%3Cpath d='M6.1 5.2 11.3 10.4'/%3E%3Ccircle cx='16.2' cy='16.4' r='5'/%3E%3Cpath d='M12.9 15 19.5 17.8'/%3E%3C/svg%3E") !important; }

#site-navigation .header-menu > li.menu-item-27525 > a::before{content:"";display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C5E1A5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7.6c-1.6-2.2-4.9-2.4-6.5-.2C3.5 10.6 4.8 16 7.5 18.7c1.2 1.1 2.6 1 4.5.2 1.9.8 3.3.9 4.5-.2 2.7-2.7 4-8.1 2-11.3-1.6-2.2-4.9-2-6.5.2Z'/%3E%3Cpath d='M12 7.6V4.7c0-1 .9-1.9 2.2-2'/%3E%3C/svg%3E");}


/* Menu plano (drawer #hb-menu-panel .hb-list, el que sale en entradas/paginas):
   agruparlo con RAYAS separadoras como el menu de iconos, SIN tocar #menu-1.
   Se marca la primera entrada de cada grupo por su enlace (los <li> del drawer
   no tienen menu-item-<id>). Grupos: Inicio | Nutricion,Videos | Valoracion,
   Calculadoras,Escaner,Verificador,Alimentos | Desarrollo,Negocio,Oportunidad,
   Catalogo | Acerca,Politica. [v1.8.0] */
#hb-menu-panel .hb-list > li:has(> a[href*="/indice-salud-nutricion"]),
#hb-menu-panel .hb-list > li:has(> a[href*="/valoracion-nutricional"]),
#hb-menu-panel .hb-list > li:has(> a[href*="/indice-desarrollo-personal"]),
#hb-menu-panel .hb-list > li:has(> a[href*="/acerca-de"]){
  border-top:2px solid rgba(255,255,255,.32) !important;
  margin-top:7px !important; padding-top:7px !important;
}


/* Menu plano: los dos ultimos (Acerca de + Politica) en letra mas pequena
   (pie de menu). La raya que los separa ya la pone la regla de grupos. [v1.8.2] */
#hb-menu-panel .hb-list > li:has(> a[href*="/acerca-de"]) > a,
#hb-menu-panel .hb-list > li:has(> a[href*="/politica-de-privacidad"]) > a{
  font-size:13px !important; opacity:.85 !important;
  padding-top:8px !important; padding-bottom:8px !important;
}


/* Menu plano: que ABRA COMPLETO sin scroll. El plugin capa el panel a
   calc(100vh-200px) con overflow hidden (se cortaba en Catalogo Z). Subimos
   el limite y compactamos filas. Acotado a .is-open para NO romper el cierre
   (el menu se cierra volviendo la altura a 0). [v1.9.0] */
.hb-menu-tab.is-open #hb-menu-panel.hb-panel{ height:auto !important; max-height:calc(100vh - 72px) !important; overflow-y:auto !important; }
.hb-menu-tab.is-open #hb-menu-panel .hb-list{ max-height:none !important; overflow:visible !important; }
#hb-menu-panel .hb-list > li > a{ padding-top:9px !important; padding-bottom:9px !important; }


/* ===== Archivo · Tarjetas compactas (categorías, etiquetas, búsqueda) v1.11.0 =====
   Lleva el look compacto de la portada (.herba-home-recent / "Novedades compactas" v2)
   a los listados del resto del blog. Mismas medidas: foto 230px, título 22px, resumen
   16px, fecha/enlace 12px, filas alineadas a igual altura en escritorio.
   SCOPE: body:not(.home) .post-wrapper-archive → categorías, etiquetas, autor, fecha y
   búsqueda. La portada (body.home) NO se toca: mantiene su propio bloque.
   Revertir: borrar este bloque entero y Publicar. */
body:not(.home) .post-wrapper-archive .entry-image-wrapper{height:230px!important;}
body:not(.home) .post-wrapper-archive .entry-content-wrapper{margin-top:72px!important;padding:20px 24px!important;min-height:0!important;height:auto!important;}
body:not(.home) .post-wrapper-archive .entry-meta,
body:not(.home) .post-wrapper-archive .entry-meta *{font-size:12px!important;}
body:not(.home) .post-wrapper-archive .entry-meta{margin-bottom:6px!important;}
body:not(.home) .post-wrapper-archive .entry-header{margin-bottom:10px!important;padding-bottom:0!important;}
body:not(.home) .post-wrapper-archive .entry-title{font-size:22px!important;line-height:1.3!important;margin:0 0 8px!important;}
body:not(.home) .post-wrapper-archive .entry-summary,
body:not(.home) .post-wrapper-archive .entry-summary p{font-size:16px!important;line-height:1.55!important;margin:0!important;}
body:not(.home) .post-wrapper-archive .more-link-wrapper{margin-top:10px!important;}
body:not(.home) .post-wrapper-archive .more-link{font-size:12px!important;}
body:not(.home) .post-wrapper-archive article{margin-bottom:30px!important;}
@media(min-width:783px){
  body:not(.home) .post-wrapper-archive{align-items:stretch!important;}
  body:not(.home) .post-wrapper-archive article{display:flex!important;flex-direction:column!important;}
  body:not(.home) .post-wrapper-archive .entry-content-wrapper{flex:1 1 auto!important;min-height:290px!important;}
}
/* ===== fin Archivo · Tarjetas compactas ===== */