@charset "UTF-8";
@import url(bootstrap.min.css);

/*
COLORES

FUXIA: #d50057;
PINKGREY: #cecacc;

*/

/* ------------ FUENTES --------*/

@import url(fabri_fonts.css);

.fontFuturaCondensedLight{
    font-family: 'Futura CondensedLight';
}
.fontFuturaBoldOblique{
    font-family: 'Futura BoldOblique';
}
.fontFuturaCondensed{
    font-family: 'Futura Condensed';
}
.fontFuturaMediumOblique{
    font-family: 'Futura MediumOblique';
}
.fontFuturaCondensedBoldObl{
    font-family: 'Futura CondensedBoldObl';
}
.fontFuturaBold{
    font-family: 'Futura Bold';
}
.fontFuturaCondensedOblique{
    font-family: 'Futura CondensedOblique';
}
.fontFuturaExtraBoldOblique{
    font-family: 'Futura ExtraBoldOblique';
}
.fontFuturaCondensedBold{
    font-family: 'Futura CondensedBold';
}
.fontFuturaBookOblique{
    font-family: 'Futura BookOblique';
}
.fontFuturaCondensedExtraBd{
    font-family: 'Futura CondensedExtraBd';
}
.fontFuturaCondensedLightObl{
    font-family: 'Futura CondensedLightObl';
}
.fontFuturaHeavyOblique{
    font-family: 'Futura HeavyOblique';
}
.fontFuturaBook{
    font-family: 'Futura Book';
}
.fontFuturaCondExtraBoldObl{
    font-family: 'Futura CondExtraBoldObl';
}
.fontFuturaLight{
    font-family: 'Futura Light';
}
.fontFuturaExtraBold{
    font-family: 'Futura ExtraBold';
}
.fontFuturaMedium{
    font-family: 'Futura Medium';
}
.fontFuturaHeavy{
    font-family: 'Futura Heavy';
}
.fontFuturaLightOblique{
    font-family: 'Futura LightOblique';
}



* {
	margin: 0;
	padding: 0;
}
html,body{
	padding:0px;
	margin:0px;
	height:100%;
}
body {
	font-family: "Futura Book";
	font-size: 1em;
	background: #fff;
	color: #000;
	font-weight:300;
}

p::selection, i::selection, a::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, strong::selection, li::selection {
    background: #d50057;
    color: white;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	font-weight: 400;
}
p {
	font-size: 1em;
}
a{
	text-decoration:none;
	color: #d50057!important;
}
a:hover, a:focus {
	text-decoration:none;
	color: #000;
}
nav{
    background: #34495e;
    width: 100%;
	padding-top: 1em;
	padding-bottom: 0!important;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    top:0;
    transition: top 0.5s;
}

