@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//medicentral.pe/wp-content/themes/piremarkwood/fonts/woodmart-font-2-400.woff2?v=8.2.3") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//medicentral.pe/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Outfit regular", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Outfit bold", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Outfit regular", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Outfit regular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Outfit regular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Outfit regular", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(142,207,235);
	--wd-alternative-color: rgb(224,234,240);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-transform: capitalize;
	--btn-accented-bgcolor: rgb(47,209,152);
	--btn-accented-bgcolor-hover: rgb(47,209,152);
	--btn-font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	--btn-font-weight: 400;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 480px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(174,182,161);
	background-image: url(https://medicentral.pe/wp-content/uploads/2025/08/fondonoso2.jpg);
	background-size: cover;
	background-position: center top;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	text-transform: capitalize;
}
 {
	font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform: capitalize;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog .wd-page-content {
	background-image: url(https://medicentral.pe/wp-content/uploads/2023/06/wd-furniture-background-opt.jpg);
	background-repeat: repeat;
}
.single-post .wd-page-content {
	background-image: url(https://medicentral.pe/wp-content/uploads/2023/06/wd-furniture-background-opt.jpg);
	background-repeat: repeat;
}
html .wd-buy-now-btn {
	font-family: "Outfit regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	color: rgb(255,255,255);
	background: rgba(16,16,16,0.9);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
	font-family: "Eurostile regular";
	src: url("//medicentral.pe/wp-content/uploads/2025/07/Eurostile-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Outfit regular";
	src: url("//medicentral.pe/wp-content/uploads/2025/07/Outfit-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Eurostile bold";
	src: url("//medicentral.pe/wp-content/uploads/2025/07/Eurostile-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Outfit bold";
	src: url("//medicentral.pe/wp-content/uploads/2025/07/Outfit-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* ====== MEDICCAR – Tarjetas de Paquetes ====== */

/* Contenedor general en grilla (Gutenberg/Elementor/WP por defecto) */

.wp-block-columns,
.elementor-container,
.container,
#primary .entry-content {
  --med-gap: 1.25rem;
}

/* Intenta formar una grilla limpia para los 6 paquetes */
.wp-block-columns,
#primary .entry-content > .wp-block-group,
#primary .entry-content > .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--med-gap);
}

/* Responsive */
@media (max-width: 1024px){
  .wp-block-columns,
  #primary .entry-content > .wp-block-group,
  #primary .entry-content > .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .wp-block-columns,
  #primary .entry-content > .wp-block-group,
  #primary .entry-content > .wp-block-columns {
    grid-template-columns: 1fr;
  }
}

/* “Tarjeta” base para cada paquete (funciona con Gutenberg .wp-block-column) */
.wp-block-column,
.elementor-column,
#primary .entry-content > div {
  background: #ffffff;
  border: 1px solid #e9eef3;
  border-radius: 16px;
  padding: 22px 20px;
  box-shadow: 0 6px 18px rgba(13, 35, 67, 0.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Hover agradable */
.wp-block-column:hover,
.elementor-column:hover,
#primary .entry-content > div:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(13, 35, 67, 0.11);
  border-color: #dbe7f3;
}

/* Títulos de cada paquete (busca “Examen Médico …”) */
.wp-block-column h4,
.wp-block-column h3,
.elementor-column h3,
.elementor-column h4 {
  margin-top: 0;
  margin-bottom: .35rem;
  font-weight: 800;
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  line-height: 1.25;
  color: #0b2a4a;
}

/* Subtítulo (p. ej., “Licencia A-I”, “Revalidación…”) */
.wp-block-column h5,
.elementor-column h5 {
  margin: 0 0 .6rem 0;
  font-weight: 700;
  font-size: .95rem;
  color: #0f5298; /* acento */
}

/* Listas de requisitos/evaluaciones */
.wp-block-column ul,
.elementor-column ul {
  margin: .6rem 0 1rem 0;
  padding-left: 1.1rem;
}
.wp-block-column li,
.elementor-column li {
  margin: .25rem 0;
  color: #364a60;
  font-size: .95rem;
}

/* Bloques de texto “Requisitos / Evaluaciones” más legibles */
.wp-block-column p strong,
.elementor-column p strong {
  display: inline-block;
  margin-top: .4rem;
  color: #0f5298;
}
.wp-block-column p,
.elementor-column p {
  color: #3a4d63;
  font-size: .96rem;
  line-height: 1.6;
}

/* Botón “Seleccionar” – abarca WooCommerce/Gutenberg/Elementor */
a.wp-block-button__link,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .75rem 1.1rem;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid #0f5298;
  background: linear-gradient(180deg,#1373d1,#0f5298);
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(19,115,209,.22);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
a.wp-block-button__link:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(19,115,209,.28);
  opacity: .96;
}

/* Acomodo vertical dentro de cada tarjeta para que el botón siempre quede abajo */
.wp-block-column,
.elementor-column,
#primary .entry-content > div {
  display: flex;
  flex-direction: column;
}
.wp-block-column > *:last-child,
.elementor-column > *:last-child {
  margin-top: auto;
}

/* Badges opcionales (añade una clase .is-featured a la tarjeta que quieras destacar) */
.is-featured {
  position: relative;
  border-color: #b8d7ff;
  box-shadow: 0 10px 28px rgba(19,115,209,.18);
}
.is-featured::after {
  content: "Recomendado";
  position: absolute;
  top: 12px;
  right: 12px;
  background: #0f5298;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  padding: .25rem .5rem;
  border-radius: 999px;
}

/* Separadores suaves entre “Requisitos” y “Evaluaciones” si están en <p> */
.wp-block-column p + p {
  margin-top: .35rem;
}

/* Imágenes dentro de la tarjeta (si las usas) */
.wp-block-column img,
.elementor-column img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: .75rem;
}

/* Accesibilidad: mayor foco para teclado */
a:focus-visible,
button:focus-visible {
  outline: 3px solid #9ed0ff;
  outline-offset: 2px;
  border-radius: 10px;
}
/* ===== MEDICCAR – Paquetes en WPBakery ===== */

/* 1) Fila WPBakery como grilla limpia */
.vc_row.mediccar-paquetes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}

/* Breakpoints */
@media (max-width: 1024px){
  .vc_row.mediccar-paquetes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .vc_row.mediccar-paquetes {
    grid-template-columns: 1fr;
  }
}

/* 2) Tarjeta base (columna WPBakery)  */
.vc_row.mediccar-paquetes .wpb_column,
.vc_row.mediccar-paquetes .vc_column_container {
  background: #fff;
  border: 1px solid #e9eef3;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(13,35,67,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow: hidden; /* por si hay imágenes */
}

/* padding interno típico de WPBakery */
.vc_row.mediccar-paquetes .vc_column_container .vc_column-inner {
  padding: 22px 20px !important;
  height: 100%;
  display: flex;
}
.vc_row.mediccar-paquetes .vc_column_container .wpb_wrapper {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 100%;
}

/* Hover agradable */
.vc_row.mediccar-paquetes .wpb_column:hover,
.vc_row.mediccar-paquetes .vc_column_container:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(13,35,67,.11);
  border-color: #dbe7f3;
}

/* 3) Tipografías/títulos dentro de la tarjeta */
.vc_row.mediccar-paquetes .wpb_wrapper h3,
.vc_row.mediccar-paquetes .wpb_wrapper h4 {
  margin: 0 0 .35rem 0;
  font-weight: 800;
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  line-height: 1.25;
  color: #0b2a4a;
}
.vc_row.mediccar-paquetes .wpb_wrapper h5 {
  margin: 0 0 .6rem 0;
  font-weight: 700;
  font-size: .95rem;
  color: #0f5298;
}
.vc_row.mediccar-paquetes .wpb_wrapper p {
  color: #3a4d63;
  font-size: .96rem;
  line-height: 1.6;
}
.vc_row.mediccar-paquetes .wpb_wrapper p strong {
  color: #0f5298;
}

/* 4) Listas (requisitos/evaluaciones) */
.vc_row.mediccar-paquetes .wpb_wrapper ul {
  margin: .4rem 0 .9rem 0;
  padding-left: 1.1rem;
}
.vc_row.mediccar-paquetes .wpb_wrapper li {
  margin: .25rem 0;
  color: #364a60;
  font-size: .95rem;
}

/* 5) Botón WPBakery (vc_btn) al final de la tarjeta */
.vc_row.mediccar-paquetes .wpb_wrapper .vc_btn3,
.vc_row.mediccar-paquetes .wpb_wrapper a.vc_general.vc_btn3 {
  margin-top: auto; /* empuja el botón al fondo de la tarjeta */
  align-self: flex-start;
  display: inline-flex;
  gap: .5rem;
  padding: .75rem 1.1rem;
  border-radius: 12px !important;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid #0f5298 !important;
  background: linear-gradient(180deg,#1373d1,#0f5298) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(19,115,209,.22);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.vc_row.mediccar-paquetes .wpb_wrapper .vc_btn3:hover,
.vc_row.mediccar-paquetes .wpb_wrapper a.vc_general.vc_btn3:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(19,115,209,.28);
  opacity: .96;
}

/* 6) Imágenes dentro de la tarjeta (si usas Single Image o similar) */
.vc_row.mediccar-paquetes .wpb_single_image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: .6rem;
  object-fit: cover;
}

/* 7) Destacar un paquete: agrega la clase .is-featured a esa columna */
.vc_row.mediccar-paquetes .vc_column_container.is-featured {
  position: relative;
  border-color: #b8d7ff;
  box-shadow: 0 10px 28px rgba(19,115,209,.18);
}
.vc_row.mediccar-paquetes .vc_column_container.is-featured::after {
  content: "Recomendado";
  position: absolute;
  top: 12px;
  right: 12px;
  background: #0f5298;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  padding: .25rem .5rem;
  border-radius: 999px;
}

/* 8) Accesibilidad: foco teclado */
.vc_row.mediccar-paquetes a:focus-visible,
.vc_row.mediccar-paquetes button:focus-visible {
  outline: 3px solid #9ed0ff;
  outline-offset: 2px;
  border-radius: 10px;
}
/* --- MEDICCAR: Grid uniforme para los 6 paquetes (WPBakery) --- */
.vc_row.mediccar-paquetes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}

