@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ferreiragroup.com.py/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.5") format("woff2");
}

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

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

:root {
	--wd-text-font: "Heebo", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(205,148,82);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(205,148,82);
	--btn-accented-bgcolor-hover: rgb(186,134,74);
	--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-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
 {
	font-family: "Lexend", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.page .wd-page-content {
	background-color: rgb(252,252,252);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--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: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* Fondo blanco en sticky header (funciona en modo clonado y real) */
.whb-sticked .whb-sticky-row,
.whb-sticky-header-active .whb-sticky-row {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Texto e íconos negros en sticky */
.whb-sticked .whb-sticky-row .woodmart-nav-link,
.whb-sticked .whb-sticky-row .menu > li > a,
.whb-sticky-header-active .woodmart-nav-link,
.whb-sticky-header-active .menu > li > a {
    color: #000000 !important;
}

/* Botón visible en sticky (ej. WhatsApp) */
.whb-sticked .whb-sticky-row .btn,
.whb-sticky-header-active .btn {
    background-color: #b48a4b !important;
    color: #fff !important;
}

/* Asegurar que no haya bordes ni transparencias raras */
.whb-sticked .whb-sticky-row.whb-without-border {
    border: none !important;
    background-image: none !important;
}


/* Espaciado general coherente con tarjetas */
.empresas-grid{ margin-top:6px; }



/* Imagen uniforme */
.empresa-logo{ width:100%; height:140px; object-fit:contain; background:#fff; border:1px solid #eef0f2; border-radius:2px; }
.empresa-logo.placeholder{ display:flex; align-items:center; justify-content:center; color:#9aa3af; background:#fafafa; }

/* Botones (usando TU clase existente .emp-btn) */
.emp-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 16px; border-radius:10px; border:1px solid #0E7A57;
  background-color:#0E7A57 !important; color:#fff !important;
  font-size:14px; font-weight:700; text-decoration:none; line-height:1;
  transition: background .12s linear, border-color .12s linear;
}
.emp-btn:hover{ background-color:#0B6045 !important; border-color:#0B6045 !important; }

/* Variante ghost ya definida: asegurar contraste */
.emp-btn.ghost{ background:#fff !important; color:#111827 !important; border:1px solid #e5e7eb; font-weight:600; }




/* Reemplazá 123 por el ID de la página del tótem */
body.page-id-29494 header, 
body.page-id-29494 footer, 
body.page-id-29494 .site-header, 
body.page-id-29494 .site-footer { display: none !important; }
body.page-id-29494 { padding: 0 !important; margin: 0 !important; }


.emp-toolbar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px; margin:10px 0 22px;
}
.emp-chips{display:flex; flex-wrap:wrap; gap:8px;}
.chip{
  display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px;
  background:#f1f5f9; color:#0f172a; font-weight:600; font-size:14px; text-decoration:none;
  transition:background .2s, transform .06s;
}
.chip:hover{ background:#e2e8f0; transform:translateY(-1px); }
.chip.is-active{ background:#0f172a; color:#fff; }

.emp-tools{display:flex; align-items:center; gap:12px; margin-left:auto;}
.emp-search{display:flex; align-items:center; gap:8px;}
.emp-search-input{
  padding:10px 12px; border-radius:12px; border:1px solid #e2e8f0; min-width:260px;
  background:#fff; outline:none;
}
.emp-search-input:focus{ border-color:#94a3b8; box-shadow:0 0 0 3px rgba(148,163,184,.25); }
.emp-search-btn{
  padding:10px 14px; border-radius:12px; border:0; background:#0f172a; color:#fff; font-weight:700; cursor:pointer;
}
.emp-count{ font-weight:700; color:#334155; }

.empresas-grid{
  display:grid; grid-template-columns: repeat( auto-fill, minmax(260px, 1fr) );
  gap:18px;
}
.empresa-card{
  display:flex; flex-direction:column; background:#fff; border-radius:18px;
  box-shadow:0 10px 30px rgba(2,6,23,.06); border:1px solid #eef2f7;
  transition:transform .12s ease, box-shadow .12s ease;
}
.empresa-card:hover{ transform:translateY(-3px); box-shadow:0 14px 38px rgba(2,6,23,.09); }

.empresa-media{ display:grid; place-items:center; height:160px; background:#f8fafc; }
.empresa-logo{ max-height:120px; width:auto; height:auto; }
.empresa-logo.placeholder{ color:#94a3b8; font-weight:700; }

.empresa-body{ padding:16px; }
	.empresa-title{ font-size:18px; margin:0 0 8px; font-weight:800; color:#0f172a; }
	.empresa-badges{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 10px; }
	.empresa-badge{
		display:inline-flex; padding:6px 10px; font-size:12px; border-radius:999px;
		background:#e9f2ff; color:#0b3c7a; font-weight:700; text-decoration:none;
	}
	.empresa-desc{ color:#334155; font-size:14px; line-height:1.45; margin:0 0 14px; min-height:56px; }
	.emp-actions{ padding:12px 16px 16px; margin-top:auto; }
	.emp-btn{
		display:inline-flex; justify-content:center; padding:10px 14px; border-radius:12px;
		font-weight:800; background:#0f172a; color:#fff; text-decoration:none;
	}


/* =========================================================
   🎛️ TOKENS (editá estos valores)
   ========================================================= */
:root{
  /* Colores de tipografía */
  --color-title: #05345E;      /* títulos (empresa) */
  --color-text:  #1e293b;      /* descripción */

  /* Zona del logo */
  --media-bg:    #ffffff;      /* fondo del área de logo */
  --media-radius: 2px;

  /* Rubros (chips del filtro + badges en card) */
  --rubro-bg:        #05345E;  /* activo */
  --rubro-text:      #ffffff;
  --rubro-bg-soft:   #C1CCD7;  /* inactivo (chips) */
  --rubro-bg-hover:  #768FA6;  /* hover chips */

  /* Botón de Visitar */
  --btn-visit-bg:   #488742; !important
  --btn-visit-text: #ffffff;

  /* Botón de Teléfono */
  --btn-tel-bg:     #ffffff;
  --btn-tel-text:   #05345E;
  --btn-tel-border: #488742;

  /* Redondeados (cambiá uno y afectás todo) */
  --radius-pill: 8px; !important        /* chips, badges y botones */
  --radius-card: 18px;         /* cards */
}

/* =========================================================
   🀄 Base tipográfica y colores
   ========================================================= */
.empresas-grid .empresa-title{
  color: var(--color-title);
  text-transform: uppercase;
  letter-spacing: .3px;        /* mejora lectura en all-caps */
}

.empresas-grid .empresa-desc{
  color: var(--color-text);
}

/* =========================================================
   🖼️ Área de logo
   ========================================================= */
.empresa-media{
  background: var(--media-bg);
}
.empresa-media .empresa-logo{
  background: var(--media-bg);
  padding: 2px;
  border-radius: var(--media-radius);
}

/* =========================================================
   🏷️ Chips de filtro (toolbar)
   ========================================================= */
.emp-toolbar .chip{
  background: var(--rubro-bg-soft);
  color: var(--color-title);
  border: 0;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  transition: background .2s ease;
}
.emp-toolbar .chip:hover{
  background: var(--rubro-bg-hover);
}
.emp-toolbar .chip.is-active{
  background: var(--rubro-bg);
  color: var(--rubro-text);
}

/* =========================================================
   🧩 Badges de rubro dentro de la card
   ========================================================= */
.empresas-grid .empresa-badge{
  background: var(--rubro-bg-soft);
  color: var(--color-title);
  padding: 6px 10px;
  font-weight: 700;
  border-radius: var(--radius-pill);
}

/* =========================================================
   🔘 Botones y barra de acciones (misma línea)
   ========================================================= */
.emp-actions{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px 16px;
  margin-top:auto;
  flex-wrap:nowrap;            /* no salta de línea */
}
.emp-actions .emp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius: var(--radius-pill);
}

/* Teléfono */
.emp-actions .emp-btn-tel{
  background: var(--btn-tel-bg);
  color: var(--btn-tel-text);
  border:1px solid var(--btn-tel-border);
  flex:1 1 auto;
  min-width:0;
}
emp-btn emp-btn-visit
/* Visitar */
.emp-actions .emp-btn .emp-btn-visit{
  background: var(--btn-tel-bg); !important
  color: var(--btn-visit-text);
  flex:0 0 auto;
}