/*
nombre: footerManualesPSA_01-22
versión: V.01-22
fecha: 19-08-2022
Conjunto de estilos propios generales para landings
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Volkhov:400italic);


/*---------------------------------------
   SECTION FOOTER PSA con EMPRESA B             
-----------------------------------------*/

*{ margin: 0; padding: 0; box-sizing: border-box; border:0; outline: 0;}

.copyrightPSAGlobal {
/*	font-size: 100%;*/
	margin: 0;
	padding: 65px 0 60px 0;
	background-color:rgba(49,46,63,1.00);
	font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
	border: 0;
  text-decoration: none;
	box-sizing: border-box;
}

.copyrightPSAGlobal h2 {
  height: 0px;
  margin: 0;
}

.copyrightPSAGlobal p {
	font-style: normal;
	line-height: 1.5em;
	text-decoration: none;
	padding: 8px 0 8px 0;
}

.copyrightPSAGlobal ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}

.containerGlobal01 { width: 100%; max-width: 1170px; display: flex; margin: 0 auto; padding: 0 1.25rem; box-sizing: border-box; }

.containerGlobal02 { display: flex; margin: 0; padding: 0; box-sizing: border-box; }

.containerGlobal { margin: 0 auto 0 auto; padding: 0 15px; box-sizing: border-box; }

.rowRedesGlobal { margin: 0 -15px; padding: 0; box-sizing: border-box; }

.containerRedesGlobal { display: flex; flex-wrap: wrap; margin: 0; padding: 0; box-sizing: border-box; }

.iconosRedes { border: 0; text-decoration: none; text-align: left; margin: 0 0 50px 0; padding: 0 5px 0 0; box-sizing: border-box; }

.iconosRedes ul {margin: 0; padding: 0; box-sizing: border-box;}

.iconosRedes li { list-style: none; display: flex; flex-wrap: wrap; margin-right: 3px; margin-left: 0px; flex-direction: column; font-family: Tahoma, Geneva, sans-serif; font-size: 1.15em; text-align: left; font-style: normal; font-weight: normal; padding: 5px 0 5px 0; }
.iconosRedes li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: center;
	border: solid 1.4px  rgba(187,191,200,0.70);
	-moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color:rgba(187,191,200,0.88);
	}

.detalleIG { display: flex; flex-direction: column; justify-content: flex-start; font-size: .9em; padding-top: 4.2em; }
.detalleIG ul {margin: 0; padding: 0;}
.detalleIG ul li { border: 0; text-align: left; text-decoration: none; list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; font-family: Tahoma, Geneva, sans-serif; font-style: normal; font-weight: normal; }
.detalleIG li a { font-family: Tahoma, Geneva, sans-serif; border: none; font-size: 1.03em; line-height: 1.5em; text-align: left; color: rgba(187,191,200,0.88); text-decoration: none; font-style: normal; font-weight: normal; }

.contenedorCertificacion { display: flex; flex-direction: row; justify-content: space-between; margin: 0 4.5vw 0 4.5vw; }
.containerLegales { display: flex; }

.containerLogoEmpresaB { display: flex; margin-right: 13vw; }
.containerLogoEmpresaB img { width: 50px; margin-right: auto; margin-top: auto; margin-left: 1rem; }
	@media (max-width: 890px) {
		.containerLogoEmpresaB { justify-content: flex-end; align-content: flex-end; margin: 0; }
		.containerLogoEmpresaB img { margin: 0; margin-left: 8vw; margin-bottom: auto; }	
}
	@media (max-width: 767px) {
		.contenedorCertificacion { flex-direction: row-reverse; margin: 2rem 0 0 0; }
		.containerLogoEmpresaB { margin: 0; padding: 0; }
		.containerLogoEmpresaB img { margin-top: 1.8rem; margin-right: auto; margin-left: 0; margin-bottom: auto;  }
		.containerLegales { width: 80vw; padding-left: 1rem; padding-right: 0; margin: 0 auto; }
} 


