/*
Theme Name: AAFP V3
Theme URI: http://asociacionafp.com.pe
Author: AppuX
Author URI: http://appux.biz
Description: AAFP
Version: 2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aafp
Tags: 2022

*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {
	font-family: 'Poppins', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	overflow-x: hidden !important;
}

body {
	margin: 0;
}
::-webkit-scrollbar {
display: none;
}

p {
    margin-bottom: 2rem !important;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}


.card ul { list-style: none;}
.card li::before {
	/* Unicode for a bullet */
	content: "\25A0";
	/* Styles for Indentation*/
	color: #2db478;
	display: inline-block;
	width: 1em;
	margin-left: -1.5em;
	margin-bottom: 2px;;
}

.main-site ul { list-style: none;}
.main-site li::before { 
	/* Unicode for a bullet */
	content: "\25A0";
	/* Styles for Indentation*/
	color: #2db478;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	margin-bottom: 2px;;
}

.margin-nav {
    margin-top: 4.45rem!important;
}

.margin-8 {
    margin-top: 8rem!important;
}

.site-main {
    margin-top: 6rem!important;
}


.site-main ul { list-style: none;}
.site-main li::before {
	/* Unicode for a bullet */
	content: "\25A0";
	/* Styles for Indentation*/
	color: #2db478;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	padding-bottom: 0px;
}


img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	border-radius: 3px;
}

.h-90 {
    height: 90%!important;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #14648c !important;}

a:visited {
	/* color: #007bff; */
}

a:hover,
a:focus,
a:active {
	color: #4bd296;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}




/******************************************************************/
/*                       Theme Custom                             */
/******************************************************************/
body{
	background-color: #f6f9fc !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 0.938rem !important;
	font-weight: 300 !important;
	color: #6b7c93 !important;
	overflow-x: hidden !important;
}


a:hover,
a:focus,
a:active {
	color: #4bd296;
	text-decoration: none !important;
}


h1 { text-transform: uppercase;}
h2, h3, h4{ }
h1{
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #14648c !important;
	padding-bottom: 20px;
}

h2 { 
	font-size: 1.5rem !important;
	color: #14648c !important;
}
h3{ 
	font-size: 1.2rem !important;
	font-weight: 400;
	color: #2db478 !important;
	margin-bottom: 10px;
}

h4{
	font-size: 1rem !important;
	color: #52657f;
}


[type=submit], button, html [type=button] {	
	background-color: #4bd296 !important;
	/* font-family: "Font Awesome 5 Solid";
	content: "\f002";
    -webkit-appearance: button;
    border-radius: 50px; */
	cursor: pointer;
}

.site{
	overflow-x: hidden;
}

.site-main h2{
}

.site-main h3{
	padding-top: 10px;
}

.site-main h4{
	font-size: 0.95rem !important;
	font-weight: 400;
	color: #4bd296;
	padding-top: 10px;
}

.site-main p {
    margin-top: 0;
    margin-bottom: 1.5rem !important;
}

.lead {
	font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 1.5rem !important;
}


.row-eq-height > [class^=col]:first-of-type {
	display: flex;
}

.row-eq-height > [class^=col]:first-of-type .black {
	flex-grow: 1;
}

aside h2{
	font-size: 18px;
}

.entry-content h1{
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #14648c !important;
	padding-bottom: 0px !important;
}

/* Form 7 */

.form-common{
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #6b7c93 !important;
}

/* button */
.btn-rounded {
    border-radius: 10em !important;
	font-size: .6rem !important;
    padding: .5rem 1.6rem;
}

.btn-rounded a:link {
    color: #ffffff !important;
}

.btn-rounded a:visited {
    color: #ffffff !important;
}

.common-btn{
	white-space:nowrap;
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 14px;
	box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
	background:#fff;
	border-radius:4px;
	font-size:0.8rem !important;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.025em;
	color:#6772e5;
	text-decoration:none;
	transition:all .15s ease
	}
.common-btn:hover{
	color:#7795f8;
	transform:translateY(-1px);
	box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
	}
.common-btn:active{
	color:#555abf;
	background-color:#f6f9fc;
	transform:translateY(1px);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
	}
.common-btn--blue{
	color:#fff;background:#6772e5
	}
.common-btn--blue:hover{
	color:#fff;background-color:#7795f8
	}
.common-btn--blue:active{
	color:#e6ebf1;background-color:#555abf
	}
.common-Button--dark{
	color:#fff;background:#32325d
	}
.common-btn--dark:hover{
	color:#fff;background-color:#43458b
	}
.common-btn--dark:active{
	color:#e6ebf1;background-color:#32325d
	}
.common-btn--disabled{
	color:#fff;background:#aab7c4;pointer-events:none
	}
.common-ButtonIcon{
	display:inline;margin:0 5px 0 0;position:relative
	}
.common-ButtonGroup{
	display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-10px
	}
.common-ButtonGroup .common-btn{
	-ms-flex-negative:0;flex-shrink:0;margin:10px
	}




/* End button */

.box-menu{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.nav-blue{
	background-color: #007bff;
}

.btn-comafp a:link, .btn-comafp a:visited {
    font-size: 0.65rem;
    line-height: 28px !important;
    color: #ffffff !important;
    background: #007bff;
    border-radius: 0.2rem;
    padding: 0.01rem 0.5rem !important;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.btn-comafp a:hover{
	font-size: 0.65rem;
	color: #ffffff !important;
	background: #2ca8ff;
/*	border-radius: 1.5rem;*/
    -webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15)
}


.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
}

/*Icon Font Awesome*/

.green-afp{
	color: #2db478;
    width: 2em !important;
	height: 2.75em !important;
}


.carousel-item {
	height: 77vh;
	min-height: 300px ;
	background: no-repea t center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
  background-size: cover;
}

@media screen and (max-width: 700px){
	#carouselExampleControls{ 
		height: 480px !important}
	
	.carousel-item { 
		height: 480px !important}
}

.pull--100 {
    position: relative;
    top: -180px;
    margin-bottom: -50px;
}

.fixed-container {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	width: 100%;
}

@media (min-width: 40em){
	.fixed-container {
		z-index: 10;
	    bottom: 0px;
	    width: 100%;
	}
	.banner-content{
		height: 200px;
	}
	.banner-title {
		position: absolute;
		right: 15%;
		left: 15%;
		z-index: 10;
		padding: 120px 0 0 0;
		color: #000;
	}
	.banner-title h2 {
		font-size: 2.5rem;
	}
	.banner-title {
		vertical-align: middle;
	}
}

.box{
	padding: 20px 0;
	}
.box-home{
	display: flex;
  flex-wrap: wrap;
	background: rgba(255, 255, 255, 0.8);
	border-top: 3px solid #4bd296 !important;
	border-radius: 4px;
	padding: 8px 20px;
	box-shadow: 0px 0px 20px 0px rgba( 0, 0, 0, .1);
	color: #4c4b4b;
	}

.box-home h2{
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600;
	font-size: 1rem;
	color: #007bff;
	text-transform: uppercase;
	}

.box-home ul{
	font-size: 0.80rem;
	margin-left: -15px;
	list-style: none;
	}
.box-home li::before {
	content: "â–ª";
	color: #2db478;
	display: inline-block; width: 1em;
  	margin-left: -1em
	}
.box-home a{
	color: #333;
	}
.box-home a:hover{
	color: #007bff;
	text-decoration: none;
	}

.box-home-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    font-size: 0.85rem;
    color: #14648c;
    margin-left: 5px;
    text-transform: uppercase;
	}


