@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//grupomarting.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") 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: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", 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: "Lato", 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-primary-color: rgb(235,160,60);
	--wd-alternative-color: rgb(0,0,0);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--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-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;
}
.woodmart-woocommerce-layered-nav .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: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--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);
}
}


:root {
    /* Color */
    --main-color-white: #ffffff;
    --main-color-black: #000000;
    --main-color-yellow: #EBA03C;
		--main-color-grey: #808080;
	  --main-color-grey-2: #f5f5f5;

    /* Main */
    --main-border-radius: 14px;
    --main-shadow-gray: 5px 5px 15px gray;
		--main-shadow-gray-2: 2px 2px 2px gray;

    /* Text Font */
	  --main-text-120: 120px;
    --main-line-120: 124px;
	
    --main-text-64: 64px;
    --main-line-64: 68px;

    --main-text-48: 48px;
    --main-line-48: 52px;

    --main-text-40: 40px;
    --main-line-40: 44px;

    --main-text-36: 36px;
    --main-line-36: 40px;

    --main-text-32: 32px;
    --main-line-32: 36px;

    --main-text-24: 24px;
    --main-line-24: 28px;

    --main-text-20: 20px;
    --main-line-20: 24px;
	
	  --main-text-16: 16px;
    --main-line-16: 20px;
}

.text-center{text-align:center!important}

html {
    scroll-behavior: smooth;
}

.current-menu-item a .nav-link-text:after {
    width: 0 !important; /* Desactiva el subrayado en el botón activo */
    transition: none !important; /* Evita efectos de transición en el elemento activo */
}

/* Mantiene el subrayado en hover */
.wd-nav[class*="wd-style-underline"] > li:hover > a .nav-link-text:after {
    width: 100% !important;
}



/* General */
.wd-content-layout {padding-block: 0px!important;}

/* Text Family */
.tx-lato, .tx-lato > div > p{font-family:'lato'!important}
.tx-extrabold, .tx-extrabold > div > p {font-weight:800!important}
.tx-bold, .tx-bold > div > p {font-weight:600!important}
.tx-regular, .tx-regular > div > p {font-weight:400!important}


/* Text Font */

.tx-120, .tx-120 > div > p, .tx-120 > span, .tx-120 > div, .tx-120 >a {
    font-size: var(--main-text-120) !important;
    line-height: var(--main-line-124) !important;
}

.tx-64, .tx-64 > div > p, .tx-64 > span, .tx-64 > div, .tx-64 >a {
    font-size: var(--main-text-64) !important;
    line-height: var(--main-line-64) !important;
}

.tx-48, .tx-48 > div > p, .tx-48 > span, .tx-48 > div, .tx-64 >a  {
    font-size: var(--main-text-48) !important;
    line-height: var(--main-line-48) !important;
}

.tx-40, .tx-40 > div > p, .tx-40 > span, .tx-40 > div, .tx-64 >a  {
    font-size: var(--main-text-40) !important;
    line-height: var(--main-line-40) !important;
}

.tx-36, .tx-36 > div > p, .tx-36 > span, .tx-36 > div, .tx-64 >a  {
    font-size: var(--main-text-36) !important;
    line-height: var(--main-line-36) !important;
}

.tx-32, .tx-32 > div > p, .tx-32 > span, .tx-32 > div, .tx-64 >a  {
    font-size: var(--main-text-32) !important;
    line-height: var(--main-line-32) !important;
}

.tx-24, .tx-24 > div > p, .tx-24 > span, .tx-24 > div, .tx-64 >a  {
    font-size: var(--main-text-24) !important;
    line-height: var(--main-line-24) !important;
}

.tx-20, .tx-20 > div > p, .tx-20 > span, .tx-20 > div, .tx-64 >a  {
    font-size: var(--main-text-20) !important;
    line-height: var(--main-line-20) !important;
}

.tx-16, .tx-16 > div > p, .tx-16 > span, .tx-16 > div, .tx-64 >a  {
    font-size: var(--main-text-16) !important;
    line-height: var(--main-line-16) !important;
}

/* Border Shadow */
.box-shadow-gray>figure>div>img {
    margin-bottom: 15px !important;
    box-shadow: var(--main-shadow-gray);
}

/* Border Radius*/
.box-radius>figure>div>img {
    border-radius:var(--main-border-radius)!important;
}

/* Border Shadow 2 */
.box-shadow-gray-2>figure>div>img {
    box-shadow: var(--main-shadow-gray-2);
}