/* ===============================================================================
web para cambiar el color de un svg: https://codepen.io/sosuke/pen/Pjoqqp 
================================================================================== */
.colorEmpresaB { filter: brightness(0) saturate(100%) invert(85%) sepia(11%) saturate(170%) hue-rotate(183deg) brightness(90%) contrast(88%); }
/* ===============================================================================
================================================================================== */


.copyRedes_right_text {
    width: 43vw; margin-left: 80px;
}
.copyRedes_right_text p {
	font-family: 'Varela Round', sans-serif;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: normal;
  color: #8C8B8A;
	margin-bottom: 0;
}

.copyRedes_right_text p a {
    text-decoration: none;
    color: #f39c12;
}
.copyRedes_right_text p span {
    font-weight: 300;
}

.redesGlobal { text-align: left; margin-bottom: 20px; }
.redesGlobal li { display: flex; flex-wrap: wrap; margin-right: 10px; margin-left: 15px; margin-left: 0; flex-direction: column; }
.redesGlobal li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 1.5em;
	text-align: center;
	border: solid 1.4px  rgba(187,191,200,0.70);
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color:rgba(187,191,200,0.88);
	font-size: 1.1em;
	}

@media (min-width:768px){
	.containerGlobal,.containerScrollGlobal { width:30% }
}

@media (min-width:992px) {
	.containerGlobal,.containerScrollGlobal { width:30% }
}
@media (min-width:1200px){
	.containerGlobal,.containerScrollGlobal { width:30% }
}

.col-md-6-RedesGlobal { position:relative; min-height:1px; padding-left:10px; padding-right:10px }

.containerScrollGlobal { position:relative; min-height:1px; margin-left:auto; margin-right:11.35vw; padding-left:15px;padding-right:25px; }

.scroll_topPSAglobal { z-index: 1; text-align: right; margin-top: -60px; }
.scroll_topPSAglobal a { 
	background: rgba(139,134,163,1.00);
	-moz-border-radius: 100px; 
    -webkit-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px; 
	padding: 20px; 
}
.scroll_topPSAglobal a i {
  color: #fff;
  font-size: 1.6em;
	line-height: 2em;
}
.redesGlobal { text-align: left; margin-bottom: 20px; }
.redesGlobal li { display: flex; flex-wrap: wrap; margin-right: 10px; margin-left: 15px; margin-left: 0; flex-direction: column; }
.redesGlobal li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 1.5em;
	text-align: center;
	border: solid 1.4px  rgba(187,191,200,0.70);
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color:rgba(187,191,200,0.88);
	font-size: 1.1em;
	}

