/* // SOYMOD #Proyecto (1/9/25) - Nuevo rediseño Blog */
/* Tipografías */
 @font-face {
	 font-family: "Outfit";
	 src: url("../fonts/Outfit/Outfit-Regular.ttf");
	 font-weight: 400;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Outfit";
	 src: url("../fonts/Outfit/Outfit-Medium.ttf");
	 font-weight: 500;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Outfit";
	 src: url("../fonts/Outfit/Outfit-SemiBold.ttf");
	 font-weight: 600;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Outfit";
	 src: url("../fonts/Outfit/Outfit-Bold.ttf");
	 font-weight: 700;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: 'Young Serif';
	 src: url("../fonts/YoungSerif/YoungSerif-Regular.ttf") format("truetype");
}
 @font-face {
	 font-family: "Caveat Brush";
	 src: url("../fonts/Caveat_Brush/CaveatBrush-Regular.ttf") format("truetype");
}
 Body {
	 font-family: "Outfit";
	 font-weight: 400;
	 font-style: normal;
}

 .max {
	 max-width: 1630px;
}
 ul.slick-dots {
	 bottom: -45px;
}
 ul.slick-dots li {
	 background: transparent;
	 margin-right: 5px;
}
 ul.slick-dots li button {
	 width: 11px;
	 height: 11px;
	 background: #bdb8c2;
	 border-radius: 50px;
}
 ul.slick-dots li button::before {
	 display: none;
}
 ul.slick-dots li.slick-active button {
	 background: #3d3646;
}
/* Cabecera */
 header.header .soy_header_fijo {
	 z-index: 999;
	 width: 100%;
	 max-width: 1920px;
	 background: #fff;
	 margin: 0 auto;
	 position: fixed;
	 left: 0;
	 right: 0;
	 box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.15);
}
 header.header .soy_header_fijo .soy_bloque_header {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: space-between;
	 padding: 10px 15px;
}
 header.header #movimiento-menu {
	 margin: 0;
	 margin-right: 15px;
	 position: relative;
}
 header.header #movimiento-menu .ico-menu {
	 width: auto;
	 height: auto;
	 display: inline-block;
}
 header.header #movimiento-menu .ico-menu i {
	 color: #6549a8;
}
 header.header #movimiento-menu .ico-menu i.soy-close {
	 display: none;
}
 header.header #movimiento-menu .ico-menu.open i.soy-burguer {
	 display: none;
}
 header.header #movimiento-menu .ico-menu.open i.soy-close {
	 display: block;
}
 header.header .logo {
	 max-width: 122px;
	 height: auto;
	 margin: 0;
}
 header.header .logo a {
	 display: flex;
	 align-items: center;
}
 header.header .buscador {
	 position: absolute;
	 top: 70px;
	 left: 0;
	 right: 0;
	 background: #fff;
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 opacity: 0;
	 visibility: hidden;
	 z-index: 9;
	 transition: all 0.8s ease;
	 -webkit-transition: all 0.8s ease;
	 -moz-transition: all 0.8s ease;
	 -ms-transition: all 0.8s ease;
	 -o-transition: all 0.8s ease;
}
 header.header .buscador.soy_show {
	 opacity: 1;
	 visibility: visible;
	 transition: all 0.8s ease;
	 -webkit-transition: all 0.8s ease;
	 -moz-transition: all 0.8s ease;
	 -ms-transition: all 0.8s ease;
	 -o-transition: all 0.8s ease;
}
 header.header .buscador form {
	 margin: 10px;
	 position: relative;
}
 header.header .buscador input[type="text"] {
	 background: transparent;
	 border: 2px solid #3d3646;
	 padding: 10px 20px;
	 margin: 0;
	 border-radius: 50px;
	 font-family: 'Outfit', sans-serif;
	 font-size: 14px;
	 width: 100%;
	 color: #3d3646;
	 -webkit-appearance: none;
}
 header.header .buscador input[type="text"]::-webkit-input-placeholder {
	/* Edge */
	 color: #3d3646;
}
 header.header .buscador input[type="text"]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	 color: #3d3646;
}
 header.header .buscador input[type="text"]::placeholder {
	 color: #3d3646;
}
 header.header .buscador input[type="submit"] {
	 background: transparent;
	 height: 38px;
	 width: 38px;
	 margin: 0;
	 position: absolute;
	 right: 20px;
	 top: 2px;
	 z-index: 9;
	 border: none;
}
 header.header .buscador i {
	 height: 38px;
	 width: 38px;
	 color: #3d3646;
	 display: block;
	 text-align: center;
	 line-height: 37px;
	 font-size: 25px;
	 position: absolute;
	 right: 20px;
	 top: 2px;
}
 header.header .soy_buscar_icon {
	 margin: 10px;
}
 header.header .soy_buscar_icon:hover {
	 cursor: pointer;
}
 header.header .soy_buscar_icon i {
	 color: #3d3646;
	 border-radius: 96px;
	 font-size: 27px;
}
 header.header .bloque_left {
	 display: flex;
	 align-items: center;
}
 header.header .menu-rwd {
	 flex: 0 0 100%;
}
 header.header .menu-rwd .menu-categorias-container {
	 margin: 0;
	 border-bottom: none;
}
 header.header .menu-rwd ul li a {
	 color: #3d3646;
	 font-family: "Outfit";
	 font-size: 16px;
	 font-style: normal;
	 font-weight: 700;
	 line-height: normal;
}
 header.header .menu-rwd ul li.enlace-tienda a {
	 background: #8d3ead;
	 color: #fff !important;
}
/* Banner principal */
 .soy_banner_cabcera img {
	 margin-left: auto;
	 margin-right: auto;
}
 .soy_banner_cabcera .soy_desktop {
	 display: none;
}
/* Sidebar */
 .sidebar {
	/* Bloque de categorías */
	/* Bloque de Los más visto (más recientes) */
}
 .sidebar #soy_bloque_categorias {
	 border-radius: 50px;
	 background: #f7f4f4;
	 box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
	 position: fixed;
	 bottom: 10px;
	 width: 100%;
	 left: 0;
	 right: 0;
}
 .sidebar #soy_bloque_categorias.open {
	 bottom: unset;
	 top: 85px;
	 border-radius: 25px;
}
 .sidebar #soy_bloque_categorias .soy_titulo_bloque_categorias {
	 display: flex;
	 align-content: center;
	 align-items: center;
	 justify-content: center;
	 color: #3d3646;
	 text-align: center;
	 font-family: "Outfit";
	 text-transform: uppercase;
	 font-size: 16px;
	 font-weight: 700;
	 line-height: normal;
	 padding: 12px;
	 margin: 0 15px;
}
 .sidebar #soy_bloque_categorias .soy_titulo_bloque_categorias::after {
	 font-family: 'MerceriaSarabia' !important;
	 content: '\e904';
	 display: inline-flex;
	 font-size: 12px;
	 margin-left: 10px;
}
 .sidebar #soy_bloque_categorias .soy_titulo_bloque_categorias.open {
	 border-bottom: 1px solid #000;
}
 .sidebar #soy_bloque_categorias .soy_titulo_bloque_categorias.open::after {
	 content: '\e905';
}
 .sidebar #soy_bloque_categorias ul.wp-block-categories-list {
	 display: none;
	 max-height: calc(100vh - 130px);
	 overflow-y: auto;
}
 .sidebar #soy_bloque_categorias ul.wp-block-categories-list li.cat-item {
	 border-bottom: none;
	 text-align: center;
	 padding-top: 0;
	 padding-bottom: 10px;
}
 .sidebar #soy_bloque_categorias ul.wp-block-categories-list li.cat-item:first-child {
	 padding-top: 10px;
}
 .sidebar #soy_bloque_categorias ul.wp-block-categories-list li.cat-item a {
	 color: #3d3646;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 700;
	 line-height: normal;
	 text-transform: uppercase;
}
 .sidebar .widget_dpe_fp_widget {
	 background: #f2efeb;
	/* margin-right: -15px;
	 margin-left: -15px;
	 */
	 padding-bottom: 50px;
	 padding-top: 20px;
}
 .sidebar .widget_dpe_fp_widget .widgettitle {
	 color: #3d3646;
	 text-align: center;
	 font-family: "Outfit";
	 text-transform: uppercase;
	 font-size: 16px;
	 font-weight: 700;
	 line-height: normal;
	 padding: 12px;
	 margin: 0 15px;
	 border-bottom: 1px solid #000;
}
 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li {
	 max-width: 395px;
	 margin: 0 auto;
	 border-bottom: none;
}
 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li a {
	 flex-direction: column;
}
 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li a img {
	 width: 100% !important;
	 aspect-ratio: 1;
	 object-fit: cover;
	 height: 100% !important;
	 margin-bottom: 18px;
	 border-radius: 10px;
}
 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li a .title {
	 color: #281f33;
	 font-family: "Young Serif";
	 font-size: 22px;
	 font-size: 16px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: normal;
	 text-align: center;
}
/* Listados */
 .contenedor {
	 flex-wrap: wrap;
	 gap: 20px;
}
 .max article.entrada .categoria a, .max article.entrada-single .categoria a, .max article.entrada .etiquetas a, .max article.entrada-single .etiquetas a {
	 color: #3d3646;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-weight: 400;
	 line-height: normal;
	 border-radius: 2px;
	 padding: 6px;
	 background: #dfa6f0;
	 text-transform: initial;
	 display: inline-block;
	 margin: 3px;
	 text-decoration: none;
}
 .zona-entradas .entradas {
	 gap: 15px;
}
 .zona-entradas .entradas article.entrada {
	 flex: 0 0 calc(50% - 8px);
}
.zona-entradas .entradas article.entrada.entrada_grande:first-child {
	flex: 0 0 100%;
}
 .zona-entradas .entradas article.entrada h2 a {
	 color: #281f33;
	 text-align: center;
	 font-family: "Young Serif";
	 font-size: 18px;
	 font-weight: 400;
	 line-height: normal;
	 text-transform: initial;
}
 .zona-entradas .entradas article.entrada .fecha {
	 display: none;
}
 .zona-entradas .entradas article.entrada .contenido-entrada * {
	 margin-top: 0;
	 text-align: center;
	 color: #3d3646;
	 font-family: "Outfit";
	 font-size: 16px;
	 font-weight: 400;
	 line-height: normal;
}
 .zona-entradas .entradas article.entrada .btn-leer-mas a {
	 padding: 10px 15px;
	 display: inline-block;
	 color: #281f33;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-weight: 400;
	 line-height: normal;
	 border-radius: 34px;
	 text-transform: initial;
	 border: 1px solid #281f33;
}
 .zona-entradas .entradas article.entrada .btn-leer-mas a:hover {
	 background: #281f33;
	 color: #fff;
}
 .btn-leer-mas a::after, .btn-leer-mas a::before {
	 display: none;
}
 .img-destacada img {
	 width: 100% !important;
	 aspect-ratio: 1;
	 object-fit: cover;
	 height: 100% !important;
	 border-radius: 10px;
}
 @media screen and (min-width: 700px) {
	 .index .contenedor {
		 flex-wrap: wrap;
	}
	 .zona-entradas, .single-entrada, .sidebar {
		 width: 100%;
		 max-width: 100%;
	}
}
 @media screen and (min-width: 768px) {
	/* Banner principal */
	 .soy_banner_cabcera .soy_desktop {
		 display: block;
	}
	 .soy_banner_cabcera .soy_mobile {
		 display: none;
	}
}
 @media screen and (min-width: 1024px) {
	/* Cabecera */
	/* Sidebar */
	/* Listado entradas */
	 header.header {
		 display: flex;
		 justify-content: center;
		 max-width: 1920px;
	}
	 header.header .soy_bloque_header {
		 max-width: 1630px;
		 margin-left: auto;
		 margin-right: auto;
	}
	 header.header .logo {
		 max-width: 180px;
	}
	 header.header .buscador {
		 display: block;
		 position: relative;
		 top: unset;
		 opacity: 1;
		 visibility: visible;
	}
	 header.header .soy_buscar_icon {
		 display: none;
	}
	 header.header .menu-categorias-container {
		 border-bottom: none;
	}
	 header.header nav.menu-principal {
		 margin: 0;
		 padding-left: 0;
	}
	 header.header nav.menu-principal ul {
		 justify-content: flex-end;
		 width: 100%;
		 padding: 0;
	}
	 header.header nav.menu-principal ul li {
		 margin-left: 12px;
	}
	 header.header nav.menu-principal ul li a {
		 color: #3d3646;
		 font-family: "Outfit";
		 font-size: calc(12px + (16 - 12) * ((100vw - 1024px) / (1920 - 1024)));
		 font-weight: 700;
	}
	 header.header nav.menu-principal ul li.enlace-tienda a {
		 border-radius: 26px;
		 background: #6549a8;
		 color: #fff;
		 padding: 8px 10px;
	}
	 .index .sidebar {
		 margin-top: 0 !important;
	}
	 .sidebar {
		 max-width: 370px;
		 width: 30%;
		 margin-top: 55px !important;
		/* Bloque de categorías */
		/* Bloque de Los más visto (más recientes) */
	}
	 .sidebar .box-sidebar {
		 padding: 10px 13px;
	}
	 .sidebar #soy_bloque_categorias {
		 background: transparent;
		 box-shadow: none;
		 position: relative;
		 bottom: unset;
		 top: unset;
		 border-radius: none;
	}
	 .sidebar #soy_bloque_categorias.open {
		 top: unset;
	}
	 .sidebar #soy_bloque_categorias .soy_titulo_bloque_categorias {
		 display: block;
		 text-align: left;
		 font-size: 18px;
		 margin: 0;
		 border-bottom: 1px solid #000;
		 padding-top: 0;
		 padding-left: 0;
	}
	 .sidebar #soy_bloque_categorias .soy_titulo_bloque_categorias::after {
		 display: none;
	}
	 .sidebar #soy_bloque_categorias ul.wp-block-categories-list {
		 display: block !important;
		 max-height: 100%;
		 overflow-y: hidden;
	}
	 .sidebar #soy_bloque_categorias ul.wp-block-categories-list li.cat-item {
		 text-align: left;
		 padding-bottom: 12px;
		 padding-left: 0;
	}
	 .sidebar #soy_bloque_categorias ul.wp-block-categories-list li.cat-item:first-child {
		 padding-top: 12px;
	}
	 .sidebar #soy_bloque_categorias ul.wp-block-categories-list li.cat-item a {
		 font-size: 16px;
	}
	 .sidebar .widget_dpe_fp_widget {
		 margin-left: -13px;
		 margin-right: -13px;
		 padding-left: 22px;
		 padding-right: 22px;
	}
	 .sidebar .widget_dpe_fp_widget .widgettitle {
		 text-align: left;
		 font-size: 18px;
		 padding-top: 20px;
		 padding-left: 0;
	}
	 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li::after {
		 content: "";
		 width: 80%;
		 height: 1px;
		 display: block;
		 margin: 0 auto;
		 margin-top: 30px;
		 margin-bottom: 15px;
		 background: #000;
	}
	 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li:first-child {
		 margin-top: 25px;
	}
	 .sidebar .widget_dpe_fp_widget ul.dpe-flexible-posts li a .title {
		 font-size: 22px;
		 text-align: left;
	}
	 .zona-entradas, .single-entrada {
		 width: calc(100% - 390px) !important;
	}
	 .categoria {
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: flex-start;
	}
	 .categoria a {
		 font-size: 16px;
		 padding: 8px;
		 margin: 6px;
		 margin-top: 0;
		 margin-left: 0;
	}
	 .zona-entradas .entradas article.entrada {
		 flex: 0 0 calc(33.33% - 10px);
	}
	 .zona-entradas .entradas article.entrada.entrada_grande {
		 flex: 0 0 100%;
	}
	 .zona-entradas .entradas article.entrada h2 {
		 text-align: left;
	}
	 .zona-entradas .entradas article.entrada h2 a {
		 font-size: 22px;
	}
	 .zona-entradas .entradas article.entrada .contenido-entrada * {
		 font-size: 18px;
		 text-align: left;
	}
	 .zona-entradas .entradas article.entrada .btn-leer-mas {
		 text-align: left;
	}
	 .zona-entradas .entradas article.entrada .btn-leer-mas a {
		 padding: 10px 15px;
		 font-size: 16px;
	}
}
 @media screen and (min-width: 1200px) {
	/* Cabecera */
	/* Listados */
	 header.header .logo {
		 margin-right: 60px;
	}
	 header.header .soy_buscar_icon {
		 display: none;
	}
	 header.header nav.menu-principal {
		 margin: 0;
	}
	 header.header nav.menu-principal ul li {
		 margin-left: 35px;
	}
	 .zona-entradas .entradas article.entrada.entrada_grande {
		 flex: 0 0 100%;
		 display: flex;
		 flex-wrap: wrap;
		 gap: 20px;
	}
	 .zona-entradas .entradas article.entrada.entrada_grande .img-destacada {
		 flex: 0 0 calc(66.66% - 10px);
	}
	 .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor {
		 flex: 0 0 calc(33.33% - 10px);
		 display: flex;
		 flex-direction: column;
	}
	 .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor .categoria {
		 order: 1;
	}
	 .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor h2, .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor .contenido-entrada, .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor .btn-leer-mas {
		 order: 0;
	}
	 .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor h2 {
		 margin-top: 0;
	}
	 .zona-entradas .entradas article.entrada.entrada_grande .bloque_lateral_infor .btn-leer-mas {
		 margin-bottom: 20px;
	}
	 .zona-entradas .entradas article.entrada.lado_right {
		 flex-direction: row-reverse;
	}
}
 @media screen and (min-width: 1920px) {
	 header.header nav.menu-principal ul li {
		 margin-left: 40px;
	}
	 header.header nav.menu-principal ul li a {
		 font-size: 16px;
	}
}
/* SINGLE */
 .rastro-migas {
	 margin: 15px 0;
	 color: #686070;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 22px;
}
 .rastro-migas a {
	 color: #686070;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 22px;
}
 .rastro-migas i {
	 padding: 0 !important;
}
 .single h1 {
	 color: #281f33;
	 text-align: center;
	 font-family: "Young Serif";
	 font-size: 22px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 26px;
	 text-transform: initial;
	 margin-bottom: 12px;
}
 .single .metas {
	 color: #3d3646;
	 text-align: center;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: normal;
}
 .single .metas a {
	 color: #3d3646;
	 text-align: center;
	 font-family: "Outfit";
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: normal;
}
 .single .max article.entrada .categoria, .single .max article.entrada-single .categoria, .single .max article.entrada .etiquetas, .single .max article.entrada-single .etiquetas {
	 display: block;
	 margin: 10px 0;
	 text-align: center;
}
 .single .contenido-entrada div.simplesocialbuttons {
	 margin: 0;
	 margin-bottom: 12px;
	 text-align: center;
}
 .single .contenido-entrada .simplesocialbuttons button {
	 border: none !important;
	 padding: 0;
	 width: 34px;
	 height: 34px;
	 margin: 0;
}
 .single .contenido-entrada .simplesocialbuttons button:hover {
	 background: transparent !important;
}
 .single .contenido-entrada .simplesocialbuttons button::after {
	 font-family: 'MerceriaSarabia' !important;
	 color: #784fa9;
}
 .single .contenido-entrada .simplesocialbuttons button.simplesocial-fb-share::after {
	 content: "\e91d";
}
 .single .contenido-entrada .simplesocialbuttons button.simplesocial-twt-share::after {
	 content: "\e91f";
}
 .single .contenido-entrada .simplesocialbuttons button.simplesocial-pinterest-share::after {
	 content: "\e91b";
}
 .single .contenido-entrada .simplesocialbuttons button.simplesocial-whatsapp-share::after {
	 content: "\e91c";
}
 .single .contenido-entrada .simplesocialbuttons.simplesocialbuttons_inline .ssb-fb-like {
	 display: none;
}
 .single .contenido-entrada p, .single .contenido-entrada ul li {
	 color: #3d3646;
	 font-family: "Outfit";
	 font-size: 18px;
	 font-style: normal;
	 line-height: 26px;
	 text-align: center;
}
 .single .contenido-entrada h2, .single .contenido-entrada h3, .single .contenido-entrada h4, .single .contenido-entrada h5 {
	 color: #281f33;
	 font-family: "Young Serif";
	 text-transform: initial;
	 text-align: center;
	 font-size: 22px;
	 margin-top: 30px;
}
 @media screen and (min-width: 1024px) {
	 .single .entrada-single {
		 max-width: 947px;
		 margin: 0 auto;
	}
	 .single h1 {
		 text-align: left;
		 font-size: 44px;
		 line-height: normal;
	}
	 .single .metas {
		 text-align: left;
		 font-size: 16px;
	}
	 .single .metas a {
		 text-align: left;
		 font-size: 16px;
	}
	 .single .max article.entrada .categoria, .single .max article.entrada-single .categoria, .single .max article.entrada .etiquetas, .single .max article.entrada-single .etiquetas {
		 text-align: left;
	}
	 .single .contenido-entrada div.simplesocialbuttons {
		 margin-bottom: 30px;
		 text-align: left;
	}
	 .single .contenido-entrada p, .single .contenido-entrada ul li {
		 text-align: left;
	}
	 .single .contenido-entrada h2, .single .contenido-entrada h3, .single .contenido-entrada h4, .single .contenido-entrada h5 {
		 text-align: left;
	}
}
/* SOYMOD 106675 - AÑADIMOS CSS solicitado por Jordi Aviñó
Contenedor de los artículos escritos en HTML ------------------------------ */
.articulo-sarabia {
  font-family: Arial, sans-serif;
  color: #444;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.articulo-sarabia h2 {
  color: #664aa8;
  text-align: center;
  margin-bottom: 25px;
}
.articulo-sarabia h3 {
  color: #327a9f;
  margin-top: 35px;
  margin-bottom: 15px;
}

