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

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

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

:root {
	--wd-text-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: 'Arial Black', Gadget, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope3", 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: "Manrope3", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: 'Arial Black', Gadget, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 900;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(37,167,100);
	--wd-alternative-color: rgb(135,135,135);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(37,167,100);
	--btn-accented-bgcolor-hover: rgb(21,109,61);
	--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: url(https://ogpsrl.com.ar/wp-content/uploads/2021/10/alternative-energy-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 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: rgb(37,167,100);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(73,73,73);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--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;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Manrope3";
	src: url("//ogpsrl.com.ar/wp-content/uploads/2021/10/Manrope3-Thin.woff") format("woff2"), 
url("//ogpsrl.com.ar/wp-content/uploads/2021/10/Manrope3-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "Manrope3";
	src: url("//ogpsrl.com.ar/wp-content/uploads/2021/10/Manrope3-Bold.woff2") format("woff2"), 
url("//ogpsrl.com.ar/wp-content/uploads/2021/10/Manrope3-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Manrope3";
	src: url("//ogpsrl.com.ar/wp-content/uploads/2021/10/Manrope3-Regular.woff2") format("woff2"), 
url("//ogpsrl.com.ar/wp-content/uploads/2021/10/Manrope3-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* BOTON TO TOP ajuste*/
.scrollToTop {
    bottom: 100px!important;
}

/*Ajuste Logo Header*/
.wd-logo img {
    padding-top: 5px !important;
    margin-top: 0px !important;
    padding-bottom: 5px !important;
    max-height: 150px !important;
    max-width: 130px !important;
}



/*sombra stick*/
.whb-with-shadow {
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3)!important;
}


/* ===== TABLA DE CAPACIDAD - CSS GLOBAL ===== */

/* --- CONTENEDOR RESPONSIVE --- */
.tabla-responsive {
  display: flex;
  justify-content: center;   /* Centrar horizontalmente */
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* --- ESTILO GENERAL TABLA --- */
.tabla-cargas {
  border-collapse: collapse;
  margin: 0 auto !important;   /* Centrado */
  float: none !important;
  display: table;
  text-align: center;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  width: auto;
}

.tabla-cargas td,
.tabla-cargas th {
  border: 1px solid #ddd;
  padding-top: 3px !important;    /* Compacto */
  padding-bottom: 3px !important; /* Compacto */
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1em !important;
  font-weight: bold !important;   /* Números en negrita */
  font-size: 14px;                /* Tamaño uniforme */
}

/* --- ENCABEZADOS --- */

/* Primera fila (ANCHO + CARGA DE TRABAJO...) */
.tabla-cargas tr:first-child td {
  background-color: #156D3D !important; /* Verde corporativo */
  color: #fff !important;
  font-weight: bold;
  text-align: center;
}

/* Fila de íconos (puede ser la fila 2 o la fila 3 según la tabla) */
.tabla-cargas tr:nth-child(2) img,
.tabla-cargas tr:nth-child(3) img {
  width: 45px !important;
  height: 45px !important;
  display: block;
  margin: auto;
  object-fit: contain;
  filter: brightness(0) invert(1) !important; /* íconos en blanco */
}
.tabla-cargas tr:nth-child(2) td,
.tabla-cargas tr:nth-child(3) td {
  background-color: #156D3D !important; /* fondo verde */
}


/* Encabezados de columnas de datos (MM, DIRECTO, etc.) */
.tabla-cargas tr:nth-child(3) td {
  background-color: #156D3D !important;
  color: #fff !important;
  font-weight: bold;
}

/* --- CUERPO DE LA TABLA --- */

/* Intercalado filas (a partir de fila 4) */
.tabla-cargas tr:nth-child(n+4):nth-child(odd) td {
  background-color: #ffffff !important;
}
.tabla-cargas tr:nth-child(n+4):nth-child(even) td {
  background-color: #f9f9f9 !important;
}

/* --- FILA FINAL (coeficiente de seguridad) --- */
.tabla-cargas tr:last-child td {
  background-color: #444 !important;
  color: #156D3D !important;
  font-weight: bold;
}

/* --- ICONOS --- */

/* Íconos 4 y 5 más grandes */
.tabla-cargas img[src*="icono-lineas-4.svg"],
.tabla-cargas img[src*="icono-lineas-5.svg"] {
  max-width: 80px !important;
}

/* Clase opcional para hacer aún más grandes algunos íconos */
.tabla-cargas img.icono-grande {
  max-width: 70px !important;
  height: auto !important;
}




/* ===== TABLA TPR ===== */

/* Contenedor responsive */
.tabla-tpr-responsive {
  display: flex;
  justify-content: center;   /* Centrar horizontalmente */
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Estilo general */
.tabla-tpr {
  border-collapse: collapse;
  margin: 0 auto !important;   /* Centrado */
  float: none !important;
  display: table;
  text-align: center;
  font-family: Arial, sans-serif!important;
  white-space: nowrap;
  width: auto;
}

.tabla-tpr th, 
.tabla-tpr td {
  border: 1px solid #ddd;
  padding: 6px 10px;
  vertical-align: middle;
  font-weight: bold;
	text-align: center !important;
  vertical-align: middle !important;
}

/* Encabezado verde */
.tabla-tpr thead tr:first-child th,
.tabla-tpr thead tr:nth-child(2) th {
	font-family: Arial, sans-serif!important;
  background-color: #156D3D !important;
  color: #fff !important;
	font-weight: bold !important;   /* Números en negrita */
  font-size: 14px;                /* Tamaño uniforme */
}

/* Columna COLOR */
.tabla-tpr .color-rojo {
  background-color: red !important;
  color: #fff !important;
}
.tabla-tpr .color-azul {
  background-color: #1565c0 !important;
  color: #fff !important;
}
.tabla-tpr .color-naranja {
  background-color: #f57c00 !important;
  color: #fff !important;
}

/* Filas alternadas */
.tabla-tpr tbody tr:nth-child(odd) td {
  background-color: #fff;
}
.tabla-tpr tbody tr:nth-child(even) td {
  background-color: #f9f9f9;
}
/* ===== FIN TABLA TPR ===== */


/* ===========================
   TABLA: ESLINGAS CON ALMA METÁLICA
   =========================== */

.tabla-metalica-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  display:flex;
  justify-content:center;
}

.tabla-metalica{
  border-collapse:collapse;
  margin:0 auto;
  width:auto;               /* que respete contenido */
  font-family:Arial, sans-serif;
  font-size:14px;
  text-align:center;
  white-space:nowrap;
}

/* Bordes y celda base */
.tabla-metalica th,
.tabla-metalica td{
  border: 1px solid #ddd;
  padding-top: 3px !important;    /* Compacto */
  padding-bottom: 3px !important; /* Compacto */
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1em !important;
  font-weight: bold !important;   /* Números en negrita */
  font-size: 14px;                /* Tamaño uniforme */
}

/* ===== Encabezados (3 filas) ===== */
.tabla-metalica thead th{
  background:#156D3D !important; /* VERDE corporativo */
  color:#fff !important;
  font-weight:bold;            /* sutil, como Ojal-Ojal */
  line-height:1.2;
	font-family:Arial, sans-serif!important;
  font-size:14px!important;
	text-transform:capitalize!important;
}

/* Fila de iconos */
.tabla-metalica .tm-icons th{
  padding:10px 8px;
}
.tabla-metalica .tm-icons img{
  display:block;
  margin:0 auto;
  max-height:42px;
  width:auto;
  filter:brightness(0) invert(1); /* iconos blancos sobre verde */
}

/* Columna de diámetro: pequeño tag para claridad */
.tabla-metalica .tm-mm{
  font-weight:bold;
}

/* ===== Intercalado de filas (cuerpo) ===== */
.tabla-metalica tbody tr:nth-child(odd) td{      /* impares = blanco */
  background:#ffffff;
}
.tabla-metalica tbody tr:nth-child(even) td{     /* pares = gris claro */
  background:#f5f5f5;
}

/* No aplicar intercalado a la fila footer */
.tabla-metalica tbody tr.tm-footer td{
  background:#eef0ee !important;
}

/* ===== Footer ===== */
.tabla-metalica .tm-footer td{
  color:#156D3D;
  font-weight:bold;
  padding:10px;
}
.tabla-metalica .tm-footer .tm-left{
  text-align:left;
}
.tabla-metalica .tm-footer .tm-right{
  text-align:right;
}

/* Asegura centrado vertical y horizontal en toda la tabla */
.tabla-metalica th,
.tabla-metalica td{
  text-align:center;
  vertical-align:middle;
}

/* (Opcional) primera columna “sticky” en pantallas anchas
@media (min-width: 1200px){
  .tabla-metalica .tm-sticky-col{
    position:sticky;
    left:0;
    z-index:1;
  }
} */


@media (min-width: 1025px) {
	/*Titulo pagina desktop*/
.wd-page-title .title {
    font-size: 35px!important;
}
}

@media (max-width: 576px) {
	/*Ajuste Logo Header*/
.wd-logo img {
    max-height: 150px !important;
    max-width: 70px !important;
}

/*Ajuste tamaño pagina*/
.wd-page-title .title {
    font-size: 30px!important;
}


/* ===== TABLA DE CAPACIDAD - CSS GLOBAL ===== */

/* --- CONTENEDOR RESPONSIVE --- */
.tabla-responsive {
  justify-content: left!important;   /* cambia alineacion tablar izquierda */
}

/* ===== TABLA ALMA METALICA ===== */

/* --- CONTENEDOR RESPONSIVE --- */
.tabla-metalica-wrap{
  justify-content:left!important;   /* cambia alineacion tablar izquierda */
}
}