/* Botones */
.btn-general{
    border-radius:var(--main-border-radius)!important;
    box-shadow: var(--main-shadow-gray)!important;
    font-size: 19px !important;
		padding: 7px 20px 7px 20px !important;
    text-transform: math-auto!important;
    background: white!important;
}

.btn-general:hover{
    border-radius:var(--main-border-radius)!important;
    box-shadow: var(--main-shadow-gray)!important;
	  background: var(--main-color-yellow)!important;
	  color: var(--main-color-white)!important;
}

/* Text Color */
.tx-white, .tx-white>div>p>a{color: var(--main-color-white)}
.tx-black, .tx-black>div>p>a{color: var(--main-color-black)}
.tx-yellow, .tx-yellow>div>p>a{color: var(--main-color-yellow)}
.tx-grey, .tx-grey>div>p>a{color: var(--main-color-grey)}

/* Background */
.bg-grey{
		background: var(--main-color-grey-2);
}

.bg-grey-shadow{
		background: var(--main-color-grey-2);
    box-shadow: var(--main-shadow-gray)!important;
    margin-bottom: 20px;
}

/* Testimonios */
.div-testimonios>.testimonial-inner {
    background: var(--main-color-grey-2)!important;
	  border-radius: var(--main-border-radius)!important;
    box-shadow: var(--main-shadow-gray)!important;
		margin-bottom: 15px;
}

/* Recuadros */
.recuadro {
    border-radius: var(--main-border-radius);
    box-shadow: var(--main-shadow-gray);
}

/* Mapa */
.recuadro-mapa {
    padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
}

/* Estrellas Testimonial */

div.testimonial-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

div.testimonial-wrapper di<v.testimonial-content {
    order: 1 !important;
}

div.testimonial-wrapper div.testimonial-all-stars {
    order: 2 !important;
}


.underline-yellow {
    text-decoration: underline;
    text-decoration-color: var(--main-color-yellow);
    text-decoration-thickness: 6px; /* Ajusta el grosor del subrayado */
	  text-underline-offset: 8px;
}

/* Estilos para el botón */
/* Cambia el texto a minúsculas y agrega una sombra */
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
    text-transform: none !important; /* Texto en minúsculas */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important; /* Sombra suave */
	  font-size: 25px;
		color: #EBA03C;
		border-radius: 15px;
}


/* Estilos específicos para el contador personalizado */
.mi-contador-personalizado .counter-value {
    color: var(--main-color-yellow) !important; /* Color amarillo */
}

.mi-contador-personalizado .counter-value::before {
    content: "+"; /* Agrega el signo + */
    color: var(--main-color-yellow); /* Color amarillo */
}

.mi-contador-personalizado .counter-label {
    font-weight: 800!important; /* Texto en negrita */
}



/* Stars */

.testimonio-border {
    width: 60%;
    border: 1px solid black;
    opacity: .5;
}

.testimonial-content {
    display: flex;
    flex-direction: column; /* Organiza los elementos en columna */
}

.testimonial-content>footer{
	margin-top:0px!important;
	color: var(--main-color-grey)!important;
	font-weight:400!important;
}

.testimonial-content>p{display:none!important}

.testimonial-rating {
		margin-top: 10px;
    order: 3; /* Lo mueve al final */
}

.testimonio-elena-mobile{
		display: none!important;
}

/* Counter */

.counter-resenas{
    display: flex!important;
    justify-content: center!important;
	  align-items: center!important;
}
.counter-resenas>.counter-label {
    color: var(--main-color-yellow) !important;
	  font-size: var(--main-text-32)!important;
	  line-height: var(--main-line-32)!important;
	  font-weight:600!important;
	  margin-top:0px!important;
	  padding-left:20px!important
}

/* Servicios */

.servicios-banner:hover .banner-inner {
	display: block;
}

.servicios-banner .banner-inner {
  display: none;
}


.servicios-banner {
    border-radius: 15px!important;
}

.servicios-banner h4 {
	  font-family:'lato'!important;
    color: var(--main-color-white)!important;
		font-size: var(--main-text-36) !important;
    line-height: var(--main-line-32) !important;
}

.servicios-banner p {
	  font-family:'lato'!important;
    color: #c4c4c4!important;
		font-size: var(--main-text-20) !important;
    line-height: var(--main-line-20) !important;
		font-weight:400!important;
		margin-top: 30px;
}

.servicios-banner .banner-title {
	  text-align: down;
}