/* change the brand and text color */
.logo {
	background-color: #fff !important;
    padding: 14px 35px;
    align-self: auto;
	}

.top-search a{
	font-size: 0.75rem;
	color: #ffffff !important;
	padding-left: 20px;
	}
	
@media screen and (max-width: 1023px){
	.top-search{
		display: none !important;
		}
	}


.top-header{
/* 	background-color:#1151ab;  */
	font-size: 0.7rem;
	background-image: linear-gradient(-45deg,#14648c,#a5fff0);
	color: #fff;
	height: 45px;
	line-height: 45px;
	display: flex;
	}

.nav>li>a {
	font-size: 18px;
	position: relative;
    display: block;
    padding: 10px 15px !important; 
	}

.top-menu{
	background-color: #1151ab;
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	padding:5px 20px;
	text-transform: uppercase;
	}




.top-header a{
	color: #ffffff !important;
	}

.top-header a:hover{
	color: #dcffff !important;
	}

.top-header .icon {
	color: #b8cbe6;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}

.box-social{
	display: flex;
	}





/* Redes sociales
--------------------------------------------- */
@media screen and (max-width: 1023px){
	.redes-sociales{
		display: none !important;
		}
	}
@media screen and (min-width: 1024px){
	.redes-sociales{
		position: fixed;
		top: 200px;
		left: 0;
		display: block;
		background-color: #14648C;
		transition: all 0.3s ease-in-out;
		padding: 5px;
		border-radius: 0 10px 10px 0;
		z-index: 50;
		}

	.redes-sociales .widget{
		margin: 0;
		}

	.redes-sociales ul{
		display: flex;
		flex-direction: column;
		list-style: none;
		margin: 0;
		padding: 0 !important;
		}

	.redes-sociales ul li{
		padding: 5px;
		}

	.redes-sociales ul li a{
		display: inline-block;
		color: #fff !important;
		text-align: center;
		transition: all .3s ease-in;
		}

	.redes-sociales ul li a[href*="facebook.com"]:hover{
		background: var(--facebook);
		color: #a5fff0 !important;
		}

	.redes-sociales ul li a[href*="twitter.com"]:hover{
		background: var(--twitter);
		color: #a5fff0 !important;
		}

	.redes-sociales ul li a[href*="youtube.com"]:hover{
		background: var(--youtube);
		color: #a5fff0 !important;
		}

	.redes-sociales ul li a[href*="linkedin.com"]:hover{
		background: var(--linkedin);
		color: #a5fff0 !important;
		}


	.redes-sociales ul li a[href*="instagram.com"]:hover{
		background: var(--instagram);
		color: #a5fff0 !important;
		}
	}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
	}

.navbar-brand{
	padding: 0 !important;
	}

/* DropDown Menu auto */
/* .dropdown:hover>.dropdown-menu {
  display: block;
	} */



/* Navbar Custom CSS */
.navbar-appu {
	background: #14648C;
	box-shadow:0 2px 15px rgba(0,0,0,0.1);
	text-transform: uppercase;
}
			
.submenu-indicator {
	margin-left: 5px;
	margin-top: 4px;
	float: right;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.submenu-indicator-chevron {
	height: 6px;
	width: 6px;
	display: block;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: transparent #70798b #70798b transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}

.menu-main ul.dropdown li a{
    color: #667582 !important;
}

.menu-main a {
	color:#fff !important;
    -webkit-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
}

.menu-main a:hover {
	color:#a5fff0 !important;
    -webkit-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
}

.menu-main > li {
    display: inline-block;
}

.menu-main > li > a {
	font-size: 0.74rem;
	font-weight: 400;
	text-transform: uppercase;
}

.menu-main > li.active > a,
.menu-main > li:hover > a {
    color: #2db478 !important;
} 


.menu-main ul.dropdown-menu li {
    position: relative;
    clear: both;
    width: 100%;
    border: 0;
    font-size: 12px;
}

.menu-main ul.dropdown-menu li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 9px 25px 9px 22px;
    text-decoration: none;
    color: #14648C !important;
    outline: 0;
    background: 0 0;
    font-size: 11px;
}

.menu-main ul.dropdown-menu li:hover > a {
    color: #333;
}

.menu-main ul.dropdown-menu,
.menu-main ul.dropdown-menu li ul.dropdown-menu {
    border-top: 2px solid #4ace8a;
	border-left:0;
	border-right:0;
	border-bottom:2px solid #4ace8a;
    background: #fbfcfe;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
    box-shadow: 0 3px 6px rgba(0,0,0,.175);
}

.menu-main ul.dropdown-menu li:hover > a{
    background: #4ace8a;
	color: #fff !important;
}


.menu-main .nav-item.active .nav-link,
.menu-main .nav-item:hover .nav-link {
    color: #a5fff0 !important;
} 
/* eND Navbar CSS */



/*Menu Mobile*/
.custom-toggle [type=submit], button, html [type=button] {
    background-color: #fff !important;
    cursor: pointer;
}
.custom-toggler .navbar-toggler {
    border-color: rgb(103, 210, 115) !important;
}

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,103,210, 115)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.burguer-green-icon {
	color: #2db478;
  }

  
.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg); 
}

