/*
Theme Name: fwca
Theme URI: http://posicionamientodigital.com
Description: Theme modified by fer
Author URI: https://posicionamientodigital.com.mx
Version: 1
*/
@media screen {

.menu_resp{
	display:none;
}

/********************* estilos comun ****************************/
	html{
		scroll-behavior: smooth;
		scroll-padding: 100px;
	}
	div,h1,h2,h3,h4,p{
		margin:0;
		padding:0;
		display:block;
	}
	* { margin: 0; padding: 0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body {
		background-color:white;
		width:100%;
		padding:0px;
		margin:0px;
		display:block;
		font-size:24px;
		font-family: "EB Garamond", serif;
		font-weight: 300;
		color:#003056;
	}
	a{
		text-decoration:none;
	}
	
	section{
		width:100%;
		float:left;
	}
	#principal{
		overflow:hidden;
		width:100%;
	}
	#contenido{
		width:100%;
		float:left;
	}
	
	.cont-centrado{
		width:1200px;
		margin:auto;
		display: block;
	}
	section{
		width:100%;
		float:left;
	}
	h1{
		font-size: 60px;
    	font-weight: 300;
		margin-top:0px;
		margin-bottom:30px;
	}
	.mar50{
		margin-top:123px;
	}
	b{
		font-weight:600;
	}