@media (max-width: 767px) {
	.copyrightPSAGlobal { margin-top: 60px; padding-top: 30px; padding-bottom: 20px; min-height: 270px; }
	.containerGlobal01 { flex-direction: column; }
	.chrome-mobile { display: none; }
	.redesGlobal { width: 100%; text-align: center; margin: 10px 0 0 0px; }	
	.iconosRedes { margin-bottom: 0; margin-left: 0; }
	.iconosRedes li { padding-bottom:10px;}
	.detalleIG { padding-top: 4.3em;  }
	.detalleIG ul { display: flex; flex-wrap: wrap;  }
	.detalleIG ul li { margin: 0; padding: 0; font-size: 1.1em; line-height: 0.4em; }
	.detalleIG ul li:after { content:"|"; color: rgba(187,191,200,0.78); margin-left: 5px; margin-right: 5px; }
	.detalleIG ul li:nth-last-child(1):after{ content:"";}
	.detalleIG li a { font-size: 3.2vw; letter-spacing: 1px; }
	
	.copyRedes_right_text { width: 100%; margin-left: 0px; margin-top: 20px; margin-bottom: 30px;}
	.copyRedes_right_text p { text-transform: none; font-size: 1em; color:rgba(140,139,138,0.63); }
	.containerScrollGlobal { margin-left:65px; margin-right:24px; padding-right: 0; }
	.scroll_topPSAglobal { margin-top: -20px; margin-right: 0px; padding-right: 0px; padding-bottom: 0px; }	
	.scroll_topPSAglobal a { padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
}

@media (max-width: 414px) {
	.detalleIG li a { font-size: 3.6vw; letter-spacing: 1px; }
}


/* ============================================
					CENTROS DE ATENCIÓN TELEFÓNICA
============================================= */

.attf {
	margin: 0;
	padding: 60px 0;
	background-color:rgba(44,42,57,1.00);
/*	background-color:rgba(49,46,63,0.95);*/
	font-family: 'Open Sans', sans-serif;
	border: 0;
  text-decoration: none;
	box-sizing: border-box;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.container__attf i {
	padding: 1.5px;
	color: rgba(42,40,54,1.00);
	font-size: 2rem;
	background: rgba(231,230,230,0.80);
	border-radius: 100%;
	margin-bottom: 5px;
}

.container__attf a i {
  color: #fff;
  font-size: 1.2rem;
	line-height: 1rem;
	padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
}

.attf h1 {
	font-size: 1.15rem;
	font-weight: 100;
	color: rgba(236,236,236,1.00);
}

.attf h2 {
/*	letter-spacing: 1px;*/
	font-size: 0.8rem;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(213,212,212,0.50);
	margin-bottom: 0;
	letter-spacing: 1px;
}

.attf p {
	letter-spacing: 1px;
	font-size: 0.8rem;
	font-weight: 100;
	color: rgba(213,212,212,1.00);
	margin-bottom: 0;
}

.container__attf {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto; 
	padding: 0 1.25rem; 
	box-sizing: border-box;
}

.container__attf-int {
	width: 100%;
	max-width: 1170px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto; 
	padding: 0 1.25rem; 
	box-sizing: border-box;
}

.container__attf-int > div {
	margin-top: 1rem;
	width: 100%;
	width: calc((100% - 40px) / 4);
/*	background: red;*/
}

.container__attf-int > div a {
	letter-spacing: 1px;
	font-size: inherit;
	/*color: inherit;*/
  color: #bbd9f7;
	margin-bottom: 0;
	text-decoration: none;
	transition: 0.3s;
}

.container__attf-int > div a:hover {
	/* font-weight: 400; */
	color: white;
}

.attf .containerScrollGlobal {
	position: relative;
	min-height: 1px;
	margin-left: auto;
	margin-right: 0; 
	padding-left: 15px;
	padding-right: 25px;
}

.attf .scroll_topPSAglobal { z-index: 1; text-align: right; margin-top: 20px; }

.attf .scroll_topPSAglobal a { padding: 16px 20px; }

.attf .scroll_topPSAglobal a i {
  color: #fff;
  font-size: 1.2rem;
	line-height: 1rem;
}

@media (max-width: 767px) {
	.container__attf-int > div { width: calc((100% - 40px) / 3); }
	
	.container__attf-int > div:last-child { margin-right: auto; margin-left: 20px; }
	
	.attf .scroll_topPSAglobal { margin-top: 0; margin-right: 2vw; }
	
	.attf .scroll_topPSAglobal a { padding: 10px 14px; }
}

@media (max-width: 540px) {
	.container__attf-int > div { width: calc((100% - 40px) / 2); }
	
	.container__attf-int > div:last-child { margin-right: 0; margin-left: 0; }
	
	.attf .scroll_topPSAglobal { margin-top: 20px; }
}

@media (max-width: 414px) {
	.container__attf-int > div { width: calc((100% - 30px) / 2); }
	.container__attf-int > div:nth-child(odd) { width: 49%; }
	.container__attf-int > div:nth-child(even) { width: 46%; }
	.attf p { letter-spacing: 0;  font-size: 0.78rem; }
}

@media (max-width: 320px) {
	.container__attf-int > div:nth-child(odd) { width: 100%; }
	.container__attf-int > div:nth-child(even) { width: 100%; }
	.attf p { letter-spacing: 0;  font-size: 0.85rem; }
	.attf .scroll_topPSAglobal { margin-top: -20px; margin-right: 0; }
}