/* ***** Banner ***** */
.banner .lqd-highlight-inner,
.banner .lqd-highlight-inner .lqd-highlight-brush-svg {
	height: 0.2em;
}

@media (min-width: 1200px) {
	.banner {
		background-attachment: fixed;
	}
}

@media (max-width: 1199px) {
	.banner {
		padding: 0 0px;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 82px;
	}

	.banner .module-btn-circle {
		padding: 0px 0px 0 0;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 60px 10px 50px 10px;
	}

	.banner .row {
		min-height: 73vh;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 13vw;
	}

	.banner .ld-fancy-heading p {
		font-size: 19px;
		line-height: 1.5em;
	}

	.banner .btn-lg {
		margin-bottom: 10px;
	}

	.banner h6.ld-fh-element {
		margin: 1em 6em 0 0;
	}

	.banner .module-btn-circle {
		font-size: 19px;
		margin-top: -30%;
		padding: 30px 0 0 0;
	}
}

/* ***** Contact ***** */
.contact .module-form {
	padding: 0 0 0 17.5%;
}

@media (max-width: 1199px) {
	.contact {
		padding: 0 35px 30px 35px;
	}

	.contact .module-title {
		padding: 40px 10px;
	}

	.contact .module-form {
		padding: 0 10px 0 0;
	}

	.contact .form-mini {
		padding: 35px;
		margin: 0;
	}
}

@media (max-width: 767px) {
	.contact {
		padding: 70px 10px 0 10px;
	}

	.contact .module-title {
		padding: 0 10px;
	}

	.contact .module-form {
		padding: 0 10px;
	}

	.contact .form-mini {
		margin: 30px 0 0;
		padding: 30px 20px;
	}
}

/* ***** Case Study ***** */
.case-study .iconbox:hover .iconbox-icon-container path {
	fill: #fff;
}

@media (max-width: 1199px) {
	.case-study {
		padding-top: 30px;
		padding-right: 20px;
		padding-bottom: 80px;
		padding-left: 20px;
	}
}