.btn-servicios-banner {
		font-family:'lato'!important;
    background: none !important; /* Quita el fondo */
    border: none; /* Quita cualquier borde */
    color: var(--main-color-white)!important; /* Color del texto (ajústalo según necesites) */
    font-size: var(--main-text-20) !important;
    cursor: pointer; /* Asegura que siga siendo un botón interactivo */
    position: relative; /* Necesario para la línea en hover */
}

.btn-servicios-banner:hover::after {
    content: ""; /* Crea un pseudo-elemento para la línea */
    position: absolute;
    bottom: 0px; /* Ajusta la posición de la línea */
    width: 65%;
    height: 1px!important; /* Grosor de la línea */
    background-color: var(--main-color-white); /* Color de la línea */
		align-items: center;
}

/* Transición servicios */

.servicios-banner-transicion .wrapper-content-banner {
		align-items: end;
}

.servicios-banner-transicion:hover .wrapper-content-banner {
		align-items: center;
		justify-content: center;
}


.servicios-banner-transicion .content-banner {
    transform: translateY(20%);
    opacity: 1; /* Inicia oculto */
    transition: bottom 3s cubic-bezier(0.25, 1, 0.5, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease-out;
}

.servicios-banner-transicion:hover .content-banner {
    bottom: 0; /* Lo subimos a su posición final */
    transform: translateY(0);
    opacity: 1; /* Lo hacemos visible */
}


/* Imagen about us */

.imagen-aboutus.wpb-wrapper {
		padding-right: 15px;
}


/* Formulario de contacto */

.formulario-contacto {
		text-align: left!important;
		margin-top: 150px;
}

.formulario-contacto label {
    font-family: 'Lato' !important;
    font-size: var(--main-text-24) !important;
    font-weight: 800 !important;
    color: var(--main-color-white) !important;
		margin-bottom: -5px;
}

.formulario-contacto input {
    font-family: 'Lato' !important;
    font-size: var(--main-text-20) !important;
    font-weight: 400;
    color: var(--main-color-white);
    border: none;
    border-bottom: 2px solid var(--main-color-white); /* Subrayado en lugar de borde */
    outline: none; /* Quita el borde azul al hacer clic */
    padding: 8px 5px;
    width: 95%; 
    background: none; /* Quita cualquier fondo */
}

.formulario-contacto textarea {
    font-family: 'Lato' !important;
    font-size: var(--main-text-20) !important;
    font-weight: 400 !important;
    color: var(--main-color-white) !important;
    border: none;
    border-bottom: 2px solid var(--main-color-white); /* Subrayado en lugar de borde */
    outline: none; /* Quita el borde azul al hacer clic */
    padding: 8px 5px;
    width: 95%; 
    background: none; /* Quita cualquier fondo */
		margin-bottom: 10px!important;
		min-height: 50px!important;
}



.contactanos .wd-prefooter {
		padding-bottom: 0px!important;
		
}

.wd-prefooter {
		padding-bottom: 0px!important;
}

.label-control-nombre {
}

.label-control-correo {
		margin-top: 45px;
}

.label-control-consulta {
		margin-top: 45px;
}

.form-control-boton {
	  border-radius:var(--main-border-radius)!important;
	  padding: 15px 25px!important;
		width: 50%!important;
    text-transform: math-auto!important;
    background: white!important;
		color: var(--main-color-black)!important;
		font-family:'lato'!important;
		font-weight:800!important;
		margin-top: 45px!important;
}

.form-control-boton:hover {
		border-radius:var(--main-border-radius)!important;
    box-shadow: var(--main-shadow-gray)!important;
	  background: var(--main-color-yellow)!important;
	  color: var(--main-color-white)!important;
}

/* Menù */

#menu-main-navigation .woodmart-nav-link .nav-link-text {
    margin-top: 15px;
    font-size: var(--main-text-16)!important; /* Ajusta el tamaño según lo que necesites */
    font-weight: 400 !important;
    font-family: 'Lato' !important;
    color: var(--main-color-black) !important;
}

.whb-header {
		align-content: left;
}

.wd-header-nav {
    margin-bottom: 10px;
		margin-right: 17px;
}

.site-logo {
	    margin-bottom: 5px;

}

/* Tamaño imagen */

.w-87 img{
	width: 85%;
}

/* Redes Sociales */

.icon-social-compass {
		justify-self: left!important;
    --wd-social-size: 35px!important;
    --wd-social-gap: 15px!important;
    --wd-social-icon-size: 20px!important;
}

.icon-social-compass>a {
    background: var(--main-color-white) !important;
	  color: var(--main-color-black) !important;
		justify-self: left!important;
}