/* Neutraliza anchos inline de WPBakery */
.vc_row.mediccar-paquetes .vc_column_container {
  width: auto !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box;
}

/* Tarjeta consistente */
.vc_row.mediccar-paquetes .vc_column-inner {
  height: 100%;
  display: flex;
}
.vc_row.mediccar-paquetes .wpb_wrapper {
  display: flex;
  flex-direction: column;
  gap: .55rem;
}

/* Evita que imágenes/iframes “empujen” el ancho */
.vc_row.mediccar-paquetes img,
.vc_row.mediccar-paquetes video,
.vc_row.mediccar-paquetes iframe {
  max-width: 100% !important;
  width: 100% !important;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* Igual altura visual con padding uniforme */
.vc_row.mediccar-paquetes .vc_column-inner { padding: 22px 20px !important; }

/* Breakpoints */
@media (max-width:1024px){
  .vc_row.mediccar-paquetes { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .vc_row.mediccar-paquetes { grid-template-columns: 1fr; }
}
/* --- MEDICCAR: Alinear todos los paquetes al mismo nivel (WPBakery) --- */

.vc_row.mediccar-paquetes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.25rem;
  align-items: start;  /* Alinea todas las tarjetas desde el comienzo */
}

/* Transforma columnas con anchura variable e impide floats */
.vc_row.mediccar-paquetes .vc_column_container {
  width: auto !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box;
}

/* Estructura interna que asegura altura consistente y buen espaciado */
.vc_row.mediccar-paquetes .vc_column-inner {
  height: 100%;
  display: flex;
}
.vc_row.mediccar-paquetes .wpb_wrapper {
  display: flex;
  flex-direction: column;
  gap: .55rem;
}

/* Imágenes y medios no rompen el diseño */
.vc_row.mediccar-paquetes img,
.vc_row.mediccar-paquetes video,
.vc_row.mediccar-paquetes iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  display: block;
}