/*************************************************************/
	
	
	#encabezado{
		width:100%;
		top:0px;
		height: 80px;
		display:block;
		float:left;
		position:fixed;
		z-index:9999;
		background-color: #003366;
		
	}
	
	#encabezado .head-sup{
		float: left;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}
	
	
	#encabezado  {
		display:block;
	}
	#encabezado #logo{
		width: 160px;
		height: 80px;
		float: left;
	}
	#encabezado #logo a{
		display: block;
	}

	#encabezado.menuact{
		background-color:transparent;
	}

	#encabezado.anima #logo{
		background-size:100%;
		transition:all 1s;
		height:50px;
		margin-bottom:0px;
		margin-top: 4px;
    	width: 77px;
	}
	#encabezado.anima{
		padding-top:0px;
		background-color:#3e5b57;
		height:100px;
		transition:height 1s;
	}
	#encabezado.anima #menu{
		width:100%;
		margin-top: 0px;
		transition:all 1s;
	}

	#encabezado.anima .icon {
		margin-left: 0px;
		transition:margin 1s;
	}


	#encabezado .cont-centrado{
		display:flex;
		justify-content:space-between;
		align-items: center;
	}
	/******************* menu ****************/
	.menuprin{
		color:#c99600;
		width:70%;
	}
	#menu{
		float:right;
		width: 100%;
		transition:all 1s;
	}
	
	ul.nav-menu,
	div.nav-menu > ul {
		margin: 0;
		width:100%;
		list-style:none;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
    	justify-content: space-around;
		align-items: center;
	}
		
	.nav-menu li {
		display:block;
		
	}
	.nav-menu li a {
		color:#c99600;
		text-decoration:none;
		text-transform:capitalize;
		font-size:16px;
		display:block;
		font-weight: 600;
	}
	
	.sub-menu li:last-child{
		margin-right:0px;
	}
	.sub-menu li a {
		
	}
	.nav-menu li:hover{
		
	}
	.nav-menu li:hover > a,
	.nav-menu li a:hover{
		color: white;
	}
	.nav-menu .sub-menu,
	.nav-menu .children {
		background-color: black;
    	padding: 10px;
		position: absolute;
		display: none;
	}
	.nav-menu .sub-menu ul,
	.nav-menu .children ul {

	}
	.sub-menu li{
		margin-bottom:10px;
	}
	.sub-menu li a{
		
	}
	ul.nav-menu ul a,
	.nav-menu ul ul a {
		color: white;
		margin: 0;
	}
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover {
		color: white;
	}
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul {
		display: block;
	}
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: white;
	}
	.menu-nupki-container{
		display:block;
	}

	/************************************************* tema ******************************************/
	section{
		margin-top:80px;
		float:left;
		width:100%;
	}


	#animacion{
		width:100%;
		height:100vh;
		background-color:#003366;
		min-height:700px;
		position:relative;
		overflow: hidden;
	}

	#animacion .fondo{
		background-image:url(./images/fondo_slider.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		height: calc(100% - 300px);
		padding-top:4vh;
	}
	#animacion .info .cont-centrado::before{
		content:" ";
		background-color:white;
		display:block;
		width: 300px;
		height: 300px;
		position: absolute;
		bottom: -408px;
		border-radius: 20px;
		transform: rotate(45deg);
		left: 134px;
	}
	#animacion h4{
		color:#c99600;
		font-size:32px;
	}
	#animacion h2{
		color:#c99600;
		font-size:75px;
		line-height: 59px;
	}
	#animacion h3{
		color:white;
		font-size:45px;
		line-height: 49px;

	}
	#animacion .info{
		position:relative;
		z-index:99;
		display:block;
		margin-top:-175px;
	}
	#animacion .columnas{
		width:1200px;
		display:inline-flex;
		flex-direction:row;
		align-items: center;
	}
	#animacion .columnas .col{
		flex: 1;
		padding:20px 70px;
		background-color:white;
		min-height:229px;
		height:229px;
		color:#003056;
	}
	#animacion .columnas .col h2{
		margin-bottom:10px;
	}
	#animacion .columnas .col:nth-child(1) h2{
		color:#003056;
	}
	#animacion .columnas .col:nth-child(1) span{
		color:#c99600;
	}
	#animacion .columnas .col:nth-child(1) li{
		list-style-image:url(images/flecha_bullet.png);
	}
	#animacion .columnas .col:nth-child(1){
	    border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		color:#003056;
	}
	#animacion .columnas .col:nth-child(4){
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		position:relative;
	}
	#animacion .columnas .col:nth-child(4):after{
		content:"";
		border-left:2px solid #c99600;
		position:absolute;
		left: 0px;
		top: calc(50% - 80px);
		height: 160px;
	}
	#animacion .columnas .col h2{
		font-size:32px;
	}
	#animacion .columnas .col:nth-child(2){
		background: linear-gradient(180deg,rgba(205, 153, 95, 1) 0%, rgba(200, 146, 31, 1) 78%);
		min-height:350px;
		border-radius:20px;
		color:white;
		padding: 80px 65px;
	}


	#animacion .columnas .col:nth-child(2) h2{
		color:#003056;
	}
	#animacion .columnas .col:nth-child(2) p{
		width:208px;
	}
	.btn-az{
		background-image:url(images/boton_a.png);
		background-repeat:no-repeat;
		width:300px;
		height:57px;
		padding-right:57px;
		text-align:center;
		color:white;
		display: flex;
		background-size: contain;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		font-size: 20px;
	}
	.btn-am{
		background-image:url(images/boton_am.png);
		background-repeat:no-repeat;
		width:300px;
		height:57px;
		padding-right:57px;
		text-align:left;
		color:white;
		display: flex;
		background-size: contain;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		font-size: 20px;
	}
	.btn-whats{
		background-image:url(images/btn_whats.png);
		background-repeat:no-repeat;
		width:300px;
		height:57px;
		padding-right:57px;
		text-align:left;
		color:white;
		display: flex;
		background-size: contain;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		font-size: 20px;
	}
	#animacion .inter{
		display: flex;
		justify-content: space-around;
		margin-top:30px;
	}
	#animacion .btn-inter{
		display:flex;
		gap: 80px;
	}
	#animacion .logos{
		display:flex;
		gap:20px;
		align-items: flex-start;
	}
	#animacion .logos img{
		object-fit:none;
	}
	#animacion .contacto_r{
		display: flex;
		color: white;
		flex-direction: column;
		margin-top: 20px;
	}
	#animacion .contacto_r a{
		color:white;
	}
	#beneficios .secinfo{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
	}
	#beneficios .secinfo .titulo{
		grid-column-start: 1;
		grid-column-end: 3;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position:relative;
	}
	#beneficios .secinfo .titulo:before{
		content:" ";
		width:100%;
		height:15px;
		position:absolute;
		bottom:-15px;
		background-color:#003056;
		z-index: -1;
	}
	#beneficios .secinfo .info img{
		width: 50px;
		height: auto;
		display: block;
		margin-bottom:10px;
	}

	#beneficios .secinfo .titulo h2{
		background-color:#003056;
		color:white;
		font-size:72px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		padding:10px 50px;
	}
	#beneficios .secinfo .info{
		padding:30px 40px;
		border-radius:20px;
		border:1px solid #d5d5d5;
		color:#003056;
		background-color:white;
	}
	#beneficios .secinfo .info:nth-child(2){
		border:none;
	}
	#beneficios .logos {
		display:flex;
		align-items: flex-start;
		justify-content: space-evenly;
		margin-bottom: 50px;
	}
	#beneficios .logos img{
		object-fit:none;
	}
	#paraquien .columnas{
		width:100%;
		display:flex;
	}
	#paraquien .columnas .col{
		width:47%;
		font-size:36px;
	}
	h2{
		font-size:72px;
	}
	#paraquien h2{
		color:#003056;
		margin-bottom:45px;

	}
	#paraquien .columnas ul{
		list-style-position:inside;
	}
	#paraquien .columnas ul li{
		margin-bottom:30px;
		color:#003056;
	}
	#paraquien .columnas .col:nth-child(1) {
		display:flex;
		align-items:center;
	}
	#paraquien .columnas ul li::marker{
		color:#c58e00;

	}
	#programa{
		background-color:#003056;
		padding:60px 0px;
		position:relative;
		margin-bottom:115px;
	}
	#programa h2{
		color:#c58e00;
		margin-bottom:45px;
	}
	#programa h3,#programa p{
		font-size:36px;
		color:white;
		margin-bottom:20px;
	}
	#programa p{
		margin-bottom:40px;
	}
	#programa .alinear{
		display:inline-flex;
		justify-content:space-between;
		width:100%;
		margin-top:50px;
	}
	#programa .alinear span{
		color:#c58e00;
		font-size:36px;
		padding-left:50px;
	}

	#programa::before{
		content:" ";
		background-color:#003056;
		display:block;
		width: 300px;
		height: 300px;
		position: absolute;
		bottom: -11px;
		border-radius: 20px;
		transform: rotate(45deg);
		left: 6px;
		z-index:-1;
	}
	#diplomado .secinfo{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		column-gap:20px;
		row-gap:20px;
		margin-bottom:100px;
	}
	#diplomado .secinfo h2{
		font-size:48px;
		color:#003056;
		line-height:56px;
		padding-left:30px;
	}
	#diplomado .secinfo h3{
		font-size:36px;
		color:white;
		background-color:#c58e00;
		padding-left:30px;
	}
	#diplomado .secinfo .info:not(:first-child){
		box-shadow:5px 5px 10px #0000004d, -5px -5px 10px #ffffff4d;
		border-radius:20px;
		padding:15px 40px;
		background-color:#f7f7fc;
	}
	#diplomado .secinfo .info p b{
		color:#003056;
	}
	#diplomado .secinfo .info p{
		color:#c58e00;
	}
	#clinica{
		margin-bottom:100px;
	}
	.columnas40_60{
		width:100%;
		display:inline-flex;
		justify-content:space-between;
	}
	.columnas40_60 .col:nth-child(1){
		width:37%;
		padding-right:60px;
		padding-left:60px;
		position:relative;
	}
	 .columnas40_60 .col:nth-child(1):before{
		content: " ";
		border-left: 2px solid #c99600;
		position: absolute;
		right: 0px;
		top: 20px;
		height: 300px;
	}
	.columnas40_60 .col:nth-child(2){
		width:57%;
	}
	#clinica h2{
		text-align:right;
	}
	#clinica h3{
		text-align:right;
		font-size:45px;
	}
	#clinica p{
		margin-bottom:20px;
	}
	#clinica .btn-am{
		margin-top:40px;
	}
	#footer{
		background-color:#003056;;
		padding: 50px 20px;
		padding-bottom: 15px;
	}
	#footer .cont-centrado{
		overflow:hidden;
	}
	#footer .columnas{
		width: 70%;
		float: left;
		display: flex;
	}
	#footer .columnas .col{
		color:white;
		width: 50%;
	}
	#footer .margen{
		margin-left: 31px;
	}
	#footer a{
		color:white;
	}
	#footer .acerca{
		background-color:#1f2125;
		color:white;
		padding: 10px 20px;
    	margin-top: 30px;

	}

	#footer .acerca a{
		color:white;
	}
	#footer .logos{
		display:flex;
		align-items: flex-start;
		gap:60px;
	}
	#footer .columnas .col:nth-child(2){
		border-top:20px solid #c99600;
		width:200px;
		padding-top:10px;
	}
	#footer .logos{
		display:flex;
		gap:50px;
		align-items: flex-start;
	}
	#footer .logos img:nth-child(1){
		width:20%;
	}
	#footer .logos img:nth-child(2){
		width:30%;
	}
	.acerca .derechos{
		font-size:16px;
		text-align: center;
		padding: 5px 0px;
	}
	#docentes .dinfo{
		display:grid;
		grid-template-columns:1fr 251px 1fr 251px;
	}
	#docentes .dinfo .titulo{
		grid-column-start: 1;
		grid-column-end: 3;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
	}

	#docentes .dinfo .titulo h2 {
		background-color: #c99600;
		color: white;
		font-size: 72px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		padding: 0px 50px;
	}
	#docentes .dinfo .titulo:before {
		content: " ";
		width: 100%;
		height: 20px;
		position: absolute;
		bottom: -20px;
		background-color: #c99600;
		z-index: -1;
	}
	#docentes .dinfo .info{
		background-color:white;
		padding:10px 10px;
		border-radius:20px;
		border:1px solid #d5d5d5;
		margin-bottom: 10px;
	}


	#docentes .dinfo .info h3{
		font-size:22px;
		margin-bottom:15px;
	}
	#docentes .dinfo .info p{
		font-size: 18px;
		margin-bottom: 15px;
	}
	#docentes .dinfo .info .cv{
		font-size: 16px;
		border-radius: 59px;
		width: 75px;
		display: inline-flex;
		padding: 4px 10px;
		padding-left:0px;
		justify-content:space-between;
		align-items:center;
		background-color: #e1bd80;
		color: white;
		z-index:999;
	}
	#docentes .dinfo .info .cv:before{
		content:"CV";
		background-color: #cc9856;
		width: 39px;
		height: 32px;
		display: flex;
		position: absolute;
		z-index: 99;
		border-radius: 30px;
		align-items: center;
		justify-content: center;

	}
	#docentes .dinfo .info .cv:after{
		content: "\f123";
		font-family:dashicons;
		font-size:22px;
	}
	#docentes .dinfo .dimg{
		height:210px;
		overflow:hidden;
		border-radius:20px;
		margin-bottom: 10px;
	}
	#sede h2{
		text-align:center;
		margin-bottom:30px;
	}
	#sede .columnas{
		display:inline-flex;

	}
	#sede .columnas .col{
		width:50%;
	}
	#sede .columnas img{
		width:100%;
		height:auto;
	}
	#sede  .titulo{
		background-color:#003056;
		color:white;
		text-align:center;
		padding:5px 0px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
	}
	#inversion .secinfo{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr;
		column-gap:20px;
		row-gap:20px;
		margin-bottom:100px;
	}
	#inversion .secinfo h2{
		font-size:45px;
		color:#003056;
		line-height:43px;
		padding-left:30px;
		margin:20px 0px;
	}
	#inversion .secinfo h3{
		font-size:36px;
		color:white;
		background-color:#c58e00;
		padding-left:15px;
	}
	#inversion .secinfo .info:not(:first-child){
		box-shadow:5px 5px 10px #0000004d, -5px -5px 10px #ffffff4d;
		border-radius:20px;
		padding:15px 40px;
		background-color:#f7f7fc;
	}
	#inversion .secinfo .info p{
		color:#003056;
	}
	#inversion .secinfo .info b{
		display:block;
	}
	#inversion .secinfo .info span{
		color:#c58e00;
	}
	#faq h2{
		text-align:center;
		margin-bottom:30px;
	}
	#faq .pregunta{
		position:relative;
		margin-bottom:30px;
	}
	#faq .titulo{
		font-size:36px;
		color:white;
		background-color:#003056;
		border-radius:20px;
		text-align:left;
		padding:5px 30px;
		margin-bottom:0px;
		z-index:99;
		position:relative;
		overflow:hidden;
	}
	#faq .pregunta .titulo:before{
		content:"";
		width:100px;
		height:100px;
		background-color:white;
		position:absolute;
		top: -91px;
		right: 50px;
		border-radius: 20px;
		transform: rotate(45deg);
	}
	#faq .pregunta.visible .titulo:before{
		content:"";
		width:100px;
		height:100px;
		background-color:#f1f1f1;
		position:absolute;
		top: 50px;
		right: 50px;
		border-radius: 20px;
		transform: rotate(45deg);
	}


	#faq .respuesta{
		background-color:#f1f1f1;
		padding:20px;
		margin-top:-20px;
		z-index:10;
		position:relative;
		border-radius:20px;
		padding-top:30px;
		display:none;
	}
	#faq .pregunta.visible .respuesta{
		display:block;
	}
	#contacto .col:nth-child(1){
		padding-top:30px;
	}
	#contacto h2{
		font-size:50px;
	}
	#contacto label{
		font-size:20px;
	}
	#contacto input, #contacto textarea{
		font-size:20px;
		border-radius: 20px;
		padding: 4px 15px;
		border: 1px solid #d5d5d5;
	}
	#contacto .label-above .nf-field-label {
		margin-bottom: -5px;
	}
	#contacto .nf-field-container {
		clear: both;
		position: relative;
		margin-bottom: 5px;
	}
	#contacto textarea{
		height: 80px;
	}
	#contacto input[type="submit"]{
		font-size: 20px;
		border-radius: 20px;
		padding: 4px 15px;
		border: 1px solid #c58e00;
		width: 200px;
		padding: 10px;
		background-color: #c58e00;
		color: white;
		margin-left: calc(50% - 100px);
	}
	#footer .social{
		width:30%;
		display:inline-flex;
		justify-content:space-between;
		margin-top: 25px;
	}
}