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

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,234,181);
	--wd-alternative-color: rgb(29,84,174);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

:root{
	--main-color-green:#00eab5;
	--main-color-blue:#1d54ae;
	--main-color-blue-2:#1b2837;
	--main-color-gray:#e5e5e5;
	--main-color-black:#000000;
	--main-color-white:#ffffff;

	--main-padding:50px;
	--main-radius:15px;
	--main-radius-2:5px;
	
	--main-shadow-gray:7px 7px 15px gray;
	--main-shadow-gray-2:3px 3px 10px gray;
	
	--main-text-62: 62px;
  --main-line-62: 65px;
	--main-text-40: 40px;
  --main-line-40: 48px;
  --main-text-32: 32px;
  --main-line-32: 32px;
  --main-text-27: 27px;
  --main-line-27: 27px;
  --main-text-20: 20px;
  --main-line-20: 25px;
  --main-text-18: 20px;
  --main-line-18: 25px;
	
}

/* Menu idiomas */
.lang-item .nav-link-text {
    position: relative;
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--main-color-blue-2);
    font-weight: 600;

    z-index: 1;
}

/* Estado activo */
.lang-item.current_page_item .nav-link-text {
    color: var(--main-color-green) !important;
}

/* Rombo base */
.lang-item .nav-link-text::before {
    content: '';
    position: absolute;
    inset: 0;
    background: transparent;
    border: 1px solid var(--main-color-blue-2); /* 👈 borde para inactivo */
    border-radius: 4px;
    transform: rotate(45deg) scale(0.95); /* ajuste visual */
    transform-origin: center;
    z-index: -1;
}

/* Rombo activo */
.lang-item.current_page_item .nav-link-text::before {
    background: var(--main-color-blue-2);
    border-color: var(--main-color-blue-2);
}

img {pointer-events: none!important;}
	
/* GENERAL */
	.wd-content-layout {padding-block: 0px;}
	.flechas img {max-width: 25px!important;}
	.radius-50 {border-radius: 50px!important;}
	.mb{margin-bottom: 2vw!important;}
	.linea{border-bottom: solid 1px gray!important;}
	.padding-gral>div{padding: var(--main-padding)!important;}
	.padding-lr>div{padding: 0px 50px 0px 50px!important;}
	.padding-lt>div{padding: 50px 0px 50px 50px!important;}
	.letter-spacing{letter-spacing: 1px;}

/* BACKGROUND COLOR */
	.bg-white{background:var(--main-color-white);background-color:var(--main-color-white);}
	.bg-gray{background:var(--main-color-gray);background-color:var(--main-color-gray);}
	.bg-black{background:var(--main-color-black);background-color:var(--main-color-black);}
	.bg-blue{background:var(--main-color-blue);background-color:var(--main-color-blue);}
	.bg-blue-2{background:var(--main-color-blue-2);background-color:var(--main-color-blue-2);}
	.bg-principal{background:var(--main-color-principal);background-color:var(--main-color-principal);}
	
	/* .bg-gradient-home{
		background: #405064; 
		background: radial-gradient(circle at left 0vw,  
			rgba(64, 80, 100, 1) 0%,  
			rgba(64, 80, 100, 1) 80%,  
			rgba(8, 213, 170, 1) 100%);
		} */

	.bg-gradient-home {
		background: radial-gradient(
			circle 800px at 50px 50px,
			#00eab5 0%,
			#1fbca0 22%,
			#2f8f88 38%,
			#405064 65%
		)!important;
	}
		
	/*background: linear-gradient(339deg, rgba(64, 80, 100, 1) 58%, rgba(8, 213, 170, 1) 100%);}*/
	/*
		.bg-gradient-home2{
			background: #08D5AA;
			background: linear-gradient(353deg, rgba(8, 213, 170, 1) 1%, rgba(64, 80, 100, 1) 48%);}
	*/

	.bg-gradient-home2 {
		background: radial-gradient(
			circle 1300px at calc(100% - 50px) calc(100% - 50px),
			#00eab5 0%,
			#1fbca0 22%,
			#2f8f88 38%,
			#405064 65%
		);
	}