/* Imagen principal y separador ---------------------------------------------- */
.imagen-principal {
  text-align: center;
  margin-bottom: 30px;
}
.imagen-principal img {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.separador {
  border: 0;
  height: 1px;
  background: #e0e0e0;
  margin: 35px 0;
}

/* Tarjeta de producto o de categoría ---------------------------------------- */
.producto-card {
  border: 2px solid #327a9f;
  border-radius: 12px;
  padding: 20px;
  background-color: #f9f9f9;
  margin: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.producto-info {
  flex: 1;
  min-width: 280px;
}
/* Los textos llevan también la versión con .contenido-entrada: el tema da a los párrafos
   y títulos del artículo (.single .contenido-entrada p, h4) su color, fuente, tamaño,
   margen y alineación, y sin esto pisarían los de la tarjeta. */
.producto-card .producto-info p,
.contenido-entrada .producto-card .producto-info p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  text-align: left;
}
.producto-card .producto-info h4,
.producto-card .producto-info p.producto-nombre,
.contenido-entrada .producto-card .producto-info h4,
.contenido-entrada .producto-card .producto-info p.producto-nombre {
  color: #327a9f;
  margin: 0 0 8px 0;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
}
.btn-producto {
  background-color: #327a9f;
  color: #ffffff !important;
  padding: 12px 24px;
  text-decoration: none !important;
  border-radius: 8px;
  font-weight: bold;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.btn-producto:hover {
  background-color: #265d79;
}

/* Consejo destacado --------------------------------------------------------- */
.tip-experta {
  border-left: 5px solid #664aa8;
  color: #555;
  font-style: italic;
  background-color: #f3f0f7;
  padding: 20px;
  margin: 35px 0;
  border-radius: 0 12px 12px 0;
}
/* Si el editor mete el texto del consejo en un párrafo, que no coja el estilo del tema. */
.contenido-entrada blockquote.tip-experta p {
  color: #555;
  font-style: italic;
  margin: 0;
  text-align: left;
}

/* Bloque de la App ---------------------------------------------------------- */
.bloque-app {
  background-color: #f3f0f7;
  border: 2px solid #664aa8;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  margin: 40px auto;
  max-width: 650px;
  box-shadow: 0 4px 15px rgba(102, 74, 168, 0.1);
}
.bloque-app p.bloque-titulo,
.contenido-entrada .bloque-app p.bloque-titulo {
  color: #664aa8;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 15px 0;
  text-align: center;
}
.bloque-app p.bloque-texto,
.contenido-entrada .bloque-app p.bloque-texto {
  color: #444;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 25px 0;
  text-align: center;
}
.btn-app {
  background-color: #664aa8;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 15px 30px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  box-shadow: 0 4px 8px rgba(102, 74, 168, 0.3);
  transition: background-color 0.3s;
}
.btn-app:hover {
  background-color: #523a8a;
}

/* Bloque de WhatsApp -------------------------------------------------------- */
.bloque-whatsapp {
  background-color: #f0f7f9;
  border: 2px solid #327a9f;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  margin: 40px 0;
}
.bloque-whatsapp p.bloque-titulo,
.contenido-entrada .bloque-whatsapp p.bloque-titulo {
  color: #327a9f;
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}
.bloque-whatsapp p.bloque-texto,
.contenido-entrada .bloque-whatsapp p.bloque-texto {
  color: #555;
  margin: 0 0 25px 0;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
.btn-whatsapp {
  background-color: #25d366;
  color: #ffffff !important;
  padding: 14px 28px;
  text-decoration: none !important;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
}
.btn-whatsapp:hover {
  background-color: #1da851;
}

/* Móvil: la tarjeta en una columna y el botón a todo el ancho ---------------- */
@media screen and (max-width: 600px) {
  .producto-card {
    padding: 16px;
  }
  .producto-info {
    min-width: 0;
    flex-basis: 100%;
  }
  .btn-producto {
    display: block;
    width: 100%;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
  }
  .bloque-app,
  .bloque-whatsapp {
    padding: 20px;
  }
}