/*
Theme Name:   Angora Child
Theme URI:    https://themeforest.net/item/angora-responsive-one-page-parallax-wordpress-theme/23856395
Description:  Tema hijo para Pronex con la nueva identidad de marca
Author:       Pronex
Author URI:   https://pronex.com.pe
Template:     angora
Version:      1.0.0
Text Domain:  angora-child
*/

/* Brand Tokens */
:root {
  --pronex-primary: #A50034;
  --pronex-secondary: #00B176;
  --pronex-font: 'Archivo', sans-serif;
}

/* Typography Application */
body, 
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
input, select, textarea, button, 
.btn, .navbar, .navbar-nav li a, 
.feature-single h3, .service-single h3, 
.price-title, .portfolio-filters {
  font-family: var(--pronex-font) !important;
}

/* Primary Brand Color (#A50034) - Text */
a,
a:hover, 
a:focus,
h1.colored, .h1.colored, 
h2.colored, .h2.colored, 
h3.colored, .h3.colored, 
h4.colored, .h4.colored, 
h5.colored, .h5.colored, 
h6.colored, .h6.colored,
.icon.colored i,
.video-btn .play-btn:hover i,
.navbar .navbar-collapse:not(.in):not(.collapsing) .navbar-nav > li.dropdown.open > a,
.navbar .navbar-nav > li > .dropdown-menu li.active a,
.feature-single .icon,
.feature-single:hover h3,
section.parallax .feature-single:hover .icon,
.service-single .icon,
.service-single:hover h3,
.price-table:hover .price-title,
.price-table:hover .price-title > h5,
.price-table:hover .price-title .price-rate .currency > i,
.price-table:hover .price-content .price-rate .rate,
.price-btn a,
.btn.btn-link,
.is-style-outline .wp-block-button__link,
.portfolio-filters span:hover,
.portfolio-filters span.active,
.sidebar ul.menu li a:hover, 
.sidebar ul.menu li a:focus,
.sidebar ul.links li a:hover, 
.sidebar ul.links li a:focus,
.recent-post-categories a,
.author-info h3 a,
.author-info h4,
.parallax .blog-about a:hover,
.parallax .about-author a:hover,
.pages-navigation a:hover, 
.pages-navigation a:focus,
.user-comment .details .reply a,
.counter .icon,
.contact-content > .icon,
.contact-content:hover h4,
.post-tags a,
.post-author .description > span > a,
.product-info .add-to-cart-btn a,
.single-product-price h3,
.product-list li .product-summary .remove:hover > i,
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-info:before,
footer a:hover,
.navbar .navbar-nav li a:hover, 
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li.active > a,
.navbar li .sub-menu li:hover > a,
.navbar li .sub-menu li.current-menu-item > a,
.arrows .arrow i:hover,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus,
.more-link,
.wpcf7 form.sent .wpcf7-response-output,
.cart-open .navbar-shopping-bag:hover > i,
.widget ul:not( .fa-ul ) li a:hover, 
.widget ul:not( .fa-ul ) li a:focus {
  color: var(--pronex-primary);
}

/* Primary Brand Color (#A50034) - Backgrounds */
.intro .mouse:hover .wheel,
.price-table.featured .price-title,
.price-btn a:before,
.price-table .price-footer > a:hover,
.blog-home .blog-category,
footer .to-top:hover,
.navbar .navbar-toggle:hover .icon-bar,
.btn.btn-default,
.wp-block-button__link,
.wp-block-search__button,
.portfolio-item .loading,
.progress .progress-bar,
.dropcap.alt,
.highlight,
.sticker.default,
.page-numbers > li > a,
.cart-open .cart-number,
.woocommerce span.onsale,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.btn-primary,
.bg-primary,
input[type="submit"],
.wpcf7-submit,
.btn-custom {
  background-color: var(--pronex-primary) !important;
  color: #ffffff !important;
}

/* Primary Brand Color (#A50034) - Borders */
.btn.btn-default,
.btn-custom,
.wp-block-button__link,
.portfolio-filters span.active,
.portfolio-filters span:hover,
.nav-tabs > li.active > a,
.price-table:hover,
.price-table.featured,
.page-numbers > li > a {
  border-color: var(--pronex-primary) !important;
}

.form-control:focus,
.wp-block-search__input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: var(--pronex-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(165, 0, 52, 0.25) !important;
}

