.todopie						{ position:relative; margin:auto; max-width:var(--ancho-primario);}
.col-pie 						{ width:33.33%;}


.col-pie .parrafo .texto		{ border-radius:0;}
.col-pie .parrafo .texto a		{ font-size:95%; color:var(--color-primario); text-decoration:none;}
.col-pie .parrafo .texto a:hover{ text-decoration:underline; underline-position:under;}

.col-pie:first-child			{ margin:-80px 0 0 20px; padding:40px; outline:1px dashed #ddd;background:radial-gradient(at center, rgba(255, 255, 255, .9), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), url('../../images/fondos/trozo-ondulado.png'); box-shadow: 0px 0px 15px 0px #f3f3f3;}
.col-pie:nth-child(2)			{ margin:20px 0 0 0; padding:0 50px;}
.col-pie:nth-child(3)			{ margin:20px 0 0 -20px; padding:0 40px;}


.pie-social									{ display:none; margin-top:20px;}
.pie-social	.titulo							{ display:none; margin-bottom:20px; font-size:105%; font-weight:700;}
.pie-social [class*="item-"]				{ margin:0; padding:7px 12px; font-size:140%;}
.pie-social [class*="item-"]::before 		{ margin:0;}
.pie-social [class*="item-"]:hover::before 	{ color:var(--color-hover);}


.separapie					{ display:none; position:absolute; width:100%; top:-75px; left:0; right:0; text-align:center; width:auto;}
.separapie img				{ width:75px; height:60px; padding:10px; filter:grayscale(0%);}  


.primeralinea				{ position:relative; padding:30px 0; border-top:0px solid #e1e1e1;}
.segundalinea				{ position:relative; padding:40px 0 30px 0; border-top:0px solid #e1e1e1;}
.terceralinea				{ position:relative; margin-top:-50px; padding:20px 0; overflow:hidden;}  

.segundalinea .parrafo:nth-child(1)				{ padding:5px 0;}  
.segundalinea .parrafo .textospie:nth-child(1)	{ display:none;}  
.segundalinea .parrafo:nth-child(3)				{ padding:5px 0;}  

.todopie .it					{  }
.todopie .it:after				{ content:"-"; padding:0 10px; text-align:center;}
.todopie .it:last-child:after	{ content:"";}

.izquierdapie		{ float:left; overflow:hidden;}
.derechapie			{ height:55px; float:right; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.marcapie:before	{ display:inline-block; content:""; margin-bottom:-15px; width:53px; height:55px; margin-right:20px; background:url('../../images/logos/US.svg') center center/45px no-repeat; background-size:cover;}
.marcapie			{ margin-bottom:20px; font-family:'Big Shoulders Display', cursive; text-transform:uppercase; font-size:150%; font-weight:700; text-align:left; color:#444;}

.code:before		{ content:"\f564"; font-family: FontAwesome; margin:0 5px 0 0;}	
.code:hover			{ color:#543790;}	
.copyleft:before	{ content:"\f08a"; font-family: FontAwesome; margin:0 5px 0 0;}	
.copyleft:hover		{ color:#543790;}

.todopie ul.traductor				{ display:flex; margin-top:20px; padding:20px 0; border-top:1px solid #ddd;}
.todopie ul.traductor:before		{ margin:0 10px 0 0; content:"\f1ab"; font-family:FontAwesome; font-size:130%;}	
.todopie ul.traductor li a:hover 	{ color:#1e1445;}




.-fa 						{ color:#c62641; margin: 0 2px; font-size:85%; animation: pound 0.35s infinite alternate;}
@-webkit-keyframes pound	{ to { transform: scale(1.1);}}
@keyframes pound 			{ to { transform: scale(1.1);}}


@media screen and (max-width: 1080px) {
.todopie			{ padding:0 20px;}
.marcapie			{ font-size:160%;}

	
}
@media only screen and (max-width: 1024px){
.col-pie:first-child	{ width:43%; margin:-50px 5px 40px 15px; display:flex; flex-direction:column; justify-content:center;}
.col-pie				{ width:28%;}
--.col-pie				{ width:50%;}
--.col-pie:first-child	{ width:100%; margin:-60px 15px 40px 15px; display:flex; flex-direction:column; justify-content:center;}


}
@media screen and (max-width: 812px) {
.col-pie:first-child	{ width:100%; margin:-50px 5px 40px 5px; display:flex; flex-direction:column; justify-content:center;}
.col-pie 				{ width:50%; margin-top:15px;}

.pie-social				{ width:100%; text-align:center}

.izquierdapie			{ width:100%; float:none; text-align:center;}
.derechapie				{ width:100%; float:none; text-align:center; margin-top:10px; border-top:0px dashed #e1e1e1;}

}
@media screen and (max-width: 480px) {
.col-pie:first-child	{ width:96%; margin:auto; padding:30px; font-size:100%;}
.col-pie:nth-child(2),
.col-pie:nth-child(3)	{ width:50%; margin:30px 0 0 0; padding:0 20px; font-size:95%;}

}