/*for the animation*/
.dropdown-toggle:after {
  transition: 0.5s;
}

/*End*/

.borderTC{
	border-bottom: 5px solid #2ca8ff;
}

.borderBC{
	border-bottom: 3px solid #2ca8ff;
}

.bgGray{
	background-color: #f4f6fa;
}

.bgWhite{
	background-color: #ffffff;
	padding: 50px 0px;
}

.bgBlue{
	color: white;
	background-color: #7ab6f2 !important;;
	padding: 50px 0px;
}

.bgWhite h2{
	font-size: 17px !important;
	font-weight: 600;
}


@media screen and (min-width:479px){
	.bgFinanza{
	 background-image: url('http://asociacionafp.pe/wp-content/themes/asociacion/assets/pages/bg-finanzas.jpg');
	 background-size: cover;
	 background-repeat: no-repeat;
	}

	.bgPrensa{
	 background-image: url('http://asociacionafp.pe/wp-content/themes/asociacion/assets/pages/bg-prensa.jpg');
	 background-size: cover;
	 background-repeat: no-repeat;
	}
}


.boxBeneficios{
	background: #ffffff;
	color: #333;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 2px 2px 4px 0 #f2f5f8;
	border: solid 1px #4bd296;
	overflow: hidden;
	padding: 20px;
	/*box-shadow: 0 4px 35px 0 rgba(23,55,87,.1), 0 5px 15px 0 rgba(0,0,0,.07);*/
}

.boxBeneficios h2{
	font-size: 24px;
}

.boxBeneficios li{
	font-size: 15px;
}

.boxBeneficios li:before{
	position: absolute;
	/* top: 20px; */
	width: 18px;
	height: 18px;
	margin: 2px 7px 0 -25px;
	background-image: url(/wp-content/themes/asociacion/assets/icons/check.svg);
	background-position: left;
	background-repeat: no-repeat;
	content: '';
}
.bgBlue h2{
	color: white;
	font-size: 20px;
}

.image-circle{
	background: #dddddd;
	border-radius: 50%;
}

.accesos{
	padding: 30px 0;
	text-align: center;
}

.accesos h2{
	font-size: 18px;
	color: #2db478;
	padding-top: 10px;
}

.accesos p{
	font-size: 13px;
	line-height: 15px;
	color: #636374;
}

.acceso aitem{
	flex-grow: 1;
}


.presenta{
	padding: 2px 0;
	color:#353636;
}

.presenta h2{
	font-size: 1.1rem;
	font-weight: 300;
	color: #2271be;
	padding-top: 10px;
}

.presenta h3{
	font-size: 1rem !important;
	font-weight: 300;
	color: #ff9780;
}

.presenta h4{
	font-size: 0.8rem !important;
	font-weight: 300;
}

.presenta p{
	font-size: 15px;
	line-height: 22px;
	color: #636374;
}

.noticias{
	padding: 20px 0;
}

.noticias h2{
	padding-top: 10px;
	text-transform: uppercase;
	font-weight: 700;
}

.noticias h4{
	font-size: 14px;
	font-weight: 400;
	color: #1151ab;
	padding-top: 10px;
}

.noticias p{
	font-size: 13px;
	line-height: 22px;
	color: #777777;
}