/* Secondary Brand Color (#00B176) - Hover / Accent States */
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn-custom:hover,
.btn-custom:focus,
.btn-primary:hover,
.btn-primary:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.page-numbers > li > a:hover,
.page-numbers > li > a:focus,
.page-numbers > li.active > span {
  background-color: var(--pronex-secondary) !important;
  border-color: var(--pronex-secondary) !important;
  color: #ffffff !important;
}

.btn-secondary,
.bg-secondary {
  background-color: var(--pronex-secondary) !important;
  color: #ffffff !important;
}

/* Logo Protection Area & Display Rules */
.navbar-brand img,
.navbar .navbar-header img,
.site-logo img {
  max-height: 50px;
  width: auto;
  padding: 4px; /* Minimum protection margin derived from symbol size */
  transition: all 0.3s ease;
}

/* Contact Section Button Overrides (White Background, Secondary Green #00B176 Text) */
.container-contacto .btn,
.container-contacto .btn.btn-default,
.container-contacto .btn-custom,
.container-contacto .info-box a.btn {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--pronex-secondary) !important; /* #00B176 */
  border-color: #ffffff !important;
  font-weight: 700;
  transition: all 0.3s ease;
}

.container-contacto .btn:hover,
.container-contacto .btn:focus,
.container-contacto .btn.btn-default:hover,
.container-contacto .btn.btn-default:focus,
.container-contacto .info-box a.btn:hover,
.container-contacto .info-box a.btn:focus {
  background-color: var(--pronex-primary) !important; /* #A50034 */
  border-color: var(--pronex-primary) !important;
  color: #ffffff !important;
}

/*
 * Normalización de pesos de fuente legados (fuera del alcance del Manual de Marca):
 * Se ajustan .price-table .price-rate .rate y .post-title h2 a font-weight: 700 !important
 * para evitar la dependencia de pesos de fuente no cargados (600 / 800) y garantizar consistencia visual con Archivo Bold.
 */
.price-table .price-rate .rate {
  font-weight: 700 !important;
}

.post-title h2 {
  font-weight: 700 !important;
}

/*
 * ==========================================================================
 * Hero 2 Header & Hero Section Redesign Overrides (High Specificity)
 * ==========================================================================
 */

/* 1. Header Container - Semi-Transparent initially, Solid White (#FFFFFF) on Scroll */
html body div.navbar,
body div.navbar,
div.navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  z-index: 9999 !important;
  background-color: rgba(255, 255, 255, 0.49) !important;
  background: rgba(255, 255, 255, 0.49) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.04) !important;
  transition: none !important;
}

html body div.navbar.scrolled,
html body div.navbar.floating,
html body div.navbar.slide-down {
  background-color: #ffffff !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  transition: none !important;
}

/* 2. Logo - Display Red Isologotype on White Header */
html body div.navbar .navbar-brand img.logo-white,
html body div.navbar:not(.floating) .navbar-brand img.logo-white,
html body div.navbar.floating .navbar-brand img.logo-white,
body div.navbar .navbar-brand img.logo-white {
  display: none !important;
}

html body div.navbar .navbar-brand img.logo-dark,
html body div.navbar:not(.floating) .navbar-brand img.logo-dark,
html body div.navbar.floating .navbar-brand img.logo-dark,
body div.navbar .navbar-brand img.logo-dark {
  display: inline-block !important;
  height: auto !important;
  max-height: 48px !important;
}

