@charset "UTF-8";
/* CSS Document */

:root{
--color-grey-txt: #7e7e7e; /*footer*/
--color-nav-fondo: #28003F;
--color-navlink: blue;
--color-navlink-hover: #999999;
--color-navlink-active: red;
--color-fondo-hero: #0410BA;
--color-fondo-esponja: #0E0E96;
--color-fondo-main: #E8E6E6; /*whitesmoke*/
--color-fondo-footer: #131516;
--color-purple-suave: #51037D;
--color-blanco-txt: #DEDEDE;
--bs-blue: #01043D;
--bs-purple: #340251;
--bs-red: #dc3545; 
--bs-indigo: #6610f2;
--h1-titulo-ff: upgrade, sans-serif;
--h1-titulo-fw: 400;
--h1-titulo-fst: normal;
--h2-subtitulo-ff: upgrade, sans-serif;
--h2-subtitulo-fw: 400;
--h2-subtitulo-fst: normal;
--h3-subtitulo-ff: upgrade, sans-serif;
--h3-subtitulo-fw: 400;
--h3-subtitulo-fst: normal;
}

body{
	background-image: url("../images/graficos/fondo-acustico.png");
	background-color: var(--color-fondo-esponja);
	background-blend-mode: multiply;
	background-size: 55px;
	background-attachment:fixed;
	}
h1,h2,h3, legend{
    color: var(--color-purple-suave);
}
.titulo{
	font-family: var(--h1-titulo-ff);
	font-weight: var(--h1-titulo-fw);
	font-style: var(--h1-titulo-fst);
}
.subtitulo-h2{
	font-family: var(--h2-subtitulo-ff);
	font-weight: var(--h2-subtitulo-fw);
	font-style: var(--h2-subtitulo-fst);
}
.subtitulo-h3{
	font-family: var(--h3-subtitulo-ff);
	font-weight: var(--h3-subtitulo-fw);
	font-style: var(--h3-subtitulo-fst);
}
ol li{
    margin-bottom: 1rem;
}
footer{
    background-color: var(--color-fondo-footer);
}
footer a:link, footer a:visited{
    text-decoration: none;
    line-height: 2rem;
	padding-bottom: 0px;
	font-size:1.2rem;
	color:dimgrey;
	}
footer a:hover{
	color:#ffffff;
    text-decoration: underline;
}
label{
    cursor:pointer;
}
input:hover, select:hover, textarea:hover{
    border-color:var(--color-purple-suave);
    border-width:1px;
}
input[type="text"]:focus, input[type=email]:focus, input[type=file]:focus, input[type=url]:focus, textarea.form-control:focus {
	border: 2px solid var(--color-purple-suave);
	background-color: #EBEBEB;
}
::placeholder{
    font-style: italic;
    }
.skip{
    background: #BD1F00;
    padding: .5rem;
    border: 3px solid yellow;
    border-radius:8px;
    font-size: 1rem;
    position:absolute;
    top: 0;
    left: -90%;
    color:white;
    text-align:center;
    font-family: Verdana;
    width: auto;
}
.skip:focus{
    left:0;
}
.country-selector a{
	text-decoration: none!important;
	font-family: upgrade,sans-serif!important;
    font-style: normal!important;
	font-size: 1.125rem;
}
.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
.globe::before{
	font: var(--fa-font-regular);
	content: "\f0ac";
}
.country-selector a:hover {
/*    text-decoration: none!important;*/
    font-weight: bold!important;
}
.validez{
    font-size:1.5rem;
    color:purple;
}
.index-hero-img{
	width: 100%;
/*    background-color: rgba(0,0,0,0.8);*/
/*    background-color: #2C005E;*/
/*    background-color: #0410BA;*/
    background-image:url("../images/grabando-documental.jpg");
    background-color: var(--color-fondo-hero);
    background-blend-mode: multiply;
	background-size: cover;
	margin: 2rem 0 auto; 
	background-repeat: no-repeat;
	background-position: initial;
    position: relative;
}
.index-header{
	position:absolute;
	top:0;
	left: 50%;
	transform: translate(-50%);
}
.index-main-content{
	width:96%;
}
.index-banco{
/*	background: var(--color-nav-fondo);*/
/*	color: var(--color-fondo-main);*/
	background: url("../images/graficos/banner-banco-voces.jpg");
	background-color: rgba(33, 1, 46, .9 ); 	
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: local;
	background-blend-mode:multiply;
	margin: 0;
	padding: .5rem;
	width: 100%;
	
}
.index-audio-player{
	color: var(--color-purple-suave);
}
.index-characters{
	filter: blur(3px) brightness(.35);
}
.check:before{
	font-family: dingbats;
	content:'\2713';
}
.button-custom{
    position:absolute;
    bottom:3rem;    
	left: 50%;
	transform: translate(-50%);
}
.borde-foto-circle{
    border-radius: 50%;
    border-color: var(--color-purple-suave);
    border-style: solid;
    border-width: 5px;
}
/*MENU ITEMS COLOR TAMAÑO ETC*/
.navbar {
    background-color: var(--color-nav-fondo); /*sobreescrito*/
}
.navbar-nav a:link, .navbar-nav a:visited{
    color:var(--color-fondo-main); 
	 /*#f8f9fa;*/
	margin-left: 1.5rem;
	font-size: 1.25rem;
 }