.navbar a {
	text-decoration:none;
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	text-decoration: none;
	outline: 0 solid transparent;
	font-size: 1em;
}
.navbar a:hover, .navbar a:focus {
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	text-decoration: none;
	outline: 0 solid transparent;
	background: none!important;
	font-size: 1em;
}
.navbar-toggler{
	border:none!important;
	margin-bottom: 0.5em!important;
}
.navbar-toggler:focus {
	border: none!important;
	box-shadow: 0 0 0 0!important;
	background: none!important;
}
.sombra{
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
ul, ol {
	margin: 0;
}
ul li,  ol li {
	list-style: none;
}
img {
	height: auto;
	max-width: 100%;
}


input,select{
	border: 2px #FFF solid;
	background: none;
	padding: 0.3em 0.9em;
	margin: 0.2em 0;
	font-family: "Futura Book";
	font-size: 1em;
	color: #000;
}
textarea{
	border: 2px #fff solid !important;
	background: none !important;
	padding: 0.5em 1em !important;
	margin: 0.2em 0 !important;
	font-family: "Futura Book" !important;
	font-size: 1em !important;
	color: #000 !important;
}
input[type=button], input[type=submit], .botNegro{
	font-family: "Futura Condensed";
	background-color: #d50057;
	color: #000!important;
	border: none;
}
input:hover[type=button], input:hover[type=submit], .botNegro:hover{
	background-color: #000;
	color: #000;
}
.botFuxia{
	font-family: 'Futura Condensed';
	background-color: #d50057;
	color: #fff!important;
	border: none;
	padding: 0.5em 2em;
}
.botFuxia:hover{
	background-color: #000;
	color: #000;
}
.botFuxia_text{
	font-family: 'Futura Condensed';
	color: #d50057!important;
	line-height: 100%;
}
.botFuxia_text:hover{
	color: #000!important;
}
.botSuperpuesto{
	margin-top: -30px;
}
.botBlanco{
	font-family: "Futura Book"!important;
	color: #fff!important;
	text-decoration: none
}
.botBlanco:hover{
	color: #9b9b9b!important;
	text-decoration: none;
}
/* COLORES */
.color-white {
	color: #FFF;
}
.color-negro{
	color: #000;
}
.bg-negro{
	background-color: #000;
}
.bg-pinkgray{
	background-color: #cecacc;
}
.border-bottom-negro{
	border-bottom: solid 1px #000;
}
.border-bottom-blanco{
	border-bottom: solid 1px #fff;
}
li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.borde-texto-negro{
	text-shadow: -1px -1px 0px #1c3338, 1px -1px 0px #1c3338, -1px 1px 0px #1c3338, 1px 1px 0px #1c3338;
}
/* TEXT */
.texMayusculas {
	text-transform: uppercase;
}
.texMinusculas {
	text-transform: lowercase;
}
.texCapital {
	text-transform: capitalize;
}
.texJutif {
	text-align: justify;
}
.texCentrado {
	text-align: center;
}
.texDerecha {
	text-align: right;
}
.texIzquierda {
	text-align: left;
}
.texSombreadoBlanco {
	text-shadow: 0 0 7px #FFF;
}
.texSombreadoNegro {
	text-shadow: 0 0 8px #000;
}
.texSombreadoAmarillo {
	text-shadow: 0 0 0px rgba(254,209,0,.60), 0 0 50px rgba(254,209,0,.50);
}
.fSize05 {
	font-size: 0.45em;
}
.fSize06 {
	font-size: 0.65em;
}
.fSize1 {
	font-size: 0.9em;
}
.fSize1_2 {
	font-size: 1.2em;
}
.fSize1_5 {
	font-size: 1.35em;
}
.fSize2 {
	font-size: 1.8em;
}
.fSize3 {
	font-size: 2.7em;
}
.fSize4 {
	font-size: 3.6em;
}
.fSize5 {
	font-size: 4.2em;
}
.fSize6 {
	font-size: 5.5em;
}
/* ---- textos ----*/
.textColum_3{
	column-count: 3;
	column-gap: 40;
}
/* ---- interlineados -----*/
.interlineado100 {
	line-height: 100%;
}
.interlineado130 {
	line-height: 130%;
}
.interlineado160 {
	line-height: 160%;
}
.interlineado190 {
	line-height: 190%;
}
.interlineado220 {
	line-height: 220%;
}
/*estilos dimensiones y posicion*/
.wMax1300 {
	max-width: 1300px;
	width: 100%;
}
.wMax1000 {
	max-width: 1000px;
	width: 100%;
}

.hMax500 {
	max-height: 300px;
}
.oculto {
	display: none;
}
.grises img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	cursor: pointer;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.grises img:hover {
	filter: url('#grayscale');
	-webkit-filter: grayscale(80%);
	-moz-filter: grayscale(80%);
	-ms-filter: grayscale(80%);
	-o-filter: grayscale(80%);
	filter: grayscale(80%);
	filter: Gray();
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/* Para ocultar el captcha */
.grecaptcha-badge {
	visibility: hidden;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
    font-size: 3.5rem;
}
}
.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
}
.bi {
    vertical-align: -.125em;
    fill: currentColor;
}
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
    z-index: 1500;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */
	.dropdown-menu{
		border-radius: 0!important;
		border: none;
		background-color: #cecacc;
		--bs-dropdown-link-active-bg: #cecacc!important;
	}

.invisible-visible{
	display:none;
}
.visible-invisible{
	display:block;
}
/* cositas de movile */
@media (min-width:576px) {
	.overlay a {font-size: 23px}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
	.overlay-content {
		margin-top: 96px;
		margin-left: 96px;
	}
	.overlayer-contacto{
	  margin-top: 50px;  /*30px top margin to avoid conflict with the close button on smaller screens */
	}
} 
@media (max-width:991px){
	.textColum_3{
		column-count: 1;
		column-gap: 0;
	}
	.featurette-heading {
	  margin-top: 2rem;
	}
	.invisible-visible{
		display:block;
	}
	.visible-invisible{
		display:none;
	}
}

/*-- hacks y demás --*/
.nav-item{
	padding: 0 1em 0 1em;
}
.carousel-control-next, .carousel-control-prev {
  opacity: 0!important;
}
.carousel-inner{
	background-color: black;
}
.carousel-item{
	height: 70vh!important;
}
.carousel-caption{
	bottom: 30%!important;
}
.container-fluid {
    	display: flex;
      	justify-content: center;	
    }

.col-sm-6.col-lg-4.mb-4.grid {
    /* position: relative; */
    --bs-gutter-x: 0em;
}