/* BORDER RADIUS */
	.radius,.radius>div{border-radius:var(--main-radius)!important;}

/* TEXT COLOR */
	.tx-white,.tx-white>div>p{color:var(--main-color-white)!important}
	.tx-black,.tx-black>div>p{color:var(--main-color-black)!important}
	.tx-green,.tx-green>div>p, .tx-green a{color:var(--main-color-green)!important}
	.tx-blue-2,.tx-blue-2>div>p{color:var(--main-color-blue-2)!important}
	.tx-principal,.tx-red>div>p{color:var(--main-color-principal)!important}
	.tx-gray,.tx-violet>div>p{color:var(--main-color-gray)!important}
	.tx-balance p, .tx-balance span {text-wrap-style: balance;}

/* FONT TEXT */
	.tx-regular{font-weight:400!Important}
	.tx-medium{font-weight:500!Important}
	.tx-bold{font-weight:700!Important}
	.tx-extrabold{font-weight:800!Important}
	.tx-uppercase{text-transform: uppercase;}
	.tx-balance{text-wrap-style: balance;}
	.tx-asap{font-family:'asap'!important}

/* TEXT SIZE */
	.tx-62, .tx-62 > div > p, .tx-62 > span, .tx-62 > div {
			font-size: var(--main-text-62)!important;
			line-height: var(--main-line-62)!important;
	}

	.tx-40, .tx-40 > div > p, .tx-40 > span, .tx-40 > div {
			font-size: var(--main-text-40)!important;
			line-height: var(--main-line-40)!important;
	}

	.tx-32, .tx-32 > div > p, .tx-32 > span, .tx-32 > div {
			font-size: var(--main-text-32)!important;
			line-height: var(--main-line-32)!important;
	}

	.tx-29, .tx-29 > div > p, .tx-29 > span, .tx-29 > div {
			font-size: var(--main-text-29)!important;
			line-height: var(--main-line-29)!important;
	}

	.tx-27, .tx-27 > div > p, .tx-27 > span, .tx-27 > div {
			font-size: var(--main-text-27)!important;
			line-height: var(--main-line-27)!important;
	}

	.tx-20, .tx-20> div > p, .tx-20 > span, .tx-20 > div {
			font-size: var(--main-text-20)!important;
			line-height: var(--main-line-20)!important;
	}

	.tx-18, .tx-18 > div > p, .tx-18 > span, .tx-18 > div {
			font-size: var(--main-text-18)!important;
			line-height: var(--main-line-18)!important;
	}


/* ROTAR BULLETS */ 



/* Base: todos los bullets */
.sr7-bullets.custom > .sr7-bullet{
  transform: rotate(45deg) !important;
  border-radius: 3px !important;
  background-color: transparent !important; 
  background-image: none !important;
}

/* NO seleccionados: “degradé” dentro de cada rombo */
.sr7-bullets.custom > .sr7-bullet:not(.selected){
  background-color: rgba(3, 238, 180, 0.18) !important;
  background-image: linear-gradient(
    135deg,
    rgba(3, 238, 180, 0.15) 0%,
    rgba(3, 238, 180, 0.55) 50%,
    rgba(3, 238, 180, 0.15) 100%
  ) !important;
  opacity: 0.75 !important;
}

/* Seleccionado */
.sr7-bullets.custom > .sr7-bullet.selected{
  background-color: #03eeb4 !important;
  background-image: none !important;
  opacity: 1 !important;
}



/* COLOR ICONOS */

.wd-social-icons.wd-style-default.color-scheme-light, [class*="color-scheme-light"] .wd-social-icons.wd-style-default {
    --wd-social-color: #00eab5!important;
}

/* BORRAR SHOP */