.asociados{
	padding: 20px 0;
}

.asociados h2{
	font-size: 30px;
	font-weight: 300;
	color: #1151ab;
	padding-top: 10px;
}

.asociados img{
	height: auto;
    max-width: 50%;
    border-radius: 3px;
}

/* Footer */

.footer{
	font-size: 0.78rem;
	font-weight: 400;
	padding: 2.5rem 0;
    color: #fff;
    background-color: #14648C;
}

.footer p{
	font-size: 0.80rem;
	font-weight: 400;
}

.footer a{
	color: #fff !important;
}

.footer h2{
	font-size: 1.1rem !important;
    color: #14648c;
}

.footer h3{
	font-size: 0.9rem !important;
    color: #14648c !important;
}


/*Post */
.entry-title{
	font-weight: 500;
}

.title-page {
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 0.97;
    color: #52575d;
}

.comments-title{
	font-weight: 300;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 0.97;
    color: #52575d;
}
/*Nosotros*/
.directorio h2{
	color: #323232;
	font-size: 0.85rem;
	margin-top: 10px;
	margin-bottom: 0px;
}
.directorio h3, .ceo h3{
	font-size: 0.7rem !important;
	color: #3c4650 !important;
	font-weight: 300;
	margin-top: -5px;
}

.ceo h2{
	color: #323232;
	font-size: 0.85rem;
	margin-top: 10px;
	margin-bottom: 0px;
}

/* Tabs */
.tabs-cyan {
    background-color: #007bff;
}

@media (min-width: 62rem){
	.classic-tabs {
		overflow-x: hidden;
	}
}

.classic-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    border-radius: .3rem .3rem 0 0;
}

.classic-tabs.tabs-cyan li a.active {
    border-color: #ffeb3b;
}

.classic-tabs li a.active {
    border-bottom: 3px solid;
    color: #fff;
}

.classic-tabs li a {
    display: block;
    padding: 20px 24px;
    font-size: 13px;
    color: rgba(255,255,255,.7);
    text-align: center;
    border-radius: 0;
}

.btn, .classic-tabs li a, .font-up, footer.page-footer .title {
    text-transform: uppercase;
}


.tabs-wrapper ul{
    margin:0;
}

.tab-content {
    padding: 2rem 1rem 1rem;
    z-index: 1;
    border-radius: 0 0 .3rem .3rem;
}

.card-tab {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 40px;
}


/* Tabs Pension */
.nav-pills .nav-link {
    border-radius: .25rem;
	background-color: #fff;
	border-bottom: 1px solid #eeedf0;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #4bd296 !important;
}


/* Image Page */
.bg-green {
	color: #fff;
	background-color: #4bd296;
	}
.bg-green h1{
		color: #fff !important;
		}

.box-solid {
	color: #fff;
	min-height: 165px;
	background-color: #4bd296;
	}

.box-solid h1{
		color: #fff !important;
		}	
.box-solid h2{
			color: #fff !important;
			}	
	
.box-bg {
	min-height: 320px;
    background-size: cover;
  }
.box-bg-sm {
	min-height: 250px;
	background-size: cover;
}

.box-header.box-box {
    padding: 0;
    position: relative;
    overflow: visible;
    z-index: 100;
}

.box-box {
	background: no-repeat fixed bottom center;
}

@media only screen and (max-width: 890px){
	.box-bg {
    min-height: 150px;
	}
}

/* Video  */
.video-full .video-content {
	max-width: 450px;
	height: 200px;
	margin: 0 auto;
	background-color: #000;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
/*Galeria*/
.yotu-videos .yotu-video h3 {
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.4em!important;
    color: #795548;
    text-decoration: none;
}


/* Tab Horizontal */
.bd-example{
	font-size: 0.9rem !important;
	}

.bd-example h4{
	font-size: 1.1rem !important;
	color: #029fde;
	}

.bd-example p{
	margin-bottom: 1.7rem !important;
	}

  /* Breadcrumb */
.breadcrumb {
	background: transparent !important;
	position: relative;
	display: block !important;
	font-size: 12px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e9ecef;
	}

.breadcrumb ul {
	padding: 0;margin: 0;list-style:none;
	display: block;
	}
.breadcrumb li {
	display: inline;
	margin-right: 10px;
	}

.breadcrumb li a {
	text-decoration: none;
	}

  /* Image Page */
.img-page {
    position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
/*  min-height: 300px; */
    word-wrap: break-word;
    background-color: #fff;
	}

 .img-page h2{
	font-size: 2.2rem;
	font-weight: 800;
	color: #416290;
	text-transform: uppercase;
 }

/* .page-title{
	width: 300px;
  } */


.page-center {
    line-height: 1.5;
    max-width: 850px !important;
    padding: 25px;
    margin: auto;
}

.page-center-s {
	line-height: 1.5;
	max-width: 650px;
	padding: 25px;
	margin: auto;
}


/*Section */
#section-purple {
  /*background-image: linear-gradient(-50deg, #14C1EF 0%, #008DE9 97%, #0091F0 100%);*/
  padding-top: 80px;
  padding-bottom: 80px;
}
#section-purple p{color:#333;
	}
#section-purple h1{color:white
	}
#section-purple h2{color:#007aff;
	}
#section-purple h3{
	font-weight:500;
	color:white;
	margin-top:40px;
	}