/* BG logo*/
.bg-logo-compass.wd-bg-center-bottom {
    background-position: center bottom -2vw!important;
}

/* Alinear footer */

.alineado-footer-direccion {
    display: flex;
    align-items: left; /* Centra verticalmente */
    justify-content: left; /* Centra horizontalmente */
    text-align: left; /* Mantiene el texto alineado a la izquierda */
}

.alineado-footer-direccion p {
    display: inline-block; /* Permite que el texto respete el ancho natural */
}

.alineado-footer {
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    text-align: left; /* Mantiene el texto alineado a la izquierda */
}

.alineado-footer p {
    display: inline-block; /* Permite que el texto respete el ancho natural */
}

.alineado-footer-nosotros {
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: right; /* Centra horizontalmente */
    text-align: left; /* Mantiene el texto alineado a la izquierda */
}

.alineado-footer-nosotros p {
    display: inline-block; /* Permite que el texto respete el ancho natural */
}

.w-100 figure, .w-100 div, .w-100 img {
    width: 100% !important;
    max-width: 100%;
}

/* PÁGINA DE NOSOTROS */

/* Párrafo principal */

.tx-columns-2 {
		column-count:2;
}

/* PÁGINA DE SERVICIOS */
 
/* Primera imagen y texto */


.tu-clase-del-texto {
    position: relative!important;
    top: 100px!important;
		padding-left: 130px!important!;
}  

/* Prueba de ruta de venta */

.separador-columna {
	  border-left: 5px solid #ccc;
    padding-left: 20px;
}

.separador-ultima-columna {
	  border-left: 5px solid #ccc;
    padding-left: 20px;
}


.el-proposito {
		text-wrap-mode: nowrap;
}



/* .num-derecha {
		width: 100px !important;
    justify-items: left!important;
		padding-left: 25px!important;
} */


/* Contacto */

#bg-servicios {
    background-image: 
        url(https://grupomarting.com/wp-content/uploads/2025/02/IMG-TOP.png), 
        url(https://grupomarting.com/wp-content/uploads/2025/02/IMG-BOTTOM.png);
		background-repeat: no-repeat!important;
    background-size: 95%, 100%;
    background-position: top 5% right, top 87% left; /* Ajusta posiciones */
}



/* Servicios */

.servicios-div:first-child {
		padding-top: 60px!important;
}

.servicios-div:last-child {
		padding-bottom: 60px!important;
		margin-bottom: 150px!important;
}

.servicios-div {
		margin-bottom: 0px!important;
}

.servicios-div:nth-child(odd) {
    width: 50%;
    float: left;
		border-right: 2px solid black;
		margin-right: -1px;
		padding-right: 80px;
		justify-items: right!important;
}

.servicios-div:nth-child(even) {
    width: 50%;
    float: left;
	  border-left: 2px solid black;
  	margin-left: -1px;
		padding-left: 80px;
		padding-top: 35%;
}

.servicios-div-header {
    display: flex;
    gap: 20px;
    align-items: end;
		text-align: start;
}

.servicios-div-body {
    align-items: end;
		text-align: start;
		padding-top: 25px!important;
}

.servicios-div .num-servicios{
    font-family: 'Lato' !important;
		font-size: var(--main-text-120)!important;
		line-height: 125px!important;
		font-weight: 600!important;
}

.servicios-div:nth-child(odd) .num-servicios{
		color:var(--main-color-yellow);
}

.servicios-div:nth-child(even) .num-servicios{
		color:var(--main-color-black);
}

.servicios-div .text-servicios{
	 	font-size: var(--main-text-48)!important;
    font-weight: 600!important;
    font-family: 'Lato' !important;
		line-height: 60px!important;
}

.servicios-div:nth-child(odd) .text-servicios{
    color: var(--main-color-black) !important;
}

.servicios-div:nth-child(even) .text-servicios{
    color: var(--main-color-black) !important;
}

.servicios-div .text-servicios-parrafo{
	 	font-size: var(--main-text-20)!important;
    font-weight: 400!important;
    font-family: 'Lato' !important;
    color: var(--main-color-black) !important;
}


/* imagen 4 background */

.vc_custom_1745532179654::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    z-index: 2;
    pointer-events: none;
}

.vc_custom_1745532179654 {
    position: relative;
}

.vc_custom_1745532179654 > * {
    position: relative;
    z-index: 3;
}

img[title] {
  pointer-events: none;
}

fieldset { display: none; }