.wd-toolbar.wd-toolbar-label-show {
    display: none !important;
}

/* CARDS */

.card-serv {
    border-radius: var(--main-radius)!important;
    background-color: #687687;
    min-height: min(40vw, 530px)!important;
	  padding: 30px!important;
	  perspective: 1000px;
	  position: relative;
}

.card-serv:hover{background-color: var(--main-color-blue-2);}

.wpb_single_image.wpb_content_element.vc_align_left.serv-img {
    width: 50%;
}

.serv-text {min-height: min(24vw,330px);}
.serv-text-2 {min-height: 9.5em;}

.wpb_single_image.wpb_content_element.vc_align_right.serv-flecha {
    width: 15% !important;
 		justify-self: right;
}

/* Lado 1 */
.card-serv #lado-1{
	opacity: 1;
	transform: rotateY(0deg);
	transition: opacity .4s ease, transform .8s ease;
}

/* Lado 2 */
.card-serv #lado-2{
	opacity: 0;
	visibility: hidden;
	transform: rotateY(180deg);
	transition: opacity .8s ease, transform .8s ease;
}
.card-serv #lado-2 *{height: 0px!important}

/* Hover */
.card-serv:hover #lado-1{
	opacity: 0;
	transform: rotateY(-180deg);
}
.card-serv:hover #lado-1 *{height: 0px!important}

.card-serv:hover #lado-2{
	opacity: 1;
	visibility: visible;
	transform: rotateY(0deg);
}

.card-serv:hover #lado-2 *{height: auto!important}





/* CARROUSEL */

.wpb_images_carousel .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wpb_images_carousel .wpb_heading {
    margin: 0;
    white-space: nowrap;
    font-weight: 600;
}

h2.wpb_heading.wpb_gallery_heading {
    color: white;
    font-size: 20px !important;
    font-weight: 400;
}

/* FORMULARIO DE CONTACTO */

/* Wrapper */
.nt-form {
  width: 100%;
}

/* Grid: 2 columnas desktop, 1 columna mobile */
.nt-form .nt-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 48px;
  align-items: start;
}

/* Que CF7 no meta inline-wrappers raros */
.nt-form .wpcf7-form-control-wrap{
  display: block !important;
  width: 100% !important;
}

/* Full width para "Mensaje" y Acciones */
.nt-form .nt-field--full{
  grid-column: 1 / -1;
}

/* Labels */
.nt-form .nt-label{
  display: block;
  margin: 0 0 0px 0;
  font-weight: 500;
  line-height: 1.2;
}