.navbar-nav a:hover{
    color:lightslategrey;
}
.active-menu-item{
	color: var(--color-purple-suave)!important;
  	background: var(--color-fondo-main);
	padding:.5rem;
	font-weight: 300;
	text-decoration: none;
}
a.navbar-brand{
    margin-right: 0;
    overflow: visible;
}
.hamburger{
    border:2px solid var(--color-blanco-txt);
    border-radius: 5px;
    padding:.15rem;
}
.navbar-text{
    padding-bottom: 0px;
}

/*////////////*/
.box{
    background: var(--color-fondo-main);
/*	margin: .3rem;*/
}
.main-content {
	background-color: var(--color-fondo-main);
	color: #404040;
	border-radius: 20px / 20px;
	margin-bottom: 1rem;
	margin-top: 5rem;
    width:96%;
}
.formu-error{
    font-size: 1rem;
    color: red;
    font-family: serif;
    font-style: bold;
}
.formu-valido{
    font-size: 1.75rem;
    color: green;
    font-family: verdana;
    font-style: bold;
}
.hint{
    font-size: 1rem;
    color:orange;
}
.form-lightgrey{
	color: #505050;
}
.form-label:focus-within{
    color:var(--color-purple-suave);
	font-weight: bold;
}
.accesskey{
	text-decoration: underline;
	font-weight: bold;
/*	color: black;*/
}
/*ADOBE FONTS*/
.upgrade-regular{
    font-family: upgrade,sans-serif;
    font-weight: 300;
    font-style: normal;
}
.upgrade-medium{
    font-family: upgrade, sans-serif;
    font-weight: 400;
    font-style: normal;
/*    letter-spacing: 0.08rem;*/
}
.upgrade-book{
	/*Usado en UN MAR...*/
    font-family: upgrade-lights,sans-serif;
    font-weight: 500;
    font-style: normal;
}
.upgrade-semibold{
	/*usado en el index ESP LAT NEUTRO*/
    font-family: upgrade,sans-serif;
    font-weight: 500;
    font-style: normal;
    word-spacing: 0.25rem;
}
.mario{
    font-family: rieven-uncial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    letter-spacing: 0.5rem;
    }
.actor{
    letter-spacing: 3px;
     }
.slogan{
    letter-spacing: .1rem;
    }
.verMas, .verMas:link, .verMas a:visited{
    font-size: 1rem;
    color:var(--bs-primary);
    text-decoration: none;
}
.cliente{
	filter: grayscale(100%);
	opacity: .5;
}
.verMas:hover{
    font-size:1.125rem;
    color:var(--color-navlink-hover);
    text-decoration: underline;
}
.rrss{
	font-size: 1.5rem;
}

@media screen and (min-width:444px){
    .mario{
        font-family: rieven-uncial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.375rem;
        letter-spacing: .25rem;
    }
    .actor{
        letter-spacing: .2rem;
        color: var(--color-purple-suave);
     }
    .slogan{
        letter-spacing: .125rem;
    }
}

@media screen and (max-width:575px){
	.rrss{
		font-size: 1.5rem; 
		}
	}
@media screen and (min-width:576px){
	footer a:link, footer a:visited{
		font-size:.9rem;
		}
	.rrss{
		font-size: 1.2rem; 
		}
	}

@media screen and (min-width:768px) and (max-width:991px){
    .main-content{
        width: 90%;
    }
	.index-main-content{
		width: 90%;
	}
}

@media screen and (min-width:992px) and (max-width:1199px){
.navbar-nav a:link, .navbar-nav a:visited{
   	font-size: 1.125rem;
    margin-left: .75rem;
  }
    .main-content{
        width: 75%;
    }
	.index-main-content{
		width: 75%;
	}
}

@media screen and (min-width:1200px){
.navbar-nav a:link, .navbar-nav a:visited{
   	font-size: 1.125rem;
    margin-left: .75rem;
  }
    .main-content{
        width: 60%;
    }
	.index-main-content{
		width: 75%;
	}
}