@media (max-width: 767px) {
	.case-study {
		padding: 65px 0;
	}

	.case-study .container-xl .row:first-child {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 575px) {
	.case-study .col-md-12:first-child {
		padding: 5px;
	}
}

/* ***** Thin Fixed BG ***** */
@media (min-width: 1200px) {
	.thin-fixed-bg {
		background-attachment: fixed;
	}
}

@media (max-width: 1199px) {
	.thin-fixed-bg {
		padding: 100px 35px;
	}
}

@media (max-width: 767px) {
	.thin-fixed-bg {
		padding: 100px 10px;
	}

	.thin-fixed-bg .col-md-12,
	.thin-fixed-bg .container-xl {
		padding: 0;
	}

	.thin-fixed-bg .ld-fancy-heading h2 {
		font-size: 11.5vw;
		line-height: 1.5em;
	}
}

/* ***** Clients ***** */
@media (max-width: 1199px) {
	.clients .carousel-items {
		margin-inline-start: -34px;
		margin-inline-end: -34px;
	}

	.clients .carousel-item {
		width: calc(100% / 4);
		padding-inline-start: 34px;
		padding-inline-end: 34px;
	}
}

@media (max-width: 767px) {
	.clients .carousel-items {
		margin-inline-start: -20px;
		margin-inline-end: -20px;
	}

	.clients .carousel-item {
		width: calc(100% / 3);
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}
}

/* ***** Consultation ***** */
.consultation .ld-flipbox-face {
	background-color: var(--lqd-color-secondary);
}

.consultation .ld-flipbox-front .ld-flipbox-inner {
	padding: 200px 30px 15px 30px;
}

.consultation .btn-hover-txt-liquid-y:hover,
.consultation .btn-hover-txt-liquid-y:focus {
	color: #fff;
}

@media (max-width: 1199px) {
	.consultation {
		padding: 70px 35px 30px 35px;
	}
}

@media (max-width: 767px) {
	.consultation {
		padding: 65px 10px;
	}

	.consultation .col-md-12:first-child {
		padding: 0;
	}

	.consultation .ld-flipbox-front .ld-flipbox-inner {
		padding: 40px 0 0 0;
	}
}

/* ***** Has Accordion ***** */
.has-accordion .accordion-title a {
	font-family: "Inter", Sans-serif;
	padding: 1.05em 1.5em 1.05em 1.5em;
}

@media (max-width: 1199px) {
	.has-accordion {
		padding: 20px 35px 0 35px;
	}

	.has-accordion .col-md-12:first-child {
		padding: 10px;
	}

	.has-accordion .accordion {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.has-accordion {
		padding: 0 10px;
	}

	.has-accordion .col-md-12:first-child {
		padding-bottom: 30px;
	}

	.has-accordion .accordion {
		margin-top: 50px;
	}
}

/* ***** What We Do ***** */
@media (max-width: 1199px) {
	.what-we-do {
		padding: 0 35px 0 38px;
	}

	.what-we-do .module-content {
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.what-we-do {
		padding: 0 10px;
	}
}

/* ***** Testimonial ***** */
.testimonial .carousel-nav {
	top: 25px;
}

.testimonial .carousel-nav .flickity-button,
.testimonial .carousel-nav .flickity-button svg {
	fill: #FFFFFF;
	background-color: transparent;
}

.testimonial .carousel-nav .lqd-carousel-slides {
	color: #FFFFFF;
}

.testimonial .lqd-imggrp-single {
	top: -25px;
	left: -100px;
}

.carousel-dots-mobile .flickity-page-dots .dot {
	background-color: #FFFFFF;
}

.carousel-dots-mobile .flickity-page-dots .dot.is-selected {
	background-color: rgba(255, 255, 255, 0.14);
}

@media (max-width: 1199px) {
	.testimonial {
		padding: 70px 35px;
	}
}

@media (max-width: 767px) {
	.testimonial {
		padding: 70px 20px;
	}
}

@media (max-width: 1199px) {
	.blog {
		padding: 70px 35px 0 35px;
	}
}

@media (max-width: 567px) {
	.blog {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* ***** Footer ***** */
/* Module Top */
@media (max-width: 1199px) {
	.main-footer .module-top {
		padding: 50px 35px 0 35px;
	}

	.main-footer .module-bottom {
		padding: 20px 35px;
	}
}

@media (max-width: 767px) {
	.main-footer .module-top {
		padding: 20px 10px 0 10px;
	}

	.main-footer .module-top .module-contact {
		margin: 0;
	}

	.main-footer .module-list .mb-10:last-child {
		margin-bottom: 0;
	}

	.main-footer .module-bottom {
		padding: 10px;
	}
}


@media (max-width: 768px) {
    .text-70 {
        font-size: 45px; /* Tamaño de texto para dispositivos móviles */
		  line-height: 1.3 !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /* Estilos para iPads */
    .text-70 {
        font-size: 60px; /* Tamaño de texto para iPads */
        line-height: 1.3; /* Interlineado para iPads */
    }
}


.circulo {
    height: 75px;
    width: 75px;
}

/* Clase para dispositivos móviles */
@media (max-width: 767px) {
    .circulo {
        height: 50px; /* Ajustar altura para móviles */
        width: 50px; /* Ajustar ancho para móviles */
		border-width: 2px !important;
		margin-left: 5px;
    }
}

/* Clase para iPads */
@media (min-width: 768px) and (max-width: 1024px) {
    .circulo {
        height: 75px; /* Ajustar altura para iPads */
        width: 75px; /* Ajustar ancho para iPads */
    }
}


/* Clase base */
.margin-top-50 {
    margin-top: 70px; /* Margen superior predeterminado */
}

/* Clase para iPads */
@media (min-width: 768px) and (max-width: 1024px) {
    .margin-top-50 {
        margin-top: 40px; /* Reducir el margen para iPads */
    }
}

/* Clase para móviles */
@media (max-width: 767px) {
    .margin-top-50 {
        margin-top: 30px; /* Reducir aún más el margen para móviles */
    }
}



.borde-a6192e {
    border: 2px solid #AC162C;
}

.borde-blanco {
    border: 2px solid #ffffff;
}


.rojo {
    color: #AC162C;
}


.fondo-rojo {
    background-color: #AC162C;
}


/* Aplicar estilos solo al botón específico con el ID 'mi-boton' */
#mi-boton:hover {
    background-color: #ffffff !important;
}


#mi-boton2:hover {
    background-color: #ffffff !important;
}


.margenes {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}


/* Estilos para iPads */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .margenes {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Estilos para iPhones */
@media only screen and (max-device-width: 480px) {
    .margenes {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}




.iconbox-icon-wrap img {
    transition: transform 0.3s ease; /* Agrega una transición suave */
}

.iconbox-icon-wrap img:hover {
    transform: scale(1.1); /* Ajusta el factor de escala según tu preferencia */
}

.iconbox-icon-wrap img:not(:hover) {
    transform: scale(1); /* Vuelve al tamaño original cuando no está en hover */
}

@media screen and (max-width: 768px) {
    .iconbox-icon-container {
       
		 margin-left: 5px !important; 
    }
}

.interlineado {
    line-height: 1.65;
}
/* ***** Contact ***** */
.contact .lqd-contact-form {
	--inputs-margin: 0 0 25px 0;
	--input-margin-bottom: 25px;
}

.lqd-contact-form select:focus,
.lqd-contact-form input:focus,
.lqd-contact-form textarea:focus,
.lqd-contact-form .ui-button.ui-selectmenu-button:focus {
	outline: none;
	border-color: #000000;
	color: #000000;
}

.contact input[type=submit] {
	height: 40px;
	border: 2px solid;
}

@media (max-width: 1199px) {
	.contact {
		padding-inline-end: 20px;
		padding-inline-start: 20px;
	}
}

@media (max-width: 767px) {
	.contact .module-content {
		margin-bottom: 30px;
	}
}





/* Estilos para el select */
.flecha {
    /* Ajusta los estilos del select según sea necesario */
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8" fill="none" stroke="%23333" stroke-width="1"><path d="M1 3l3 3 3-3"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    /* Oculta la flecha de selección nativa */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Ajusta el tamaño de la flecha */
    background-size: 3% auto; /* 10% del ancho del contenedor */
    /* Ajusta el color de fondo para que sea transparente */
    background-color: transparent;
}

/* Estilos para la flecha */
.flecha::-ms-expand {
    display: none;
}



.straight-border-bottom {
   
    border-radius: 0; /* Eliminar cualquier redondeo en los extremos */
	border-bottom-width: 1px !important;
}


.clase-margen-left {
    margin-left: 100px;
}

/* Para tabletas y teléfonos */
@media only screen and (max-width: 1024px) {
    .clase-margen-left {
        margin-left: 50px; /* Elimina el margen en tabletas */
    }
}

/* Para teléfonos */
@media only screen and (max-width: 768px) {
    .clase-margen-left {
        margin-left: 0; /* Elimina el margen en teléfonos */
    }
}

.boton-form-rojo {
    border: 1px solid red; /* Borde rojo */
    color: red; /* Texto rojo */
    background-color: transparent; /* Fondo transparente */
    transition: background-color 0.3s, color 0.3s; /* Transición suave */
}

.boton-form-rojo:hover {
    background-color: red; /* Fondo rojo al pasar el mouse */
    color: white; /* Texto blanco al pasar el mouse */
}


.module-contact .row.items-start {
    display: flex;
    justify-content: flex-end;
}

.align-right {
    justify-content: flex-end;
}


.boton-rojo {
    background-color: #b0000;
    color: white;
    border: 2px solid transparent;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: border-color 0.3s, color 0.3s;
  }
 .boton-rojo:hover {
    background-color: white;
    border-color: #b0000;
    color: #b0000;
  }


.bg-rojo {
    background-color: red;
}

.text-blanco {
    color: white;
}

.text-rojo {
    color:  #b00000;
}



.text-gris {
    color:  #6b6b6b;
}


.hover:text-rojo:hover {
    color: red;
}


/* Establece el color blanco para la flecha por defecto */
/* Establece el color blanco para la flecha por defecto */
.module-btn a.btn .btn-icon i {
    color: white; /* Cambia el color de la flecha a blanco */
}

/* Cambia el color del texto y agrega un borde rojo en el hover */
.module-btn a.btn:hover {
    color: #b00000; /* Cambia el color del texto a #b00000 */
    border: 2px solid #b00000; /* Agrega un borde #b00000 al botón */
}

/* Cambia el color de la flecha a #b00000 en el hover */
.module-btn a.btn:hover .btn-icon i {
    color: #b00000; /* Cambia el color de la flecha a #b00000 */
}

/* Cambia el color de la flecha a rojo en el hover */
.module-btn a.btn:hover .btn-icon i {
    color: #b00000; /* Cambia el color de la flecha a rojo */
}



.btn-xx {
    --btn-pt: 1.0em;
    --btn-pe: 3.0em;
    --btn-pb: 1.0em;
    --btn-ps: 3.0em;
}




.linea-roja {
    height: 2px; /* Altura de la línea */
    background-color: #b00000; /* Color rojo */
    width: 100%; /* Ocupa todo el ancho del contenedor */
}

.txt-resaltado {
   font-weight: 600 !important; 
}



/* Estilos generales */
.margen-sup {
  /* Estilos generales aquí */
}

/* Estilos específicos para iPad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .margen-sup {
    margin-top: 40px; /* Ajusta el valor según tus necesidades */
  }
}

/* Estilos específicos para iPhone */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  .margen-sup {
    margin-top: 40px; /* Ajusta el valor según tus necesidades */
  }
}


/* ***** Features ***** */
.features .lqd-iconbox-scale:hover {
	transform: scale(1.1);
	background-color: #fff;
	box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%);
}

.features .iconbox-side .iconbox-icon-wrap {
	margin-inline-end: 24px;
}

.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
	opacity: 1;
	transform: translateX(.5em);
}

.features .iconbox h3 {
	margin: 0 0 20px;
}

@media (max-width: 1199px) {
	.features {
		padding: 100px 20px;
	}

	.features .lqd-iconbox-scale {
		margin: 0 0 20px 0;
	}

	.features .col-12:first-child .d-flex {
		margin: 0 0 30px 20px;
	}
}

@media (max-width: 767px) {
	.features {
		padding: 40px 0;
	}

	.features .lqd-iconbox-scale {
		margin: 0 0 20px;
	}
}


/* ***** Payments ***** */
.payments .iconbox:last-child .iconbox-icon-wrap:before {
	height: 0;
}

.payments .module-icon-1 {
	left: -7px;
}

.payments .module-icon-2 {
	left: 229px;
}

.payments .module-icon-3 {
	left: 36px;
}

.payments .module-icon-4 {
	left: 411px;
}

.payments .module-icon-5 {
	left: 180px;
}

.payments .module-icon-6 {
	left: 351px;
}

.payments .lqd-imggrp-single[data-float] {
	--float-animate-from: 0;
	--float-animate-to: 1%;
	--float-animation-ease: ease-in-out;
}

.payments .iconbox-circle:hover .iconbox-icon-container {
	color: #F2FDFF;
	background-color: #b00000;
}

@media (max-width: 1199px) {
	.payments {
		padding: 50px 40px;
	}
}

@media (max-width: 767px) {
	.payments {
		padding: 40px 20px;
	}
}

.bg-blue-100 {
    background-color: transparent;
border: 1px solid #AC162C; /* Cambia el grosor según necesites */}


.bg-blanco-100 {

    background-color: rgba(255, 255, 255, 0.3); /* Blanco con 50% de opacidad */
}


.bg-blue-200 {
    background-color: #AC162C;
border: 1px solid #AC162C; /* Cambia el grosor según necesites */}


text-blue-300 {
    color: #ffffff;
}

.font-extrabold {
    font-weight: 1000;
}




.nav-link-wrapper {
    position: relative; /* Ajusta el posicionamiento del contenedor del enlace */
    display: inline-block;
    padding-top: 40px;
}

.nav-link-wrapper::before,
.nav-link-wrapper::after {
    content: ''; /* Necesario para que aparezcan los pseudo-elementos */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 16px);
    height: 100%;
    border: 2px solid white;
    border-radius: 10px;
    box-sizing: border-box;
    z-index: -1; /* Coloca los bordes detrás del contenido del enlace */
}

.nav-link-wrapper::before {
    left: -8px;
}

.nav-link-wrapper::after {
    
right: -8px;
}




.custom-inline-flex {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    width: auto;
    /* Ajusta otros estilos según necesites */
}

.custom-link {
    text-decoration: none;
    color: white;
    transition: color 0.3s ease;
    /* Otros estilos del enlace si es necesario */
}

.custom-border {
    display: inline-block;
    padding: 3px 20px; /* Ajusta el padding según necesites */
    border: 2px solid ;
    border-radius: 20px;
    transition: border-color 0.3s ease;
}

.custom-border:hover {
    border-color: #ffffff; /* Color del borde al pasar el ratón */
}


.titulos-grosor{
font-weight: 700 !important;
}

.subtitulos-grosor{
font-weight: 500 !important;
}


a.mi-boton {
    display: inline-block;
    padding: 10px 20px;
    background-color: white; /* Fondo blanco por defecto */
    color: #b00000; /* Texto rojo por defecto */
    text-decoration: none;
    border: 2px solid transparent; /* Borde transparente por defecto */
    border-radius: 50px; /* Borde redondeado */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

a.mi-boton:hover {
    background-color: #b00000 !important; /* Fondo transparente al hacer hover */
    border-color: white; /* Cambia el color del borde a blanco al hacer hover */
    color: white; /* Texto blanco al hacer hover */
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Espacio mínimo entre los elementos */
}

.half-width {
    width: calc(50% - 10px); /* Ajustar el ancho para incluir el gap */
}

.lqd-cf-form-control {
    box-sizing: border-box;
    width: 100%;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
}

input[type="submit"] {
    display: block;
    width: 100%;
    text-align: center;
}


.mi-submit-button {
    padding: 0.75em 2em; /* Ajusta el padding según sea necesario */
    background-color: #b00000; /* Fondo rojo por defecto */
    color: white; /* Texto blanco por defecto */
    border: 2px solid #b00000; /* Borde rojo por defecto */
    border-radius: 50px; /* Borde redondeado */
    font-size: 14px; /* Tamaño de fuente */
    font-weight: bold; /* Negrita */
    letter-spacing: 1px; /* Espaciado entre letras */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.mi-submit-button:hover {
    background-color: transparent; /* Fondo transparente al hacer hover */
    color: #b00000; /* Texto rojo al hacer hover */
    border-color: #b00000; /* Borde rojo al hacer hover */
}


/* Aplica un line-height más pequeño al texto */
.texto-reducido {
    line-height: 1.2 !important; /* Ajusta este valor según tus necesidades */
	text-align: right !important;
}


ul.social-iconos {
    list-style-type: none;
    padding: 0;
    margin: 0;
	text-align: right;
	margin-bottom: 25px;
}

ul.social-iconos li {
    display: inline-block; /* Alinea los íconos horizontalmente */
    margin-right: 10px; /* Espacio entre íconos */
}

ul.social-iconos li img {
    width: 24px; /* Ajusta el tamaño según tus necesidades */
    height: auto; /* Mantiene la proporción */
}



.bandera {
   
    width: 50px; /* Ajusta el tamaño de la bandera según sea necesario */
 justify-content: flex-end !important;
}


.modulo-contact {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important; /* Alinea todo el contenido hacia la derecha */
    margin-bottom: 10px;
	text-align: right;
}
.bandera.modulo-contact {
    margin-left: auto; /* Empuja la bandera hacia la derecha */
}



/* Estilos generales para todos los dispositivos */
.margen-mobile {
    /* Estilos comunes */
}

/* Media query para dispositivos móviles */
@media (max-width: 767px) {
    .margen-mobile {
        margin-top: 40px; /* Ajusta el valor según tus necesidades */
    }
}

@media only screen and (max-width: 768px) {
  .desktop-only {
    display: none;
  }
}

.colornirea  {
 color: #AC162C;
}


.interlineado-normal  {
line-height: normal;

}

.redondeado {
   
    border-radius: 40px; /* Radio de curvatura de 15px en todas las esquinas */
}


.izq-aligned {
    text-align: left !important;
}

/* Estilo específico para dispositivos móviles */
@media (max-width: 767px) {
    .titulo-ajustado {
        font-size: 34px; /* Tamaño de fuente reducido para pantallas pequeñas */
    }
}


/* Estilo específico para dispositivos de escritorio */
.margen90 {
    margin-top: 90px;
	margin-bottom: 90px;/* Margen superior de 90px para pantallas grandes */
}

/* Estilo específico para dispositivos móviles */
@media (max-width: 767px) {
    .margen90 {
        margin-top: 0px; 
		 margin-bottom: 0px;/* Eliminar margen superior para pantallas pequeñas */
    }
}


@media (max-width: 767px) {
    .margen-sup-movil, .accordion-movil {
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* CSS para ocultar el elemento en dispositivos móviles */
@media (max-width: 767px) {
    .col.col-1 {
        display: none;
    }
}



/* Clase con margen inferior de 2em */
.mb-2em-no-mobile {
    margin-bottom: 2em;
}

/* Desactivar el margen inferior en dispositivos móviles */
@media (max-width: 767px) {
    .mb-2em-no-mobile {
        margin-bottom: 0;
    }
}

/* Clase con margen derecho de 40px */
.mr-20-mobile {
    margin-right: 40px;
}

/* Desactivar el margen y aplicar 20px en dispositivos móviles */
@media (max-width: 767px) {
    .mr-20-mobile {
        margin-right: 20px;
    }
}




.logos-img {
    width: auto; /* Mantiene la proporción */
    height: 50px; /* Ajusta a la altura deseada */
}



.logos-img2 {
    width: auto; /* Mantiene la proporción */
    height: 60px; /* Ajusta a la altura deseada */
}




/* Clase con margen derecho de 40px */
.mr-50-mobile {
    margin-top: 50px;
	margin-bottom: 50px;
}

/* Desactivar el margen y aplicar 20px en dispositivos móviles */
@media (max-width: 767px) {
    .mr-50-mobile {
        margin-top: 0px;
		margin-bottom: 0px;
    }
}


.rounded-button {
    display: inline-block;
    padding: 10px 20px; /* Ajusta el padding según sea necesario */
    border: 2px solid #FFFFFF; /* Borde blanco */
    border-radius: 50px; /* Hace el botón bien redondeado */
    background-color: transparent; /* Sin relleno */
    color: #FFFFFF; /* Texto blanco */
    text-align: center;
    text-decoration: none;
    font-size: 16px; /* Tamaño del texto */
    transition: background-color 0.3s, color 0.3s; /* Transición suave para el hover */
}

.rounded-button:hover {
    background-color: #FFFFFF; /* Relleno blanco al hacer hover */
    color: #AC162C; /* Color del texto al hacer hover */
}

/* Ajuste de altura */
.rounded-button.small {
    height: 30px; /* Altura para un botón pequeño */
}

.rounded-button.medium {
    height: 40px; /* Altura para un botón mediano */
}

.rounded-button.large {
    height: 50px; /* Altura para un botón grande */
}


.rounded-button2 {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid transparent;
    border-radius: 50px;
    background-color: #AC162C;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.rounded-button2:hover {
    background-color: #FFFFFF;
    color: #AC162C;
    border-color: #AC162C;
}

.rounded-button2.medium {
    height: 40px; /* Ajuste de altura */
}

.negrita {
	font-weight: 600;
}

.br-desktop {
      display: none; /* Por defecto, no se muestra */
    }

    /* Media query para pantallas de escritorio */
    @media (min-width: 768px) {
      .br-desktop {
        display: inline; /* Mostrar como inline en pantallas de al menos 768px de ancho */
      }
    }



    .margen-bottom-mobile {
      margin-bottom: 0; /* Por defecto, sin margen inferior */
    }

    /* Media query para dispositivos móviles */
    @media (max-width: 767px) {
      .margen-bottom-mobile {
        margin-bottom: 50px; /* Ajusta el valor según tus necesidades */
      }
    }


   .margen-top-mobile {
      margin-top: 0; /* Por defecto, sin margen inferior */
    }

    /* Media query para dispositivos móviles */
    @media (max-width: 767px) {
      .margen-top-mobile {
        margin-top: 50px; /* Ajusta el valor según tus necesidades */
      }
    }


.fondo-gris {
    background-color: #EDEDED;
    padding: 20px; /* Ajusta el padding según lo necesites */
}


.icon-svg {
    width: 50px; /* Ajusta según lo necesario */
    height: 50px; /* Ajusta según lo necesario */
}


.valores {
    font-size: 58px; /* Tamaño para escritorio */
}

@media (max-width: 768px) {
    .valores {
        font-size: 45px; /* Tamaño para dispositivos móviles */
    }
}


@media (max-width: 768px) {
    .col-6.nueva {
        flex: 0 0 auto;
        width: 100%;
    }
}


@media (max-width: 767px) {
    .margen-left-mobile {
        margin-left: 20px !important; /* Uso de !important si es necesario */
    }
}


.active-link {
    color: #AC162C; /* Cambia el color según tus necesidades */
}




/* Nueva clase para el contenedor del texto y el botón */
.banner-content1 {
    display: flex;
    flex-direction: column; /* Asegura que los elementos se apilen verticalmente */
    align-items: flex-start; /* Ajusta el alineamiento a la izquierda, cambiar si necesario */
}

/* Nueva clase para el botón */
.btn-below-text {
    display: block; /* Hace que el botón ocupe toda la línea disponible */
    margin-top: 20px; /* Ajusta el espaciado entre el texto y el botón si es necesario */
}