/* Inputs/textarea: línea inferior */
.nt-form .nt-input,
.nt-form .nt-textarea{
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(255,255,255,.45) !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ajuste textarea */
.nt-form .nt-textarea{
  resize: none;
  min-height: 110px;
}

/* Focus prolijo */
.nt-form .nt-input:focus,
.nt-form .nt-textarea:focus{
  border-bottom-color: rgba(255,255,255,.85) !important;
}

/* Botón centrado */
.nt-form .nt-actions{
  display: flex;
  justify-content: center;
  margin-top: 6px;
}

/* Botón estilo */
.nt-form .nt-btn{
  padding: 12px 54px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  border: 0 !important;
  cursor: pointer;
}

/* COLORES FORMULARIO */

/* .bg-contact{background: #405064;
	background: linear-gradient(153deg, rgba(64, 80, 100, 1) 66%, rgba(255, 255, 255, 1) 95%);} */

.bg-contact {
    background: radial-gradient(circle 1300px at calc(100% - 50px) 50px, #ffffff 0%, #e6e6e6 22%, #bfc6cc 38%, #1b2837 65%);
}

.nt-form {
    padding: 50px;
    background: #2f7d6b;
    /*background: linear-gradient(153deg, rgba(47, 125, 107, 1) 53%, rgba(0, 234, 181, 0) 100%);*/
		border-radius: 40px!important;
		border: 1px solid #00eab5;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.nt-btn {
    background-color: #405064;
}

.nt-actions.nt-field--full {
    justify-content: right;
}

.nt-form input[type="text"],
.nt-form input[type="email"],
.nt-form textarea {
        
  line-height: 24px !important;    
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.nt-form .nt-textarea {
   min-height: 10px;
}

.nt-form textarea,
.nt-form .nt-textarea {
  resize: none !important;
}

.nt-form textarea {
  overflow: hidden !important;
}


.nt-label{
	font-size: var(--main-text-18)!important;
	line-height: var(--main-line-18)!important;
	color: var(--main-color-white)!important;
}


/* PADDING TOP CARDS */

.top-card .vc_column-inner {
    padding-top: 0px !important;
}

/* CONTADOR MAPA */

.woodmart-counter .counter-value {
    color: var(--main-color-green)!important;
}

/* ASOCIADOS LOGOS 

.asociados-logos:hover {
    transform: scale(1.1);
    transition: transform 0.7s ease, background-color 0.3s ease;
}*/

.asociados-logos .wd-gallery-item {
    transition: transform 0.7s ease;
}

.asociados-logos .wd-gallery-item:hover {
    transform: scale(1.2);
    z-index: 5;
}
@media (min-width: 1025px) {
	:root{
	--main-padding:50px;
}

div#quienes-somos {margin-bottom: -2px;}

/* WIDTH TX */

.w-25{width: 25%!important;}
.w-40, .w-40 img{width: 40%!important;}
.w-50, .w-50 img{width: 50%!important;}
.w-60{width: 60%!important;}
.w-70, .w-70 img{width: 70%!important;}
.w-85, .w-85 img{width: 85%!important;}

.img-right div{text-align: -webkit-right;}


/* MARGIN - PADDING */


.margin-tb{margin: 5vw 0vw 0vw 0vw!important;}


/* FLECHAS CARDS */
.img-float {
    position: absolute;
    padding: 0px !important;
    background: transparent !important;
    bottom: 50px;
}

.img-float-2 {
    position: absolute;
    padding: 0px !important;
    background: transparent !important;
}

/* FOOTER */

.img-right{
    justify-self: right;
}

/* IMG CARRUSEL */

.w-asociados {width: 22.333333%!important;}

/*
.carru-img img {
    max-height: 70px;
    aspect-ratio: 2 / 1;
}

.carru-img img {
    max-height: 110px;
    aspect-ratio: 30 / 21 !important;
}  */
}

@media (max-width: 576px) {
	:root{

	--main-text-62: 30px;
  --main-line-62: 35px;
	--main-text-40: 40px;
  --main-line-40: 48px;
  --main-text-32: 32px;
  --main-line-32: 32px;
  --main-text-27: 27px;
  --main-line-27: 27px;
  --main-text-20: 20px;
  --main-line-20: 25px;
  --main-text-18: 20px;
  --main-line-18: 25px;
	
}
/* BULLETS */

sr7-bullets.sr7-bullets.custom.sr7-ndh.sr7-nphc.sr7-npvb {
    margin-bottom: 40px!important;
}

/* WIDTH */

.w-40, .w-40 img{width: 40%!important;}
.w-50-mob, .w-50-mob img{width: 50%!important;}
.w-60-mob, .w-60-mob img{width: 60%!important;}

/* MARGIN */
.margin-lr{margin: 0px 50px 0px 50px!important;}
.margin-top-mob{margin: 50px 0px 0px 0px!important;}

/* CENTER */
.tx-center-mob {justify-items: center!important;}
.img-center-mob {place-self: center;}

/* PADDING CARD */

.vc_row.vc_column-gap-20>.vc_column_container {padding: 20px;}
.serv-text-mob{min-height: 14.5em;}
.serv-text-mob-2{min-height: 14em!important;}

.nt-form .nt-grid{
	grid-template-columns: 1fr;
	gap: 22px;
}
}