#section-purple h4{
	color:white;
	font-weight: 400 !important;
	}
#section-purple a{color:inherit
}

/* Faq */

.accordion .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion .card .fa-angle-down {
    float: right
}

/*Button AFP*/
.acceso-afp {
	width: 100%;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

ul.acceso-afp {
	list-style-type: none !important;
}

.acceso-afp ul.list-afp li a:after{
		content:"";
		display:block;
		position:absolute;
		width:6px;
		height:9px;
		margin-top:-10px;
		right:0px;
		background-image:url(https://www.asociacionafp.pe/wp-content/themes/asociacion/assets/svg/link-arrow_.svg)
}

.acceso-afp ul.list-afp li a {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		padding: 5px 20px 5px 0px;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
}

	/*end*/

.calculadora {
	/* background: url(/wp-content/themes/asociacion/assets/pages/calculadora-pension.jpg) no-repeat;
	background-size: cover; */
	background-color:#4bd296;
	width: 100%;
    padding-top: 70px;
    padding-bottom: 50px;
    /*margin-left: -10px;
    margin-right: -10px;*/
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}


@media screen and (max-width:479px){
	.calculadora {
		padding-top:50px;
		padding-bottom:50px;
		background:-webkit-linear-gradient(bottom right,#52d1d7,#28a4e4 50%,#1163a8);
		background:linear-gradient(to top left,#52d1d7,#28a4e4 50%,#1163a8)
		}
	}

.calculadora a,.calculadora h1,.calculadora h2,.calculadora h3{
	color:#fff !important;
	}
.calculadora .content{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:box;
	display:flex;
	-webkit-box-align:center;
	-o-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
	}

@media screen and (max-width:479px){
	.calculadora .content{
		display:block
		}
	}

/* Btn */
	.btn-web{
		font-size: 12px !important;
		color: #fff !important;
		background-color: #4bd296;
		border-color: transparent;
		border-radius: 2px;
	}

	.btn-web:hover, .btn-web:focus {
	/*border-color: #2590ca;*/
		background-color: #2db478;
		color: #285a73;
		transform:translateY(-1px);
		box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
	}

	.btn-web a:visited {
		 color: #ffffff !important;
	}

	.btn-afp {
		font-size: 12px !important;
		background-color:#fff;
		border-color: #fff;
		color: #1777b5;
	}

	.btn-afp:hover, .btn-afp:focus {
	    /* border-color: #4bd296; */
	    background-color: #f4f6f7;
	    color: #FFF;
		transform:translateY(-1px);
		box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
	    }
	.btn-afp:active, .btn-afp:visited, .btn-afp:active:focus, .btn-afp:active:hover {
	    border-color: #c8d2dc;
	    background-color: #c8d2dc;
	    color: #FFF;
	    }

	.more-link {
		background: none repeat scroll 0 0 #2bd478;
		border-radius: 10em !important;
		padding: 2px 10px;
	}
	.more-link:link {
	    background: none repeat scroll 0 0 #4bd296;
	    color: #ffffff;
	    font-weight: 400;
	    font-size: .7rem !important;
	}

	.more-link:hover {
	    background: none repeat scroll 0 0 #2bd478;
	}

	
	.calculadora ul.list-afp li a:after{
		content:"";
		display:block;
		position:absolute;
		width:6px;
		height:9px;
		margin-top:-10px;
		right:0px;
		background-image:url(https://www.asociacionafp.pe/wp-content/themes/asociacion/assets/svg/link-arrow.svg)
		}

	.calculadora ul.list-afp li a {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		padding: 5px 20px 5px 0px;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
	}

/* Trabaja con nosotros */
.page-trabaja-text {
    margin: 20px auto 50px;
    display: inline-block;
	position: relative;
	margin-bottom: 40px;
	padding-left: 80px;
	font-size: 14px;
}

.page-trabaja-icon {
    position: absolute;
    left: 2px;
    top: 0px;
    width: 50px;
}


/* ------------------------------------
	| CARDS |
   -----------------------------------*/
.cardHome{
	background: #ffffff;
	color: #333;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 2px 2px 4px 0 #f2f5f8;
	border: solid 1px #FFFFFF;
	overflow: hidden;
	padding: 20px;
	box-shadow: 0 4px 35px 0 rgba(23,55,87,.1), 0 5px 15px 0 rgba(0,0,0,.07);
}

.cardHome h2{
	color: #333;
}
	
.item-green {
    border-top: 3px solid #75c181;
}

.comparation{
	background: #f6f9fc;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 2px 2px 4px 0 #f2f5f8;
	border: solid 1px #eeeeee;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 40px;
  	box-shadow: 0 4px 35px 0 rgba(23,55,87,.1), 0 5px 15px 0 rgba(0,0,0,.07);
}

.comparation .card-header  {
	background: #6772e5 !important;
	color: #fff;
	}
.comparation .card-header-yellow  {
	background: #ffc107 !important;
	color: #333;
	}
.comparation h2{
	color:#fff;
	line-height: 1.2;
	font-size: 30px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	}

.comparation h4{
	color:#fff;
	font-size: 16px !important;
	letter-spacing: -.01em;
	}

.comparation ul li{
	position: relative;
	list-style: none !important;
	margin: 0 0 0 -50px;
	padding: 10px 0;
	line-height: 1.5;
	font-size: 11px;
	letter-spacing: -.01em;
	text-transform: uppercase;
	border-top: 1px solid #e8e8e8;
	}


/* Card Educación */
.card {
	/* background: transparent !important; */
    border: transparent !important;
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
	}

.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
	}

.card .author span {
    color: #9A9A9A;
	}

.card .info {
    padding: 40px 0 40px;
    text-align: center;
    position: relative;
    z-index: 2;
	}

.card .rounded {
    border-radius: 0.1875rem;
	}
.card-plain {
    background: transparent !important;
    box-shadow: none;
	}

/*Table */

.table-fixed {
    table-layout: fixed;
    overflow: hidden;
	}

.table {
    font-size:13px !important;
	}

.table .fondo {
    width: 10% !important;
	}

.table .title {
	width: 35% !important;
	}

.table h3 {
	font-size: 16px !important;
	color: #6772e5;
	}

.table-1 .thead-light th{
    color: #ffffff;
    background-color: #49ce8a;
    border-color: #dee2e6;
	}
.table-1 thead th {
    vertical-align: top;
	}


.table td, .table th {
	border-top: 1px solid #a5fff0 !important;
	}

.table thead th {
		border-bottom: 2px solid #a5fff0 !important;
	}


.card-fondo {
	background-color: #ffffff !important;
    border: none !important;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    margin-bottom: 24px;
}

.card-fondo .table {
	font-size: 0.85rem;
    width: 100%;
    margin-bottom: 1.5rem;
    color: #838f9c !important;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.font-15 {
    font-size: 15px!important;
}

/* Collapse */
.card-af {
    margin-bottom: 10px;
	border: transparent !important;
	-webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 1px rgba(0, 0, 0, 0.08);
}
.card--blue {
	box-shadow: 0 2px 6px 0px rgba(0,0,0,.0) !important;
}

.card-header-blue {
	font-family: 'Poppins' !important;
	font-size: 1rem;
	color: #333333;
    background-color: #4bd2962e !important;
	border-bottom: transparent !important;
}

.card-header-blue h5 {
	font-size: 1rem;
	font-weight: 300;
	color: #333333;
	padding: 10px 0;
}

.card-header-blue h5 a:link{
	color: #3c4650 !important;
}

.card-header-blue h5 a:hover {
	color: #333;
	text-decoration: none;
	}

.card-body {
	font-size: 0.8rem;
/* 	height: 16.5rem; */
	}

.card-body h3{
	font-size: 1.4rem !important;
	height: 2rem;
	}

.card-body h4{
	font-size: 1.2rem !important;
	color: #14648c;
	/* height: 2rem; */
	}	



/* Submenu Scroll */
.scrollspy-example {
	position: relative;
	height: 350px;
	overflow: auto;
}
/*Acoordeon*/
.card--gr {
	background-color: #fff !important;
	box-shadow: 0 2px 6px 0px rgba(0,0,0,.0) !important;
}

.card--gr li{
	font-size: 14px !important;
	line-height: 1.3rem;
	margin-left: 0px;
	padding-bottom: 10px;
}

.card-header-gr {
	font-family: 'Poppins' !important;
	font-size: 1rem;
	color: #14648c;
    background-color: #a5fff0 !important;
	border-bottom: transparent !important;
}


.card-header-gr h5 {
	font-size: 1.1rem;
	font-weight: 300;
	color: #14648c !important;
	padding: 10px 0;
}

.card-header-gr h5 a:link{
	color: #3c4650 !important;
}

.card-header-gr h5 a:hover {
	color: #333;
	text-decoration: none;
}

.card-header-gr h5 span {
	font-size: 1rem;
	font-weight: 300;
	color: #333;
	padding: 10px 0;
}

.card-header-gr--testimonio {
	font-style: italic;
	font-weight: normal !important;
}

@media screen and (max-width: 414px) {
	.card-body-gr img{
		max-width: 50%;
	}
}
.card-header-gr h5 a:link{
	color: #3c4650 !important;
}

.card-header-gr h5 a:hover {
	color: #333;
	text-decoration: none;
}
/* Mitos */
.card--mito {
	background-color: #fff !important;
	box-shadow: 0 2px 6px 0px rgba(0,0,0,.0) !important;
}

.card--mito li{
	font-size: 14px !important;
	line-height: 1.3rem;
	margin-left: 0px;
	padding-bottom: 10px;
}

.card-header-mito {
	font-family: 'Poppins' !important;
	font-size: 1rem;
	color: #333;
    background-color: #fff !important;
	border-bottom: transparent !important;
}


.card-header-mito h5 {
	font-size: 1.1rem;
	font-weight: 300;
	color: #14648c !important;
	padding: 10px 0;
}

.card-header-mito h5 a:link{
	color: #3c4650 !important;
}

.card-header-mito h5 a:hover {
	color: #333;
	text-decoration: none;
}

.card-header-mito h5 span {
	font-size: 1rem;
	font-weight: 300;
	color: #333;
	padding: 10px 0;
}

.card-header-mito--testimonio {
	font-style: italic;
	font-weight: normal !important;
}

@media screen and (max-width: 414px) {
	.card-body-mito img{
		max-width: 50%;
	}
}
.card-header-mito h5 a:link{
	color: #3c4650 !important;
}

.card-header-mito h5 a:hover {
	color: #333;
	text-decoration: none;
}

.card--mito__alert{
    color: #fff;
    border-radius: 3px;
    padding: 20px 20px;
    margin-bottom: 20px;
    background-color: #4bd296;
}

.card--mito__alert h3{
	color: #fff !important;
}


/* Page Form */
.box-form {
    background: #EEF3F5;
    padding: 20px;
    border: 1px solid #EDF3F5;
    border-radius: 6px;
}


div.error {
    display: none !important;
}

input, textarea, select, body {
    color: #52575d;
    font-weight: 400;
}

select, input, textarea {
    border: 1px solid #d5e0e3;
    padding: 7px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

select {
    height: 39px;
}

textarea {
    resize: none;
    height: 90px;

}

input[type="checkbox"],
input[type="radio"],
input[type="file"] {
    width: auto;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
}


.text-justify{
    text-align: justify;
}
/*error*/
.wpcf7-not-valid-tip {
    color: #c92f53;
    font-size: 12px;
}
.wpcf7-not-valid {
    border: 1px solid #c92f53;
    box-shadow: 0 0 2px #e95b7c;
    color: #c92f53;

}

/* Call Action Card */
.callout {
	background-color: #f8f9fa;
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #dddddd;
    border-top-width: .25rem;
    border-radius: .25rem;
}

.row-bordered, .row-backbordered {
    position: relative;
}

.row-backbordered:before {
    content: '';
    position: absolute;
    display: block;
    top: 45%;
    left: -1000px;
    right: -1000px;
    height: 1px;
    background-color: #dcdfe4;
}

.box-shadow{
	border-top:5px solid #4bd296 !important;
	box-shadow:0 2px 15px rgba(0,0,0,0.1)
}


/* Page Elements*/
@media (min-width:670px) {
    .Section-quote--vertical,
    .Section-quote--vertical blockquote {
        margin: 0
    }
    .Section-quote--horizontal .Section-quotePhoto {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: auto
    }
}


.Quote--lyft {
    padding-top: 40px
}

@media (min-width:670px) {
    .Quote--lyft {
        padding-top: 66px;
        padding-right: 77px!important
    }
}

.Quote--lyft:before {
    content: '';
    display: block;
    background: #4bd296;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transform: translate(0)
}

@media (min-width:670px) {
    .Quote--lyft:before {
        opacity: .9216;
        right: 126px
    }
}

.Quote--lyft:after {
    content: '';
    display: block;
    width: 100%;
    height: 95px;
    background: url(/wp-content/themes/asociacion/assets/svg/bloque.svg);
    background-size: 100% 100%;
    position: absolute;
    top: -95px;
    left: 0
}

@media (min-width:670px) {
    .Quote--lyft:after {
        width: 206px;
        height: 100%;
        background: url(/wp-content/themes/asociacion/assets/svg/bloque.svg);
        background-size: 100% 100%;
        left: auto;
        right: -80px;
        top: 0;
        bottom: 0;
        z-index: -1
    }
}

.Section-quote {
    background: #f4f4f4;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}


.Section-quotePhoto {
    width: 100%;
    /*min-height: 370px;*/
    background-size: cover;
    background-position: 50% 50%;
}

.Quote--blue {
    position: relative;
    padding-top: 46px;
    background: #4bd296;
}

.Quote--blue:before {
    content: '';
    display: block;
    width: 100%;
    height: 95px;
    background: url(/wp-content/themes/asociacion/assets/svg/poligono_blue.svg);
    background-size: 100% 100%;
    position: absolute;
    top: -95px;
    left: 0;
}
.Quote--slack h2{
	color: #ffffff;
	font-size: 2rem;
}

.Quote--slack h3{
	color: #333 !important;
	font-size: 1rem;
	margin-top: -10px;
	margin-bottom: 20px;
}

.Quote--slack {
    position: relative;
    padding-top: 46px;
    background: #4bd296;
	color: #ffffff;
}

.Quote--slack:before {
    content: '';
    display: block;
    width: 100%;
    height: 95px;
    background: url(/wp-content/themes/asociacion/assets/svg/poligono.svg);
    background-size: 100% 100%;
    position: absolute;
    top: -95px;
    left: 0;
}

@media (min-width: 670px){
.Quote {
    padding: 66px;
}
}

.Quote {
    margin: 0;
    padding: 40px;
    position: relative;
    z-index: 5;
    color: #fff;
}

.Quote p {
	font-family: 'PT Sans', sans-serif;
    position: relative;
    font-size: 1.0em;
    line-height: 1.4em;
    margin-bottom: 0;
}

/*Formulario*/
.page-form {
    display: inline-block;
    width: 100%;
    padding: 40px 40px 0px 40px;
    background-color: white;
    border: 1px solid #ecf0f1;
    box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

.page-form input{
    height: 40px;
    padding: 5px 10px 5px;
    font-size: 14px;
    background: transparent;
    border: none;
    border-bottom: 1px dashed #CCD0D2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-shadow: none;
}

.wpcf7-file {
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.page-form .btn[type=submit] {
    color: #fff;
    background-color: #2db478 !important;
	border-radius: 4px;
    box-shadow: 0 3px 6px rgba(36, 129, 215, .05), 0 2px 3px rgba(36, 129, 215, .08);
    overflow: hidden;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    height: 40px;
	text-transform: uppercase;
  }

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:12px;
	line-height:13px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#000;
	background: #fff;
}

.pagination a:hover{
	color:#fff;
	background: #000;
}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #dddddd;
	color:#fff;
}


/*Embed Twiter*/
blockquote.twitter-tweet {
	display: inline-block;
	font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 16px;
	border-color: #eee #ddd #bbb;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	margin: 10px 5px;
	padding: 0 16px 16px 16px;
	max-width: 468px;
  }
  
  blockquote.twitter-tweet p {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
  }
  
  blockquote.twitter-tweet a {
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	outline: 0 none;
  }
  
  blockquote.twitter-tweet a:hover,
  blockquote.twitter-tweet a:focus {
	text-decoration: underline;
  }

.css-1dbjc4n {
	font-size: 0.5rem !important;
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	outline: 0 none;
}

.twitter-tweet a {
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	outline: 0 none;
}

.twitter-tweet a:hover,
.twitter-tweet a:focus {
	text-decoration: underline;
}


/* Table Publicaciones*/
.box-publicaciones {
	font-size: 0.78rem;
	background-color: #fff;
	border-radius: 4px;
  	-webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
  	box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
  	padding: 20px 25px;
}

.box-publicaciones .box-publicaciones__head {
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    min-height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid rgb(235, 237, 242);
}

.box-publicaciones .box-publicaciones__head .box-publicaciones__head-label .box-publicaciones__head-title {
    font-size: 1.2rem;
    font-weight: 500;
    color: rgb(72, 70, 91);
    margin: 0px;
    padding: 0px;
}

/* Modal Search Form ------------------------- */
.bg-search{
	background-color: #2db478;
	}
	
.search-form input{
	background-color: #fff;
	border: 2px solid #4bd296;
	font-size: 0.8rem;
	color:#14648c;
    padding: 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.search-form [type=submit]{	
	background-color: #4bd296 !important;
	font-size: 0.8rem !important;
	cursor: pointer;
}


.search-close {
	height: 50px;
    width: 50px;
	background-color: white !important;
    border-radius: 25px;
    float: right;
	position: absolute;
	top: 62px;
    right: 42px;
    /* font-size: 1.5rem;
    font-weight: 700;
    line-height: 1; */
    color: #f8f9fa;
    /* text-shadow: 0 1px 0 #fff; */
    opacity: 1;
}

.search-modal {
	background-color: #14648c;
	opacity: 0.8 !important;
 }

 .search-modal label {
    width: 85% !important;
}

 .search-modal [type=search] {
	font-family: 'Poppins', sans-serif;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1.5rem;
    color: #3c4650;
    border: 2px solid #4bd296;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/*Landing*/
.card-queremos .card-body {
    background-color: white;
}

.card-queremos .fa-angle-down {
    float: right;
}

.news-separator {
    border-top: 1px solid #ddd; /* Línea separadora */
    margin: 20px 0; /* Espaciado superior e inferior */
}

@media (min-width: 768px) {
  .modal-dialog.modal-dialog-right {
    margin: 2rem 1rem 2rem auto; /* top right bottom left */
  }
}

/* En móviles, sigue centrado */
@media (max-width: 767.98px) {
  .modal-dialog.modal-dialog-right {
    margin: .5rem auto;
  }
}
.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;  /* <-- mueve la X a la derecha */
  z-index: 10;
  background: transparent !important;
  border: none !important;
  padding: 0;
  font-size: 2rem;
  line-height: 1;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.7);
  cursor: pointer;
}

/* POPUP: forzar contenedor relativo y X a la derecha */
#myModal .modal-body { 
  position: relative !important;
}

#myModal .popup-close{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;           /* anula cualquier left heredado */
  z-index: 20 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.7) !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* ==== Fix clickable popup image ==== */
#myModal {
  z-index: 1100 !important;
  pointer-events: auto !important;
}
#myModal .modal-content,
#myModal .modal-body {
  pointer-events: auto !important;
  z-index: 1110 !important;
}
#myModal .modal-body a {
  display: inline-block !important;
  position: relative !important;
  z-index: 1120 !important;
  pointer-events: auto !important;
}
#myModal .modal-body a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  pointer-events: none; /* hace que el click pase al <a> */
}
#myModal .popup-close {
  z-index: 1130 !important;
  pointer-events: auto !important;
}

/* ==== Fix enlace clickeable en popup ==== */
#myModal { z-index: 1100 !important; pointer-events: auto !important; }
#myModal .modal-content, #myModal .modal-body { pointer-events: auto !important; z-index: 1110 !important; }
#myModal .modal-body a { display: inline-block !important; position: relative !important; z-index: 1120 !important; pointer-events: auto !important; }
#myModal .modal-body a img { display: block !important; width: 100% !important; height: auto !important; pointer-events: none; } 
#myModal .popup-close { z-index: 1130 !important; pointer-events: auto !important; }

/* Fondo de la cabecera en la página "Nosotros" */
.Section-quotePhoto {
    background-image: url('/wp-content/uploads/2025/06/Foto-Nosotros22.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Submenús de tercer nivel en móvil */
@media (max-width: 991.98px) {
    .navbar-nav .dropdown-submenu .dropdown-menu {
        position: static;
        float: none;
        border: 0;
        box-shadow: none;
        margin-top: 0;
        margin-left: 1rem;  /* sangría opcional */
    }
}