/* Padding homogéneo dentro de las tarjetas */
.vc_row.mediccar-paquetes .vc_column-inner {
  padding: 22px 20px !important;
}

/* Respuesta responsive (2 en tablet, 1 en móvil) */
@media (max-width: 1024px) {
  .vc_row.mediccar-paquetes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .vc_row.mediccar-paquetes {
    grid-template-columns: 1fr !important;
  }
}
.vc_row.mediccar-paquetes .wpb_wrapper > *:first-child {
  margin-top: 0 !important;
}
/* === MEDICCAR: nivelar el primer paquete que quedó más abajo === */

/* 1) Asegura que TODAS las tarjetas partan arriba */
.vc_row.mediccar-paquetes { align-items: start !important; }

/* 2) Quita márgenes superiores del PRIMER hijo en cada tarjeta */
.vc_row.mediccar-paquetes .wpb_wrapper > *:first-child {
  margin-top: 0 !important;
}

/* 3) Si el primer elemento es un título o párrafo, sin margen arriba */
.vc_row.mediccar-paquetes .wpb_wrapper h1:first-child,
.vc_row.mediccar-paquetes .wpb_wrapper h2:first-child,
.vc_row.mediccar-paquetes .wpb_wrapper h3:first-child,
.vc_row.mediccar-paquetes .wpb_wrapper h4:first-child,
.vc_row.mediccar-paquetes .wpb_wrapper h5:first-child,
.vc_row.mediccar-paquetes .wpb_wrapper p:first-child {
  margin-top: 0 !important;
}