.rem-search-3 .search-options.sample-page {
		border-radius: 10px!important;
    box-shadow: var(--main-shadow-gray)!important;
    margin-bottom: 7vw!important;
}

ul#rem-search-tab li.rem-search-tab-item a.rem-search-tab-link {
  background-color: rgb(236, 162, 65) !important;
}

/* Modificaciones propiedades */

.wd-page-title.page-title.page-title-default.title-size-default.title-design-centered.color-scheme-light.title-blog {
    display: none;
}
@media (min-width: 1025px) {
	.desk{display:initial!important}
.mob{display:none!important}

.text-lg-start{text-align:start!important}

.servicios-div:nth-child(even) .text-servicios{
		order:2;
}
}

@media (max-width: 576px) {
	.desk{display:none!important}
.mob{display:initial!important}

/* Text Font */
.tx-64, .tx-64 > div > p, .tx-64 > span, .tx-64 > div {
    font-size: 32px !important;
    line-height: 40px !important;
}

.tx-48, .tx-48 > div > p, .tx-48 > span, .tx-48 > div {
    font-size: 32px !important;
    line-height: 36px !important;
}

.tx-40, .tx-40 > div > p, .tx-40 > span, .tx-40 > div {
    font-size: 28px !important;
    line-height: 32px !important;
}

.tx-36, .tx-36 > div > p, .tx-36 > span, .tx-36 > div {
    font-size: 24px !important;
    line-height: 28px !important;
}

.tx-32, .tx-32 > div > p, .tx-32 > span, .tx-32 > div {
    font-size: 20px !important;
    line-height: 24px !important;
}

.tx-24, .tx-24 > div > p, .tx-24 > span, .tx-24 > div {
    font-size: var(--main-text-24) !important;
    line-height: var(--main-line-24) !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-16, .tx-16 > div > p, .tx-16 > span, .tx-16 > div {
    font-size: var(--main-text-16) !important;
    line-height: var(--main-line-16) !important;
}

/* Bloque conoce paso a paso */
.pasoapaso.vc_custom_1740113942132 {
	margin-top: -25px!important;
	margin-bottom: 30px!important;
}
.pasoapaso.vc_custom_1740113950211 {
	margin-bottom: 30px!important;
}

/* Bloque sobre nosotros */

.about-us-mobile br {
	display: none!important;
	margin-right: 28px!important;
}

.about-us-mobile p {
	margin-right: 28px!important;
}


.contador-mobile.vc_custom_1740114910398 {
	margin-top: 5vw!important;
	margin-right: 5vw!important;
}

.imagen-about-us-mobile.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 97%!important;
}

/* Bloque GIF */

.gif-mobile {
		height: 260px!important;
}

/* Oficinas */

.oficinas-contenedor {
	width: 90%;
}

.oficinas-mobile {
		text-align-last: left!important;
}

.imagen-oficinas-mobile.wpb_single_image img {
    height: auto;
    max-width: 95%;
    vertical-align: top;
}

.texto-oficinas {
		text-align-last: center!important;
}

/* Servicios */

.servicios-banner:hover .banner-inner {
	display: block;
}

.servicios-banner .banner-inner {
  display: none;
}


.servicios-banner {
    border-radius: 15px!important;
}

.servicios-banner h4 {
	  font-family:'lato'!important;
    color: var(--main-color-white)!important;
		font-size: 28px!important;
    line-height: 32px!important;
}

.servicios-banner p {
	  font-family:'lato'!important;
    color: var(--main-color-white)!important;
		font-size: 16px!important;
    line-height: 20px!important;
		font-weight:400!important;
		margin-top: 15px;
}

.servicios-banner .banner-title {
	  text-align: down;
}

.btn-servicios-banner {
		font-family:'lato'!important;
    background: none !important; /* Quita el fondo */
    border: none; /* Quita cualquier borde */
    color: var(--main-color-white)!important; /* Color del texto (ajústalo según necesites) */
    font-size: var(--main-text-20) !important;
    cursor: pointer; /* Asegura que siga siendo un botón interactivo */
    position: relative; /* Necesario para la línea en hover */
}

.btn-servicios-banner:hover::after {
    content: ""; /* Crea un pseudo-elemento para la línea */
    position: absolute;
    bottom: 0px; /* Ajusta la posición de la línea */
    width: 65%;
    height: 1px!important; /* Grosor de la línea */
    background-color: var(--main-color-white); /* Color de la línea */
		align-items: center;
}

/* Botón saber mas */

.btn-general{
    border-radius:var(--main-border-radius)!important;
    box-shadow: var(--main-shadow-gray)!important;
    font-size: 15px !important;
		padding: 4px 15px 4px 15px !important;
    text-transform: math-auto!important;
    background: white!important;
}

.btn-general:hover{
    border-radius:var(--main-border-radius)!important;
    box-shadow: var(--main-shadow-gray)!important;
	  background: var(--main-color-yellow)!important;
	  color: var(--main-color-white)!important;
}

/* Reseñas */
.counter-resenas {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
		margin-bottom: 60px;
}

.testimonial-mobile {
		width: 90%!important;
		justify-self: center!important;
		height: 320px!important;
}

.testimonial-elena .testimonial-inner {
    padding: 18px !important;
}

/* Alineación formulario mobile */

/* Contenedor del formulario, todo centrado */
.formulario-mobile {
    display: flex;
    flex-direction: column;
		text-align-last: center!important;
    align-items: center;
    text-align: center;
    width: 100%;
		margin-top: 0px!important;
		padding-left: 0px!important;
}

/* Estructura del formulario */
.formulario-mobile form {
		justify-self: center;
    width: 90%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Asegura que todo esté centrado */
}

/* Alinear labels al centro */
.formulario-mobile label {
    display: block;
    text-align: center;
    font-weight: bold;
    width: 100%;
    max-width: 400px;
    margin-bottom: 5px;
		margin-top: 50px;
}

/* Centrar los inputs y textarea */
.formulario-mobile input,
.formulario-mobile textarea {
    width: 90%;
    max-width: 400px;
    padding: 10px;
    border: none;
    border-bottom: 2px solid #fff; /* Línea debajo */
    background: transparent;
    color: white;
    font-size: 16px;
    outline: none;
    text-align: center; /* CENTRAR EL TEXTO DENTRO DEL INPUT */
}

/* Estilo cuando el input está en foco */
.formulario-mobile input:focus,
.formulario-mobile textarea:focus {
    border-bottom: 2px solid #007BFF; /* Color al seleccionar */
}

/* Centrar el botón y hacerlo más pequeño */
.formulario-mobile .form-control-boton {
    width: auto;
    max-width: 200px;
    padding: 10px 20px;
    background-color: white;
    color: black;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px; /* Espaciado superior */
}

/* Efecto hover del botón */
.formulario-mobile .form-control-boton:hover {
    background-color: #f0f0f0;
}

/* Footer Mobile */
.footer-mobile {
    text-align: center!important;
		place-content: center;
    padding: 0px !important;
}


/*  ------------- PÁGINA DE NOSOTROS ------------- */

.version-moderna {
	padding-bottom: 3vw;
	padding-top: 3vw;
}

.prensa-mobile {
	justify-self: center;
}


/* ------------- PÁGINA DE SERVICIOS ------------- */

/* Servicios */

.ruta-de-venta {
		margin-bottom: 10px!important;
}

#bg-servicios {
    background-image: 
        url(https://grupomarting.com/wp-content/uploads/2025/02/IMG-TOP.png), 
        url(https://grupomarting.com/wp-content/uploads/2025/02/IMG-BOTTOM.png),
	      url(https://grupomarting.com/wp-content/uploads/2025/02/IMG-TOP.png),
        url(https://grupomarting.com/wp-content/uploads/2025/02/IMG-BOTTOM.png);
		background-repeat: no-repeat!important;
    background-size: 100%, 100%, 100%, 100%;
    background-position: top 5% right, top 35% left, top 69% right, top 90% left;
}

.servicios-div:first-child {
		padding-top: 0px!important;
}

.servicios-div:last-child {
    padding-bottom: 60px !important;
    margin-bottom: 40px !important;
}

.servicios-div-header {
		display:flex ;
	  gap: 20px;
    align-items: end;
		text-align: center;
		justify-content: start;
		padding-bottom: 25px!important;
	  text-align-last: start;
}

.servicios-div .text-servicios{
    font-size: 32px!important;
		line-height: 40px!important;
		font-weight: 600px!important;
}

.servicios-div .num-servicios {
    font-size: 70px!important;
		line-height: 47px!important;
		font-weight: 600px!important;
		margin-bottom: 11px!important;
}

.text-servicios-parrafo {
		font-size: 16px!important;
    font-weight: 400!important;
    font-family: 'Lato' !important;
    color: var(--main-color-black) !important;
}

.servicios-div {
    width: 100%!important;
		border: none!important;
		padding: 25px!important;
		text-align: center!important;
}

}