/* 3. Navigation Links - Archivo Bold 700 in Brand Red (#A50034) */
html body div.navbar .navbar-nav > li > a,
html body div.navbar ul li a,
html body div.navbar.floating a,
html body div.navbar.slide-down a,
html body div.navbar .navbar-collapse.collapse.in .navbar-nav > li a,
html body div.navbar .navbar-collapse.collapsing .navbar-nav > li a {
  color: var(--pronex-primary) !important;
  font-weight: 700 !important;
  font-family: var(--pronex-font) !important;
  font-size: 1.5rem !important;
  text-transform: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

html body div.navbar .navbar-nav > li > a:hover,
html body div.navbar .navbar-nav > li > a:focus,
html body div.navbar .navbar-nav > li.active > a {
  color: var(--pronex-secondary) !important;
  opacity: 1;
  background: transparent !important;
}

/* Submenu dropdown link colors */
html body div.navbar li .sub-menu li a {
  color: #282828 !important;
  font-weight: 500 !important;
}

html body div.navbar li .sub-menu li:hover > a,
html body div.navbar li .sub-menu li.current-menu-item > a {
  color: var(--pronex-primary) !important;
}

/* 4. Social Media Icons - Red Square Buttons with White Icons */
html body div.navbar .navbar-social {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

html body div.navbar .navbar-social a,
html body div.navbar.slide-down .navbar-social a {
  background-color: var(--pronex-primary) !important;
  background: var(--pronex-primary) !important;
  border: 1px solid var(--pronex-primary) !important;
  border-radius: 6px !important;
  width: 3.6rem !important;
  height: 3.6rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
}

html body div.navbar .navbar-social a i,
html body div.navbar .navbar-social a > i,
html body div.navbar.slide-down .navbar-social a > i {
  color: #ffffff !important;
  font-size: 1.8rem !important;
  transition: color 0.3s ease !important;
}

html body div.navbar .navbar-social a:hover,
html body div.navbar.slide-down .navbar-social a:hover {
  background-color: var(--pronex-secondary) !important;
  background: var(--pronex-secondary) !important;
  border-color: var(--pronex-secondary) !important;
  transform: translateY(-2px);
}

html body div.navbar .navbar-social a:hover i,
html body div.navbar .navbar-social a:hover > i,
html body div.navbar.slide-down .navbar-social a:hover > i {
  color: #ffffff !important;
}

/* 5. Language Switcher (ESP/ENG) & Header Right Group - Bold Red Text */
.wpml-ls-flag,
img.wpml-ls-flag,
.wpml-ls-statics-footer,
.wpml-ls-legacy-list-horizontal,
.wpml-ls-slot-footer,
.wpml-ls-sidebars-footer,
html body .wpml-ls-flag,
html body div.navbar .wpml-ls-flag,
html body div.navbar li.wpml-ls-slot-21,
html body div.navbar li.wpml-ls-item,
html body div.navbar li.wpml-ls-menu-item {
  display: none !important;
}

html body div.navbar .header-right-group {
  float: right !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.8rem !important;
  margin-left: 2rem !important;
  padding: 0 !important;
  margin-top: 5px !important;
}

html body div.navbar .header-lang-switcher {
  display: inline-flex !important;
  align-items: center !important;
}

html body div.navbar .header-lang-switcher a {
  color: var(--pronex-primary) !important;
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  letter-spacing: 0.5px;
  line-height: 1 !important;
  transition: color 0.3s ease, opacity 0.3s ease !important;
}

html body div.navbar .header-lang-switcher a:hover {
  color: var(--pronex-secondary) !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Mobile Toggle Hamburger Icon Bars */
html body div.navbar .navbar-toggle .icon-bar {
  background-color: var(--pronex-primary) !important;
}

html body div.navbar .navbar-toggle {
  border-color: var(--pronex-primary) !important;
}






/* 6. Hero Slider Headline Text - Brand Primary Red (#A50034), Archivo 700 */
html body .intro h1,
html body .intro .content h1,
html body .intro .content h1 p,
html body .intro .cd-headline,
html body section.intro h1,
html body .animate.fadeIn.uppercase.cd-headline.clip {
  color: var(--pronex-primary) !important;
  font-weight: 700 !important;
  font-family: var(--pronex-font) !important;
  text-shadow: none !important;
}

/* 7. Footer Social Media Icons Hover State */
html body footer .footer-social a:hover,
html body footer .footer-socials a:hover {
  background-color: var(--pronex-secondary) !important;
  background: var(--pronex-secondary) !important;
  border-color: var(--pronex-secondary) !important;
  transform: translateY(-2px);
}

html body footer .footer-social a:hover i,
html body footer .footer-social a:hover > i,
html body footer .footer-socials a:hover i,
html body footer .footer-socials a:hover > i {
  color: #ffffff !important;
}

/* 8. Products Section Redesign (Square Images, Pink Overlay Band & Bold White Titles) */
html body #productos,
html body #products,
html body .products-grid {
  background-color: #ffffff !important;
}

/* 8.1 Section Title & Subtitle */
html body .section-title h2,
html body #productos .section-title h2,
html body #products .section-title h2 {
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 4rem !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
}

html body .section-title p,
html body #productos .section-title p,
html body #products .section-title p {
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  color: #000000 !important;
  line-height: 1.5 !important;
  max-width: 780px !important;
  margin: 1.5rem auto 3rem auto !important;
  text-align: center !important;
}

/* 8.2 Product Cards: Square Images (No Rounded Corners) */
html body .products-grid .vc_single_image-wrapper img,
html body .products-grid img,
html body .vc_single_image-wrapper img {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

html body .products-grid .vc_figure,
html body .products-grid .wpb_single_image,
html body .products-grid .wpb_wrapper {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

html body .products-grid .vc_figure:hover {
  opacity: 1 !important;
}

html body .products-grid .vc_figure:hover .vc_single_image-wrapper img {
  transform: scale(1.04) !important;
}

/* 8.3 Pink/Red Horizontal Overlay Band with Bold White Title */
html body .wpb_singleimage_heading,
html body .products-grid .wpb_singleimage_heading,
html body .products-grid .vc_figure .wpb_singleimage_heading {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: translateY(-50%) !important;
  background-color: rgba(229, 93, 131, 0.82) !important;
  background: rgba(229, 93, 131, 0.82) !important;
  color: #ffffff !important;
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  padding: 1.2rem 1rem !important;
  margin: 0 !important;
  text-shadow: none !important;
  text-align: center !important;
  z-index: 10 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

/* 9. Contact Banner Redesign & Centered Layout Alignment (#00B176 Background) */
html body .container-contacto,
html body div.container-contacto,
html body section.container-contacto,
html body .vc_custom_1721404687389,
html body .vc_custom_1721359072599 {
  background-color: var(--pronex-secondary) !important;
  background: var(--pronex-secondary) !important;
  padding: 4rem 2rem !important;
}

/* Flexbox Centered Row for Info Box */
html body .container-contacto .info-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  gap: 3.5rem !important;
}

html body .container-contacto .info-box > div {
  float: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;
}

/* Text Container & Heading Font Size Normalization */
html body .container-contacto .info-box .lowercase,
html body .container-contacto h3.lowercase,
html body .container-contacto h3 {
  color: #ffffff !important;
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 3.2rem !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-transform: none !important;
  margin: 0 !important;
}

/* White Button Styling & Flex Position */
html body .container-contacto .btn,
html body .container-contacto .btn.btn-default,
html body .container-contacto .btn-custom,
html body .container-contacto .info-box a.btn {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--pronex-secondary) !important;
  border-color: #ffffff !important;
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  padding: 1.4rem 3rem !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

html body .container-contacto .btn:hover,
html body .container-contacto .btn:focus,
html body .container-contacto .btn.btn-default:hover,
html body .container-contacto .btn-custom:hover,
html body .container-contacto .info-box a.btn:hover {
  background-color: var(--pronex-primary) !important;
  background: var(--pronex-primary) !important;
  color: #ffffff !important;
  border-color: var(--pronex-primary) !important;
}

@media (max-width: 768px) {
  html body .container-contacto .info-box {
    flex-direction: column !important;
    gap: 2rem !important;
  }
  html body .container-contacto .info-box h3.lowercase {
    font-size: 2.6rem !important;
  }
}

/* 10. Redesigned Red Footer & Bottom Bar (Proportional Centered Layout) */
html body footer {
  position: relative !important;
  background-color: var(--pronex-primary) !important;
}

html body footer .footer-widgets {
  background-color: var(--pronex-primary) !important;
  background: var(--pronex-primary) !important;
  padding: 3.5rem 0 !important;
  color: #ffffff !important;
}

html body footer .footer-red-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  gap: 3rem !important;
  width: 100% !important;
}

/* Left: Logo */
html body footer .footer-col-logo {
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: flex-start !important;
}

html body footer .footer-brand-logo {
  max-height: 55px !important;
  width: auto !important;
}

/* Center: Contact Info */
html body footer .footer-col-contact {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.2rem !important;
}

html body footer .footer-col-contact .contact-line {
  color: #ffffff !important;
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* Right: Clean White Icons (No Circles/Borders) */
html body footer .footer-col-socials {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 1.5rem !important;
}

html body footer .footer-col-socials a {
  color: #ffffff !important;
  font-size: 2.2rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.3s ease !important;
}

html body footer .footer-col-socials a i {
  color: #ffffff !important;
  font-size: 2.2rem !important;
}

html body footer .footer-col-socials a:hover {
  opacity: 0.8 !important;
  background: transparent !important;
  transform: none !important;
}


/* Bottom Bar (White Background, Red ESP/ENG) */
html body footer .footer-bottom-bar {
  background-color: #ffffff !important;
  padding: 0.8rem 0 !important;
  text-align: center !important;
  border-top: 1px solid #e5e5e5;
}

html body footer .footer-lang-switcher {
  color: var(--pronex-primary) !important; /* #A50034 */
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
  text-decoration: none !important;
  display: inline-block !important;
  transition: opacity 0.3s ease !important;
}

html body footer .footer-lang-switcher:hover {
  color: var(--pronex-primary) !important;
  opacity: 0.8 !important;
}

@media (max-width: 768px) {
  html body footer .footer-red-row {
    flex-direction: column !important;
    text-align: center !important;
    gap: 3rem !important;
  }
  html body footer .footer-col-logo,
  html body footer .footer-col-contact,
  html body footer .footer-col-socials {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }
}

/* 11. WordPress Admin Bar Offset Compatibility */
@media (min-width: 783px) {
  body.admin-bar div.navbar.fixed,
  body.admin-bar div.navbar.floating {
    top: 32px !important;
  }
}
@media (max-width: 782px) {
  body.admin-bar div.navbar.fixed,
  body.admin-bar div.navbar.floating {
    top: 46px !important;
  }
}

/* 12. Rediseño y Homogeneidad de "Últimas Noticias" (Blog Grid) */
html body #blog-posts,
html body .blog-grid {
  background-color: #ffffff !important;
}

html body .blog-home {
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: 3rem !important;
  align-items: stretch !important;
}

html body .blog-home > div,
html body .blog-home .col-md-4,
html body .blog-home .col-md-3,
html body .blog-home .col-md-6 {
  display: flex !important;
  flex-direction: column !important;
}

html body .blog-home .blog-col {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background-color: transparent !important;
}

html body .blog-home .blog-col > p {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}

html body .blog-home .blog-category {
  display: none !important;
}

/* Encuadre e imágenes homogéneas (misma altura 220px y object-fit cover) */
html body .blog-home img.blog-img,
html body .blog-home .blog-col img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 4px !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

html body .blog-home .blog-col:hover img.blog-img {
  transform: scale(1.03) !important;
}

/* Estructura del contenido y alineación de alturas */
html body .blog-home .blog-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  background-color: transparent !important;
  padding: 1.5rem 0 0 0 !important;
}

html body .blog-home .blog-about {
  color: #777777 !important;
  font-family: var(--pronex-font) !important;
  font-size: 1.3rem !important;
  margin-bottom: 0.8rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

html body .blog-home .blog-about i {
  color: #888888 !important;
  font-size: 1.3rem !important;
}

html body .blog-home .blog-about a {
  color: #555555 !important;
  font-weight: 700 !important;
}

html body .blog-home .blog-text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

html body .blog-home .blog-text h4,
html body .blog-home .blog-text h4 a {
  color: #1a1a1a !important;
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  line-height: 1.35 !important;
  margin: 0 0 1rem 0 !important;
  text-decoration: none !important;
}

html body .blog-home .blog-text h4 a:hover {
  color: var(--pronex-primary) !important;
}

html body .blog-home .blog-text p {
  color: #333333 !important;
  font-family: var(--pronex-font) !important;
  font-size: 1.4rem !important;
  line-height: 1.55 !important;
  margin-bottom: 1.8rem !important;
  flex: 1 1 auto !important;
}

/* Botón "Leer más" (Texto plano sin fondo, alineado al fondo de la tarjeta) */
html body .blog-home a.more-link,
html body .blog-home .blog-text a.more-link,
html body .blog-home .more-link,
html body .blog-home a.btn.more-link {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #E55D83 !important; /* Texto rosa/coral plano de la imagen de referencia */
  font-family: var(--pronex-font) !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  text-transform: none !important;
  text-decoration: none !important;
  margin-top: auto !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

html body .blog-home a.more-link:hover,
html body .blog-home .blog-text a.more-link:hover,
html body .blog-home .more-link:hover {
  background: none !important;
  background-color: transparent !important;
  color: var(--pronex-primary) !important;
  text-decoration: underline !important;
  transform: translateX(3px) !important;
}

/* Certificaciones Grid Alignment & Visual Symmetry */
.certificaciones-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 3rem !important;
  margin-bottom: 5rem !important;
}

.certificaciones-row .vc_column_container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 2rem !important;
}

.certificaciones-row img {
  max-height: 180px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.certificaciones-row img:hover {
  transform: scale(1.04);
}