/* 4) Si el primer elemento es una imagen WPBakery, sin separación arriba */
.vc_row.mediccar-paquetes .wpb_wrapper .wpb_single_image:first-child,
.vc_row.mediccar-paquetes .wpb_wrapper .wpb_single_image:first-child .vc_figure,
.vc_row.mediccar-paquetes .wpb_wrapper .wpb_single_image:first-child img {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 5) Algunas páginas dejan un vc_empty_space al inicio: neutralízalo si es primero */
.vc_row.mediccar-paquetes .wpb_wrapper .vc_empty_space:first-child {
  height: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 6) Normaliza padding del contenedor interno (por si una tarjeta tenía más) */
.vc_row.mediccar-paquetes .vc_column-inner {
  padding-top: 22px !important; /* mismo valor que el resto */
}

/* 7) Previene que media/iframes “empujen” hacia abajo por estilos propios */
.vc_row.mediccar-paquetes img,
.vc_row.mediccar-paquetes video,
.vc_row.mediccar-paquetes iframe {
  display: block;
  max-width: 100% !important;
  height: auto;
  margin-top: 0 !important;
}
/* ===== MEDICCAR: 2 filas x 3 columnas (WPBakery) ===== */

/* Cada fila (3 columnas) se comporta como un contenedor flexible */
.vc_row.mediccar-row {
  display: flex !important;
  flex-wrap: nowrap;              /* 3 exactas por fila */
  justify-content: space-between; /* reparte el espacio entre las 3 */
  gap: 1.25rem;                   /* separación visual limpia */
  align-items: stretch;           /* cartas a misma altura */
  margin-bottom: 1.5rem;          /* espacio entre las dos filas */
}

