/* by Mich - fuentes en CLAMP para escalar mejor, depende del VIEWPORT3 */
/* Aca se reescriben los estilos para reemplazar los predeterminados por Bootstrap */
/* Fonts */

body { background-color: #fff; }

/* nav */
nav { font-family: Lato, sans-serif; background-color: #fff; }

/* O si estas apuntando a clases especificas de Bootstrap, como por ejemplo: */
.navbar, .nav-link { /* O un selector mas especifico si lo necesitas */
	font-family: Lato, sans-serif;
	color: #595959;
	background-color: #fff;
}

/* Para un nav-link activo */
.nav-link.active { /* O un selector mas especifico si lo necesitas */
	color: #e10707;
	/* Opcional: otros estilos como fondo, negrita, etc. */
	/* background-color: #f0f0f0; */ /* Fondo gris claro */
	/* font-weight: bold; */
}

/* Si tu navegacion es un navbar-nav */
.navbar-nav .nav-link.active { color: #e10707; }

/* hover */
/* Para un nav-link general al hacer hover */
.nav-link:hover {	color: #e10707; }

/* Si tu navegacion es un navbar-nav, se mas especifico */
.navbar-nav .nav-link:hover {
	color: #e10707; /* Un azul diferente para la navbar */
}
/* /nav */

/* Corrige el Bug de Apple que el modo oscuro pisa todos los estilos forzando a mostrar el borde negro */
.img-thumbnail {
	/* border: none !important; box-shadow: none !important;	outline: none !important; */
	background-color: transparent !important; /* Lo mas importante para que Apple no ponga el borde cuando esta en modo .dark */
}

.fs-custom-7 { font-size: .7rem; }

.custom-my-red-800 {
	color: #7b0000;
}

.text-titulo {
	color: #262626;
	font-weight: 900;
	letter-spacing: 0;
	line-height: normal;
}

.custom-my-red {
	color: #ed1c24;
}

.text-tit-preguntas, .text-sub-tit-ramos {
	color: #7b0000;
	font-weight: 800;
	line-height: normal;
}

.contadores {
	font-family: Lato, sans-serif;
	font-size: 3.75rem;
	font-weight: 700;
	line-height: normal;
}

.contador-subt {
	font-size: 14px; /*  0.875rem; */
	color: #333333
}

.nosotrosfrase, .preguntasfrase {
	background-color: red;
	background-image: -webkit-gradient(linear, left top, right top, from(#ed1c24), to(#7b0000));
	background-image: -webkit-linear-gradient(left, #ed1c24, #7b0000);
	background-image: -moz-linear-gradient(left, #ed1c24, #7b0000);
	background-image: -o-linear-gradient(left, #ed1c24, #7b0000);
	background-image: linear-gradient(to right, #ed1c24, #7b0000);
}

/* botones Nav*/
.btn-custom-lg { /* Boton grande */
	font-family: Lato, sans-serif;
	font-weight: 700;
	letter-spacing: 0px;
	padding-left: 1.8rem; padding-right: 1.8rem;
}

.btn-custom-fluid {
	font-family: Lato, sans-serif;
	font-weight: 700;
	/* Font-size: Minimo 0.875rem, fluido entre 0.75rem + 1vw, Maximo 1.5rem */
	font-size: clamp(0.75rem, 0.75rem + 1vw, 0.875rem);
	/* Padding horizontal: Minimo 0.5rem, fluido entre 0.4rem + 0.5vw, Maximo 1.25rem */
	padding-left:  clamp(0.5rem, 0.129rem + 1.857vw, 1.8rem);
	padding-right: clamp(0.5rem, 0.129rem + 1.857vw, 1.8rem);
	/* Padding vertical: Minimo 0.25rem, fluido entre 0.214rem + 0.179vw, Maximo 0.375rem */ /* https://clampgenerator.com/tools/layout-spacing-size/?property=padding */
	padding-top:	 clamp(0.25rem, 0.214rem + 0.179vw, 0.375rem);
	padding-bottom: clamp(0.25rem, 0.214rem + 0.179vw, 0.375rem);

}

.btn-custom-my-red, .btn-custom-my-red-black {
	background-color: #ed1c24;
	border-color: #ed1c24;
	color: #fff;
}

.btn-custom-my-red-black:hover, .btn-custom-my-red-black.active {
	background-color: #080808;
	border-color: #080808;
	color: #fff;
}

.btn-custom-my-red-800, .btn-custom-my-red:hover, .btn-custom-my-red.active {
	background-color: #7b0000;
	border-color: #7b0000;
	color: #fff;
}

.btn-custom-my-red-800:hover, .btn-custom-my-red-800.active {
	color: #fff;
	background-color: #58151c; /* Este es el valor HEX del $red-800 de Bootstrap */
	border-color: #58151c; 	 /* Este es el valor HEX del $red-800 de Bootstrap */
}

.btn-custom-my-black {
	background-color: #080808; /* casi negro */
	border-color: #080808;		 /* casi negro */
	color: #fff;
}

.btn-custom-my-black:hover, .btn-custom-my-black.active {
	color: #fff;
	background-color: #121212; /* casi negro mas claro */
	border-color: #121212; 	 /* casi negro mas claro */
}
/* /botones Nav */



/* Carousel */
.carousel-item {
	/* background-image: url(../../images/mgp-home-01.jpg);  */
	height: 500px;
	max-width:100%;
	max-height: clamp(200px, calc(114.286px + 26.786vw), 500px);
	background-position: 50% 50%;	background-repeat: no-repeat;	background-size: cover;
	/* display: block; overflow: hidden; position: relative; z-index: 2; */
}

.background-custom-1 { background-image: url(../../images/mgp-home-01.jpg); }
.background-custom-2 { background-image: url(../../images/mgp-home-02.jpg); }
.background-custom-3 { background-image: url(../../images/mgp-home-03.jpg); }
.background-custom-4 { background-image: url(../../images/mgp-home-04.jpg); }

.carousel-h2-custom {

	margin: 0px; color: rgb(255, 255, 255);
	font-size: 2rem; /* Fallback para navegadores antiguos */
		/* 				Min rem, preferido vw, maximo rem  (tamaño preferido que se basa en el ancho del viewport) */
	font-size: clamp(2rem, calc(1.417rem + 2.593vw), 3.75rem); /* https://clampgenerator.com/tools/font-size-typescale/ */
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	line-height: clamp(2.25rem, 1.821rem + 2.143vw, 3.75rem);
	letter-spacing: 0px;
}

#carouselGaleria .carousel-item {
	max-width:100%;
	max-height: 200px;
}


/* shadows Mich*/
.text-shadow-custom {
	text-shadow: 6px 6px 20px rgba(0, 0, 0, 1.0);
}

.text-shadow-custom-natural {
	text-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}

.text-shadow-custom-deep {
	text-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
}

.text-shadow-custom-sharp {
	text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
}

.text-shadow-custom-outline {
	text-shadow: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
}

.text-shadow-custom-crisp {
	text-shadow: 6px 6px 0px rgba(0, 0, 0, 1);
}

.btn.text-shadow-custom-on-button {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1.0);
}

/* Galeria Lineas: Personales, Comerciales, etc. */
.lineas-item {
	padding: 110px 0px;
	min-height: 0px;
	height: auto;
	background-position: center center; /* background-position: 50% 50%; */
	background-repeat: no-repeat;
	background-size: cover;
  /* Transicion en la propiedad transform */
  transition: transform 0.5s ease-in-out; /* No usa background-size porque al usar cover no funciona */
}

.bg-lineas-1 { background-image: url(../../images/lineas-personales.jpg);   }
.bg-lineas-2 { background-image: url(../../images/lineas-comerciales.jpg);  }
.bg-lineas-3 { background-image: url(../../images/lineas-industriales.jpg); }
.bg-lineas-4 { background-image: url(../../images/lineas-riesgos-del-trabajo.jpg); }
.bg-lineas-5 { background-image: url(../../images/lineas-vida-capitalizacion.jpg); }
.bg-lineas-6 { background-image: url(../../images/grupo-megapro.jpg); }

.bg-lineas-automotores { background-image: url(../../images/automotores-400x300.jpg);   }

.lineas-item a {
	color: rgb(255, 255, 255);
	font-size: 2rem;
	font-weight: 900; font-style: normal;
	letter-spacing: 0px;
	line-height: 2rem;
	text-decoration: none;
}

.lineas-item:hover {
	transform: scale(1.04)  ;
}

/* /galeria Lineas: Personales, Comerciales, etc. */

/* Hero Custom */
.hero-h2-custom {
	margin: 0px; color: rgb(255, 255, 255);
	font-size: 2rem; /* Fallback para navegadores antiguos */
		/* 				Min rem, preferido vw, maximo rem  (tamaño preferido que se basa en el ancho del viewport) */
	font-size: clamp(2rem, calc(1.417rem + 2.593vw), 3.75rem); /* https://clampgenerator.com/tools/font-size-typescale/ */
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	line-height: clamp(2.25rem, 1.821rem + 2.143vw, 3.75rem);
	letter-spacing: 0px;
}

.hero-h3-custom {
	margin: 0px; color: rgb(255, 255, 255);
	font-size: 1.875rem; /* Fallback para navegadores antiguos */
		/* 				Min rem, preferido vw, maximo rem  (tamaño preferido que se basa en el ancho del viewport) */
	/* font-size: clamp(2rem, calc(1.417rem + 2.593vw), 3.75rem); */ /* https://clampgenerator.com/tools/font-size-typescale/ */
	font-family: Lato, sans-serif;
	font-weight: 900;
	font-style: normal;
	line-height: clamp(2.25rem, 1.821rem + 2.143vw, 3.75rem);
	letter-spacing: 0px;
}

.hero-item-170 {
	/* background-image: url(../../images/mgp-home-01.jpg); */
	height: 170px;
	max-width:100%;
	background-position: 50% 50%;	background-repeat: no-repeat;	background-size: cover;
}

.hero-item-350 {
	/* background-image: url(../../images/mgp-home-01.jpg);  */
	height: 350px;
	max-width:100%;
	max-height: clamp(200px, calc(131.818px + 18.182vw), 350px);
	background-position: 50% 50%;	background-repeat: no-repeat;	background-size: cover;
}

.hero-item-400 {
	/* background-image: url(../../images/mgp-home-01.jpg);  */
	height: 410px;
	max-width:100%;
	max-height: clamp(200px, calc(104.545px + 25.455vw), 410px);
	background-position: 50% 23%;	background-repeat: no-repeat;	background-size: cover;
}

.hero-item-500 {
	/* background-image: url(../../images/mgp-home-01.jpg);  */
	height: 500px;
	max-width:100%;
	max-height: clamp(200px, calc(114.286px + 26.786vw), 500px);
	background-position: 50% 50%;	background-repeat: no-repeat;	background-size: cover;
	/* display: block; overflow: hidden; position: relative; z-index: 2; */
}

.bg-presuscriptor, .bg-companias, .bg-seguros
						{ background-image: url(../../images/seguros-1.jpg); 	}
.bg-productores 	{ background-image: url(../../images/productores.jpg);}
.bg-nosotros 		{ background-image: url(../../images/nosotros.jpg); 	}
.bg-contacto 		{ background-image: url(../../images/contacto.jpg); 	}
.bg-preguntas 		{ background-image: url(../../images/preguntas.jpg); 	}
.bg-lineaspersonales	 	{ background-image: url(../../images/lineas-personales-hero.jpg); 	}
.bg-riesgosdeltrabajo 	{ background-image: url(../../images/lineas-riesgos-del-trabajo.jpg); 	}
.bg-vidaycapitalizacion { background-image: url(../../images/lineas-vida-capitalizacion.jpg); 	}

.hero-caption-custom {
	position:static;
	/* right:15%; bottom: 1.25rem; left:15%; */
	padding-top:3rem;
	padding-bottom:1.25rem;
}

/* /Hero Custom */

.custom-list-check li {
	list-style:  none; 	  /* Asegura que no haya bullets predeterminados */
	display:     flex; 	  /* Para alinear el icono y el texto */
	align-items: baseline; /* Centra verticalmente el icono con el texto */
}

.custom-list-check li .bi-check, .custom-list-check li .bi-check-lg, .custom-list-check .bi-arrow-right-short {
	margin-right: 8px;	/* Espacio entre el icono y el texto */
	color: 		  #7b0000; /* Color del icono */
	font-size:    1.25em; /* Tamaño del icono */
	text-shadow: 0 0 1px currentColor; /* Una sombra muy cercana para "engrosar" simil font-weight: bold */
}

.footer-custom-widget {
	font-family: Lato, sans-serif;
	color: #8c8989;
	background-color: #262626;
}

.footer-custom-widget a { color: #abb8c3; text-decoration: none; }

.footer-custom-widget a:hover { color: #fff; }

/** Boton Whatsapp */
.btn-getstarted, .btn-getstarted:focus {
   background-color: transparent;
}

.scroll-top-wp {
   position: fixed;
   right: 55px;
   bottom: 100px;
   z-index: 999991;
   border-radius: 4px;
   transition: all 0.4s;
}
.scroll-top-wp img {
	width: 60px;
   height: auto;
}

@media (max-width: 768px) {
	.scroll-top-wp 	 { right: 15px; bottom: 70px; }
	.scroll-top-wp img { width:40px;	 height: auto;}
}