/* Columnas uniformes dentro de la fila */
.vc_row.mediccar-row > .wpb_column,
.vc_row.mediccar-row > .vc_column_container {
  float: none !important; /* quita floats de WPBakery */
  clear: none !important;
  box-sizing: border-box;
  flex: 0 0 calc((100% - 2 * 1.25rem) / 3); /* 3 columnas con gap */
  max-width: calc((100% - 2 * 1.25rem) / 3);
  display: flex;           /* para estirar el interior */
}

/* Tarjeta interior consistente */
.vc_row.mediccar-row .vc_column-inner {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 22px 20px !important;
  background: #fff;
  border: 1px solid #e9eef3;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(13,35,67,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.vc_row.mediccar-row .vc_column-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(13,35,67,.11);
  border-color: #dbe7f3;
}


/* Contenido vertical ordenado y botón al fondo */
.vc_row.mediccar-row .wpb_wrapper {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  width: 100%;
}
.vc_row.mediccar-row .wpb_wrapper > *:last-child { margin-top: auto; }

/* 🔧 El “primer paquete más abajo”: quita márgenes extra del 1er hijo */
.vc_row.mediccar-row .wpb_wrapper > *:first-child { margin-top: 0 !important; }
.vc_row.mediccar-row .wpb_wrapper h1:first-child,
.vc_row.mediccar-row .wpb_wrapper h2:first-child,
.vc_row.mediccar-row .wpb_wrapper h3:first-child,
.vc_row.mediccar-row .wpb_wrapper h4:first-child,
.vc_row.mediccar-row .wpb_wrapper h5:first-child,
.vc_row.mediccar-row .wpb_wrapper p:first-child {
  margin-top: 0 !important;
}
.vc_row.mediccar-row .wpb_wrapper .wpb_single_image:first-child,
.vc_row.mediccar-row .wpb_wrapper .wpb_single_image:first-child .vc_figure,
.vc_row.mediccar-row .wpb_wrapper .wpb_single_image:first-child img {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Si alguien dejó un vc_empty_space al inicio, anúlalo */
.vc_row.mediccar-row .wpb_wrapper .vc_empty_space:first-child {
  height: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Medios responsivos para que nada “empuje” la tarjeta */
.vc_row.mediccar-row img,
.vc_row.mediccar-row video,
.vc_row.mediccar-row iframe {
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  height: auto;
  border-radius: 12px;
}

/* Tipos y listas (opcional, por legibilidad) */
.vc_row.mediccar-row .wpb_wrapper h3,
.vc_row.mediccar-row .wpb_wrapper h4 {
  margin: 0 0 .35rem 0;
  font-weight: 800;
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  line-height: 1.25;
  color: #0b2a4a;
}
.vc_row.mediccar-row .wpb_wrapper h5 {
  margin: 0 0 .6rem 0;
  font-weight: 700;
  font-size: .95rem;
  color: #0f5298;
}
.vc_row.mediccar-row .wpb_wrapper p { color: #3a4d63; font-size: .96rem; line-height: 1.6; }
.vc_row.mediccar-row .wpb_wrapper p strong { color: #0f5298; }
.vc_row.mediccar-row .wpb_wrapper ul { margin: .4rem 0 .9rem 0; padding-left: 1.1rem; }
.vc_row.mediccar-row .wpb_wrapper li { margin: .25rem 0; color: #364a60; font-size: .95rem; }

/* Botón de acción (vc_btn) */
.vc_row.mediccar-row .wpb_wrapper .vc_btn3,
.vc_row.mediccar-row .wpb_wrapper a.vc_general.vc_btn3 {
  align-self: flex-start;
  display: inline-flex;
  gap: .5rem;
  padding: .75rem 1.1rem;
  border-radius: 12px !important;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid #0f5298 !important;
  background: linear-gradient(180deg,#1373d1,#0f5298) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(19,115,209,.22);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.vc_row.mediccar-row .wpb_wrapper .vc_btn3:hover,
.vc_row.mediccar-row .wpb_wrapper a.vc_general.vc_btn3:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(19,115,209,.28);
  opacity: .96;
}

/* Responsive: 1 columna por fila en móvil (opcional) */
@media (max-width: 640px){
  .vc_row.mediccar-row {
    flex-wrap: wrap;
  }
  .vc_row.mediccar-row > .wpb_column,
  .vc_row.mediccar-row > .vc_column_container {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
/* === MEDICCAR: Bordes uniformes en todas las tarjetas === */
.vc_row.mediccar-row .vc_column-inner {
  background: #fff !important;
  border: 1px solid #dcdcdc !important;   /* gris claro uniforme */
  border-radius: 16px !important;
  padding: 22px 20px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Hover igual para todas */
.vc_row.mediccar-row .vc_column-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.16) !important;
  border-color: #c5c5c5 !important;      /* gris parejo al pasar el mouse */
}
.wd-content-layout {
    padding-block: 0px;
}
/* Oculta el botón de WhatsApp solo en la página de producto */
.single-product .whatsapp-button,
.single-product .whatsapp_chat_button,
.single-product .btn-whatsapp,
.single-product a[href*="wa.me"],
.single-product a[href*="whatsapp"] {
  display: none !important;
}
/* ===============================
   MEDICCAR – Estilos elegantes
   Cómo usar:
   - Agrega la clase `mediccar-examen` al contenedor principal.
   - Titulares: añade `mediccar-title`
   - Bloques/secciones: envuélvelos con `mediccar-card`
   - Subtítulos/etiquetas: `mediccar-badge`
   - Listas con check: `mediccar-checklist`
   - Etiquetas tipo píldora: `mediccar-pills`
   =============================== */

.mediccar-examen {
  --mc-primary: #0aa65b;        /* Verde principal */
  --mc-accent:  #1f8fff;        /* Azul acento */
  --mc-ink:     #1c1f23;        /* Texto principal */
  --mc-muted:   #606d7b;        /* Texto secundario */
  --mc-bg:      #f7faf9;        /* Fondo suave */
  --mc-card:    #ffffff;        /* Fondo tarjeta */
  --mc-border:  #e6ece9;        /* Borde suave */
  --mc-shadow:  0 6px 20px rgba(28,31,35,.08);
  --mc-radius:  16px;
  --mc-pad:     20px;
}

.mediccar-examen * { box-sizing: border-box; }

.mediccar-examen {
  background: linear-gradient(180deg, #ffffff 0%, var(--mc-bg) 100%);
  padding: clamp(16px, 3vw, 36px);
  color: var(--mc-ink);
  border-radius: 18px;
}

/* Título principal */
.mediccar-title {
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.1;
  margin: 0 0 14px;
  font-weight: 800;
  letter-spacing: -0.3px;
}
.mediccar-subtitle {
  color: var(--mc-muted);
  font-size: clamp(14px, 1.6vw, 16px);
  margin: 0 0 22px;
}

/* Grid responsive para secciones (opcional) */
.mediccar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

/* Tarjetas/secciones */
.mediccar-card {
  background: var(--mc-card);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  padding: var(--mc-pad);
  box-shadow: var(--mc-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position: relative;
}
.mediccar-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(28,31,35,.12);
  border-color: rgba(10,166,91,.25);
}

/* Encabezados dentro de tarjetas */
.mediccar-card h3,
.mediccar-card h4 {
  margin: 0 0 10px;
  font-weight: 800;
  line-height: 1.2;
}
.mediccar-card h3 {
  font-size: clamp(18px, 2vw, 22px);
}
.mediccar-card h4 {
  font-size: clamp(16px, 1.8vw, 18px);
  color: var(--mc-muted);
}

/* “Badges” para etiquetas como ✅ Requisitos, 🔬 Evaluaciones, etc. */
.mediccar-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .2px;
  background: linear-gradient(90deg, rgba(10,166,91,.12), rgba(31,143,255,.12));
  color: var(--mc-ink);
  border: 1px solid rgba(10,166,91,.2);
}

/* Listas con check */
.mediccar-checklist {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: grid;
  gap: 8px;
}
.mediccar-checklist li {
  position: relative;
  padding-left: 30px;
  color: var(--mc-ink);
  line-height: 1.45;
}
.mediccar-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(1px);
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  font-weight: 900;
  border-radius: 6px;
  background: var(--mc-primary);
  color: #fff;
  box-shadow: 0 2px 8px rgba(10,166,91,.35);
}

/* Lista numerada estilizada (para 1., 2., 3. de Evaluaciones) */
.mediccar-steps {
  counter-reset: step;
  display: grid;
  gap: 14px;
  margin: 14px 0 0;
  padding: 0;
}
.mediccar-steps > li {
  list-style: none;
  border: 1px dashed var(--mc-border);
  border-radius: 12px;
  padding: 14px 14px 14px 50px;
  position: relative;
  background: #fff;
}
.mediccar-steps > li::before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 12px;
  top: 12px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(180deg, var(--mc-primary), #078e4d);
  box-shadow: 0 4px 12px rgba(10,166,91,.35);
}

/* Píldoras para nombre de pruebas (Benton, Dominós, etc.) */
.mediccar-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.mediccar-pill {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid var(--mc-border);
  background: #f8fbff;
  color: #1e3a5f;
}

/* Bloque de aviso/nota final */
.mediccar-note {
  background: linear-gradient(90deg, rgba(31,143,255,.09), rgba(10,166,91,.09));
  border: 1px solid rgba(31,143,255,.22);
  border-radius: 14px;
  padding: 14px 16px;
  color: var(--mc-ink);
  font-weight: 600;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

/* Botón CTA (por si deseas añadir un “Reservar cita”) */
.mediccar-cta {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .3px;
  background: linear-gradient(180deg, var(--mc-primary), #079a53);
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(10,166,91,.35);
  transition: transform .15s ease, box-shadow .15s ease;
}
.mediccar-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(10,166,91,.45);
}

/* Tipografía y espaciado del contenido */
.mediccar-examen p {
  margin: 8px 0 0;
  color: var(--mc-ink);
}
.mediccar-examen .muted {
  color: var(--mc-muted);
}

/* Separadores suaves */
.mediccar-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mc-border), transparent);
  margin: 18px 0;
}

/* Alineación de iconos/emoji con texto (👁👂 etc.) */
.mediccar-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Correcciones típicas de WPBakery (alturas y columnas) */
.wpb_column .mediccar-card { height: 100%; }
.vc_row.mediccar-grid > .wpb_column { display: flex; }
.vc_row.mediccar-grid > .wpb_column > .vc_column-inner { display: flex; width: 100%; }
.vc_row.mediccar-grid > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; width: 100%; }

/* Responsivo fino en móviles */
@media (max-width: 480px) {
  .mediccar-card { padding: 16px; border-radius: 14px; }
  .mediccar-badge { font-size: 12px; }
  .mediccar-cta { width: 100%; text-align: center; }
}
/* Lista numerada estilizada (1., 2., 3., 4.) */
.mediccar-steps {
  counter-reset: step;
  display: grid;
  gap: 14px;
  margin: 14px 0 0;
  padding: 0;
}
.mediccar-steps > li::before { display: none; }




@media (min-width: 1025px) {
	@media (min-width: 1025px)
.whb-general-header .woodmart-logo img {
    max-height: 175px;
}


@media (min-width: 1025px)
.whb-general-header-inner {
    height: 300px;
}
.whb-color-dark:not(.whb-with-bg) {
    background-color: #fff;
}
}