/*
Theme Name: boomslang
Theme URI: http://posicionamientodigital.com
Description: Theme modified by fer
Author URI: https://posicionamientodigital.com.mx
Version: 1
*/



@media screen {

:root{
	--color-texto1:white;
	--color-texto2:#808080;
	--color-texto3:#1d1d1b;
	--color-verde: #93d50a;
	--color-gris: #898A8D;
	--titulo1:85px;
	--titulo3:65px;
	--titulo2:50px;
	--titulo1-pagint:72px;
	--titulo2-pagint:34px;
	--titulo3-pagint:37px;
	
	--texto-size1:30px;
	--texto-size2:24px;
	--texto-size3:24px;
	--texto-size4:33px;
	--cont-centrado:1200px;
	--cont-centrado2 : 960px;
	--cont-centrado3 : 650px;
}


.menu_resp{
	display:none;
}

/********************* estilos comun ****************************/
	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:#0f0f0f;
		width:100%;
		padding:0px;
		margin:0px;
		display:block;
		font-size:var(--texto-size1);
		font-family: "Lato", sans-serif;
		font-weight: 400;
		color:var(--color-texto1);
	}
	a{
		text-decoration:none;
	}
	
	section{
		width:100%;
		float:left;
	}
	#principal{
		overflow:hidden;
		width:100%;
	}
	#contenido{
		width:100%;
		float:left;
	}
	
	.cont-centrado{
		width:var(--cont-centrado);
		margin:auto;
		display: block;
	}
	.cont-centrado2{
		width:var(--cont-centrado2);
		margin:auto;
		display: block;
	}
	.cont-centrado3{
		width:var(--cont-centrado3);
		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;
	}
/*************************************************************/
	
	
	#encabezado{
		width:100%;
		top:0px;
		height: 168px;
		display:block;
		z-index:9999;
		position:fixed;
		transition:all 1s;
	}
	
	#encabezado .head-sup{
		background-color:#93d50a;
		float: left;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top:60px;
		padding: 10px 40px;
		border: 1px solid white;
		border-radius: 30px;
		transition:all 1s;
	}
	
	
	#encabezado  {
		display:block;
	}
	#encabezado #logo{
		width: 152px;
		height: 77px;
		display:block;
		transition:all 1s;
		
	}
	#encabezado #logo a{
		display: block;
	}
	#encabezado #logo img{
		height:77px;
		width:auto;
		transition:all 1s;
	}
	#encabezado .menuprin{
		width:680px;
	}

	
	#encabezado.anima #logo{
		transition:all 1s;
		height:50px;
		margin-bottom:0px;
    	width: 77px;
	}
	#encabezado.anima #logo img{
		height:50px;
		width:auto;
	}
	#encabezado.anima .head-sup{
		padding: 5px 40px;
		margin-top: 20px;
		border-radius: 20px;
	}
	#encabezado.anima{
		padding-top:0px;
		height:100px;
		transition:height 1s;
	}
	#encabezado.anima #menu{
		width:100%;
		margin-top: 0px;
		transition:all 1s;
	}
	
	

	.dashicons-menu-alt3:before {
		color:white;
		font-size: 35px;
	}
	.dashicons{
		width: auto!important;
		height: auto!important;
	}
	h3 .dashicons{
		line-height: 2!important;
    	font-size: 32px!important;
	}
	.iconoserv {
		position: relative;
    	float: left;
    	width: 40px;
		height: 60px;
		font-size: 30px;
		color: #a8594c;
		margin: 0 30px 0px 0;
		text-align: center;
	}
	.iconoserv:before {
		content: "";
		position: absolute;
		display: block;
		width: 4px;
		height: 60px;
		background-color: #f0f0f0;
		transform: skew(-11deg);
		left: calc(100% + 7px);
		
	}
	/******************* menu ****************/
	.menuprin{
		padding: 0px 0px;
	}
	#menu{
		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;
	}
		
	.nav-menu li {
		display:block;
		
	}
	.nav-menu li a {
		color:white;
		text-decoration:none;
		font-size:15px;
		display:block;
		font-weight:bold;
	}
	
	.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: black;
	}
	.nav-menu .sub-menu li:hover > a,
	.nav-menu .sub-menu li a:hover{
		color: white;
	}
	
	.nav-menu .sub-menu li:hover > a:before,
	.nav-menu .sub-menu li a:hover:before{
		content: "";
		background-image: url(images/bulletmenu.png);
		width: 10px;
		height: 12px;
		background-position: 0px 0px;
		display:inline-block;
		margin-right:5px;
	}
	.nav-menu .sub-menu,
	.nav-menu .children {
		background-color: black;
    	padding: 10px;
		position: absolute;
		display: none;
		padding: 20px;
		border-radius: 25px;
	}
	.nav-menu .sub-menu ul{
		display:block;
		padding: 6px 20px;
	}
	
	
	.nav-menu .sub-menu ul,
	.nav-menu .children ul {
		position:relative;
	}
	.sub-menu li{
		margin-bottom:10px;
	}
	.sub-menu li a{
		color: white;
	}
	ul.nav-menu ul a,
	.nav-menu ul ul a {
		color: #93d50a;
		
	}
	
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover {
		color: white;
	}
	ul.nav-menu ul a:hover:before,
	.nav-menu ul ul a:hover:before {
		content: "";
		background-image: url(images/bulletmenu.png);
		width: 10px;
		height: 12px;
		background-position: 0px 0px;
		display:inline-block;
		margin-right:5px;
	}
	
	
	
	
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul {
		display: block;
	}
	
	
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: #1d1d1b;
	}
	.nav-menu .sub-menu .current-menu-ancestor > a {
		color: white;
	}
	.nav-menu .sub-menu .current-menu-ancestor > a:before {
		content: "";
		background-image: url(images/bulletmenu.png);
		width: 10px;
		height: 12px;
		background-position: 0px 0px;
		display:inline-block;
		margin-right:5px;
	}
	.nav-menu .sub-menu .current_page_item > a{
		color:white;
	}
	
	
	.menu-nupki-container{
		display:block;
	}
	#menu-item-9 > a:after,#menu-item-10 > a:after,#menu-item-17 > a:after{
		content: "";
		background-image:url(images/bulletmenu.png);
		width:10px;
		height:12px;
		display:inline-block;
		margin-left:5px;
		background-position:0px 0px;
	}
	
	#menu-item-9:hover > a:after,#menu-item-10:hover > a:after,#menu-item-17:hover > a:after{
		content: "";
		background-image:url(images/bulletmenu.png);
		width:10px;
		height:12px;
		background-position: 0px 12px;
	}
	
	/************************************************* tema ******************************************/
	section{
		margin-top:100px;
		float:left;
		width:100%;
	}
	section h2{
		font-size:var(--titulo1);
		font-weight: 900;
		text-align:left;
		margin-bottom: 50px;
		position: relative;
	}
	section h2.verde{
		font-size:var(--titulo1);
		font-weight: 900;
		text-align:center;
		margin-bottom: 80px;
		position: relative;
		color:var(--color-verde);
		line-height: 100px;
	}
	
	section h3{
		font-weight: 400;
		font-size: 20px;
		
	}
	
	.btnmas{
		width: 294px;
		height: 70px;
		background: linear-gradient(180deg, rgba(251, 251, 248, 1) 0%, rgba(133, 134, 61, 1) 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50px;
		font-size:22px;
		margin: auto;
		position:relative;
	}
	.btnmas span{
		width: 284px;
		height: 62px;
		background: linear-gradient(180deg,rgba(139, 140, 75, 1) 0%, rgba(247, 247, 243, 1) 100%);
		font-size:22px;
		font-weight:bold;
		color:white;
		border-radius:50px;
		display:flex;
		justify-content:flex-end;
		align-items:center;
		padding-right:17px;
		overflow: hidden;
		text-shadow:2px 2px 2px #3f3f3f45;
		transition:text-shadow 1s;
		
	}
	.btnmas span:before{
		content: "";
		background-image: url(images/path707.png);
		background-size: contain;
		height: 76px;
		width: 100px;
		display: block;
		background-repeat: no-repeat;
		filter: drop-shadow(2px 2px 2px #3f3f3f45);
		transition:filter 1s;
		z-index: 99;
		position:relative;
	}
	.btnmas span:after{
		content: "";
		width: 100%;
		height: 94%;
		position: absolute;
		left: -3px;
		top: 0px;
		border: 5px solid #00000017;
		border-radius: 40px;
		z-index: 9;
	}
	
	.btnmas:hover span{
		text-shadow:2px 2px 2px #3f3f3fff;
		transition:text-shadow 1s;
	}
	.btnmas:hover span:before{
		filter: drop-shadow(2px 2px 2px #3f3f3fff);
		transition:filter 1s;
	}
	
	
	
	.btnmasv{
		width: 294px;
		height: 70px;
		/*background: linear-gradient(180deg, rgba(251, 251, 248, 1) 0%, rgba(133, 134, 61, 1) 100%);*/
		background: linear-gradient(180deg,rgba(147, 212, 1, 1) 0%, rgba(128, 133, 61, 1) 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50px;
		font-size:22px;
		margin: auto;
		position:relative;
		margin-top:70px;
	}
	.btnmasv span{
		width: 284px;
		height: 62px;
		background: linear-gradient(180deg,rgba(111, 112, 59, 1) 0%, rgba(150, 211, 31, 1) 45%);
		font-size:22px;
		font-weight:bold;
		color:white;
		border-radius:50px;
		display:flex;
		justify-content:flex-end;
		align-items:center;
		padding-right:55px;
		overflow: hidden;
		text-shadow:2px 2px 2px #3f3f3f45;
		transition:text-shadow 1s;
	}
	.btnmasv span:before{
		content: "";
		background-image: url(images/path709.png);
		background-size: contain;
		height: 76px;
		width: 100px;
		display: block;
		background-repeat: no-repeat;
		filter: drop-shadow(2px 2px 2px #3f3f3f45);
		transition:filter 1s;
		z-index: 99;
		position:relative;
	}
	.btnmasv span:after{
		content: "";
		width: 100%;
		height: 94%;
		position: absolute;
		left: -3px;
		top: 0px;
		border: 5px solid #00000017;
		border-radius: 40px;
		z-index: 9;
	}
	
	.btnmasv:hover span{
		text-shadow:2px 2px 2px #3f3f3fff;
		transition:text-shadow 1s;
	}
	.btnmasv:hover span:before{
		filter: drop-shadow(2px 2px 2px #3f3f3fff);
		transition:filter 1s;
	}
	
	#acercade .btnmasv span{
		padding-right:18px;
	}
	.faq{
		width:100%;
		display:block;
		margin:50px 0px;
	}
	.faq .preg{
		
		padding:30px 0px;
		display:grid;
		grid-template-columns:85% 15%;
		cursor:pointer;
	}
	.faq .preg:nth-child(2n + 1){
		border-top:2px solid var(--color-verde);
		border-bottom:2px solid var(--color-verde);
	}
	
	
	.faq h3{
		color:var(--color-verde);
		font-size:var(--titulo2-pagint);
		font-weight:900;
	}
	.faq .indicador{
		content:"";
		background-image:url(images/icono_faq.png);
		background-position:center;
		background-repeat:no-repeat;
		display:flex;
		width:100%;
		height:100%;
		justify-content:center;
		align-items:center;
	}
	.faq .pregresp .resp{
		height:0px;
		display:block;
		overflow:hidden;
		
		background:linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 54%);
		background-position:0px -112px;
		background-size:100% 250px;
		 -webkit-background-clip: text;
		color:transparent;
		transition:background-position 1s,height 1s;
	}
	.faq .pregresp .resp.visible{
		height:100px;
		background-position:0px 0px;
		transition:height 1s,background-position 1s;
		
	}
	#animacion{
		margin-top:0px;
	}
	#anuncio{
		width:100%;
		background-color:black;
		float:left;
		margin-top:30px;
	}
	
	#servicios .listserv{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
	}
	#servicios .listserv .serv{
		box-shadow: -10px -10px 20px #ffffff63;
		padding:50px 35px;
		padding-left:50px;
		background-color:#1d1d1b;
		border-radius:30px;
		font-size:28px;
		height:74vh;
		max-height:700px;
		min-height:600px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		color:var(--color-texto1);
		transform: translateX(1950px);
	}
	#servicios figure{
		height:280px;
	}
	/*#servicios .listserv .serv:nth-child(1){
		transform: translateX(1200px);
	}
	#servicios .listserv .serv:nth-child(2){
		transform: translateX(1300px);
	}
	#servicios .listserv .serv:nth-child(3){
		transform: translateX(1400px);
	}
	*/
	#servicios .listserv .serv:nth-child(1).visible{
		transform: translateX(0px);
		transition:transform 1s ease-in-out;
	}
	#servicios .listserv .serv:nth-child(2).visible{
		transform: translateX(0px);
		transition:transform 1.5s ease-in-out;
	}
	#servicios .listserv .serv:nth-child(3).visible{
		transform: translateX(0px);
		transition:transform 2s ease-in-out;
	}
	#servicios .listserv .serv:nth-child(2){
		background-color:#111111;
	}
	
	#servicios .listserv .serv .puntos{
		width:100%;
	}
	#servicios .listserv .serv .puntos img{
		float:right;
	}
	#servicios .listserv .serv figure img{
		filter: drop-shadow(-10px -10px 13px #ffffff25);
		transition:filter 1s;
	}
	#servicios .listserv .serv figcaption{
		color:var(--color-texto1);
		margin-top: 20px;
		transition:color 1s;
	}
	#servicios .listserv .serv a:hover figcaption{
		color:var(--color-verde);
		transition:color 1s;
	}
	#servicios .listserv .serv a:hover figure img{
		filter: drop-shadow(-10px -10px 13px #ffffff75);
		transition:filter 1s;
	}
	#servicios .listserv .serv .more{
		color:var(--color-verde);
		transition:color 1s;
	}
	#servicios .listserv .serv .more:hover{
		color:var(--color-texto1);
		transition:color 1s;
	}
	#beneficios{
		margin-top:160px;
	}
	#beneficios .gridbenef{
		display:grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		column-gap: 60px;
		row-gap: 25px;
		width:960px;
	}
	#beneficios .gridbenef .info{ 
		background-color: #a2d13e;
		border-radius: 35px;
		width:219px;
		height:211px;
		position:relative;
		overflow: hidden;
		border: 4px solid #a2d13e;
		
	}
	#beneficios .gridbenef .info span{
		width:219px;
		height:211px;
		padding-top:30px;
		display:block;
	}
	#beneficios .gridbenef .info span:before{
		content:"";
		display:block;
		position:absolute;
		width: 215px;
		height: 205px;
		border-radius: 35px;
		border: 4px solid #a2d13e;
		top: -4px;
		left: -4px;
		filter: drop-shadow(5px 6px 5px black);
		
	}
	#beneficios .gridbenef .info:hover span{
		padding-top:25px;
	}
	
	#beneficios .gridbenef .info:hover span:before{ 
		top: -5px;
		left: -5px;
		filter: drop-shadow(-5px -6px 5px black);
	}
	
	#beneficios .gridbenef .info img{ 
		margin:auto;
		display:block;
		height:64px;
		width:auto;
	}
	#beneficios .benef0{
		grid-column-start: 1;
		grid-column-end: 3;
		height: 100px;
	}
	#beneficios .benef6{
		grid-column-start: 3;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;
		opacity:0;
	}
	#beneficios .benef6.visible{
		opacity:1;
		transition:opacity 2s;
	}
	
	#beneficios .benef1{
		
	}
	#beneficios .benef2{
		
	}
	#beneficios .benef3{
		
	}
	#beneficios .benef4{
		
	}
	#beneficios .benef5{
	}
	#beneficios .gridbenef p{
		font-size: 18px;
		text-align: center;
		padding: 12px 20px 0px 20px;
		font-weight: 400;
	}
	#soluciones .listsol{
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		font-size:var(--texto-size2);
	}
	#soluciones .listsol div{
		padding:80px 60px;
		display:grid;
		grid-template-rows: 3fr 3fr 6fr 1fr;
		height:80vh;
		max-height:900px;
		min-height:660px;
		transform:translateX(-1900px);
	}
	#soluciones .listsol div img{
		margin:auto;
		margin-bottom:43px;
	}
	#soluciones .listsol h2{
		font-size:var(--titulo2);
		text-align:center;
		line-height: 44px;
		margin-bottom:0px;
	}
	#soluciones .listsol div p{
		text-align:justify;
		/*line-height: 38px;*/
	}
	#soluciones .listsol div ul{
		list-style-position: inside;
		text-align: center;
		list-style-image:url(images/bullet_verde.png);
	}
	#soluciones .listsol div ul li{
		margin-bottom:30px;
		color:white;
	}
	#soluciones .listsol div ul li a{
		color:white;
	}
	#soluciones .listsol .sol1{
		background-image:url(images/01ciber.jpg);
	}
	#soluciones .listsol .sol2{
		background-image:url(images/02centro.jpg);
	}
	#soluciones .listsol .sol3{
		background-image:url(images/03nube.jpg);
	}
	#soluciones .listsol .sol1.visible{
		transform: translateX(0px);
		transition:transform 1s ease-in-out;
	}
	#soluciones .listsol .sol2.visible{
		transform: translateX(0px);
		transition:transform 1s ease-in-out;
	}
	#soluciones .listsol .sol3.visible{
		transform: translateX(0px);
		transition:transform 1s ease-in-out;
	}
	#aliados p{
		color:var(--color-texto2);
		padding:0px 80px;
		text-align:center;
	}
	#aliados .listaliados{
		display:grid;
		grid-template-columns:1fr 1fr 1fr 1fr 1fr;
		grid-gap:80px 35px;
		margin-top:130px;
	}
	#aliados .listaliados div{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	#acercade .columnas{
		width:100%;
		display:flex;
		justify-content:space-between;
		height:710px;
	}
	#acercade .columnas .col:nth-child(1){
		padding-top:100px;
	}
	#acercade .columnas .col:nth-child(2){
		padding-left:40px;
		display:flex;
		flex-direction:column;
	}
	
	#acercade  h2{
		font-size:var(--titulo3);
		text-align:left;
		margin-bottom:0px;
	}
	#acercade .btnmas{
		margin-top:80px;
	}
	.separador{
		overflow: hidden;
		margin-top: 150px;
		float: left;
		display: flex;
		justify-content: center;
		width:100%;
	}
	.separador div{
		width:var(--cont-centrado);
		height:235px;
		display:flex;
		justify-content:center;
		align-items:center;
		background-color:var(--color-verde);
		border-radius:40px;
		box-shadow:10px 0px 20px black;
		margin-top:100px;
		position:relative;
		z-index:99;
	}
	
	
	#contacto{
		background-image: url(images/contacto.jpg);
		background-attachment: fixed;
		background-position: top;
		background-repeat:no-repeat;
		padding-top: 200px;
		margin-top: -120px;
		background-size: 150%;
	}
	#contacto h2{
		width:var(--titulo2);
	}
	#contacto .datacont{
		display: grid;
		grid-template-columns:1fr 1fr;
		width: 100%;
	}
	#contacto a{
		color:white;
	}
	
	#contacto a:hover{
		color: var(--color-verde);
		transition: color 1s;
	}
	
	#contacto a:hover:before{
		content:"";
		filter:drop-shadow(-7px -5px 9px #ffffffb5);
		transition: filter 1s;
	}
	#contacto .conttel{
		height:52px;
		margin-bottom:40px;
		display:flex;
		align-items:center;
	}
	#contacto .conttel:before{
		content:"";
		background-image:url(images/tel_icon.png);
		background-size:52px 52px;
		width:52px;
		height:52px;
		display:block;
		position:relative;
		margin-right: 20px;
	}
	
	#contacto .contmail{
		height:52px;
		margin-bottom:40px;
		display:flex;
		align-items:center;
	}
	#contacto .contmail:before{
		content:"";
		background-image:url(images/mail_icon.png);
		background-size:52px 52px;
		width:52px;
		height:52px;
		display:block;
		position:relative;
		margin-right: 20px;
	}
	#contacto .redsosial{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		margin-top:80px;
		margin-bottom:100px;
	}
	#contacto .redsosial a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:70px;
		height:70px;
		background-image:url(images/linkedin_btn.png);
		background-size:70px 70px;
		margin:auto;
		transition: filter 1s;
	}
	#contacto .redsosial a:hover{
		filter:drop-shadow(-5px -10px 20px white);
		transition: filter 1s;
	}
	
	#footer{
		background-color:#dededf;
		font-size:var(--texto-size3);
		color:var(--color-texto3);
	}
	#footer .derechos{
		display:flex;
		height:122px;
		justify-content:center;
		align-items:center;
		gap:10px;
	}
	#footer a{ 
		color:var(--color-texto3);
		transition: color 1s;
	}
	#footer a:hover{ 
		color:black;
		transition: color 1s;
	}
	.page-template #footer{
		background-color:var(--color-verde);
		color:white;
	}
	.page-template #footer a{
		color:white;
	}
	#infocontact{
		margin-top:0px;
		background-image:url(images/fondo_infocontact.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	#infocontact .cont-centrado{
		display:flex;
		align-items:center;
		flex-direction:column;
		padding:150px 260px;
	}
	#infocontact h2{
		color:var(--color-verde);
		font-size:var(--titulo2);
		text-align:center;
	}
	#infocontact p{
		text-align:center;
	}
	#infocontact a{
		color:var(--color-verde);
		font-size:34px;
		font-weight:900;
		margin-top:60px;
	}
	#infocontact img{
		margin-bottom: 80px;
	}
	
	/******************************************************* pagina intermedia ********************************************/
	
	#pagencbzd {
		background-size:cover;
		padding-top:220px;
		width:100vw;
		height:100vh;
		margin-top:0px;
	}
	#pagencbzd h1{
		color:var(--color-verde);
		font-size:var(--titulo1-pagint);
		font-weight:900;
		text-align:center;
		margin-bottom:0px;
	}
	#pagencbzd h2{
		color:var(--color-verde);
		font-size:var(--titulo2-pagint);
		font-weight:900;
		text-align:center;
	}
	#pagencbzd h3{
		color:var(--color-gris);
		font-size:var(--titulo3-pagint);
		font-weight:400;
		text-align:center;
	}
	#porque h2{
		font-size:var(--titulo2);
		color:var(--color-verde);
		font-weight:bold;
		text-align:center;
		padding:0px 145px;
	}
	#porque .columnas{
		display:flex;
		gap:130px;
	}
	#porque p{
		margin-top:30px;
	}
	#ofrecemos h2{
		font-size:var(--titulo1);
		color:var(--color-verde);
	}
	#actuar{
		position:relative;
		display:block;
		margin-bottom:300px;
	}
	#actuar .fondo{
		width:100%;
		height:700px;
		display:flex;
		justify-content:space-around;
	}
	#actuar .fondo span{
		width:539px;
		height:100%;
		display:block;
		background-repeat:no-repeat;
		border-radius:50px;
	}
	#actuar .fondo span:nth-child(1){
		background-image:url(images/fondo1_cuando.jpg);
	}
	#actuar .fondo span:nth-child(2){
		background-image:url(images/fondo2_cuando.jpg);
	}
	#actuar .rec{
		position:absolute;
		width:900px;
		top:60%;
		background-color:var(--color-verde);
		color:white;
		margin:auto;
		padding:90px 70px;
		left:calc(50% - 400px);
		border-radius:60px;
	}
	#actuar .rec h2{
		font-size:var(--titulo2);
		text-align:center;
		margin-bottom:20px;
	}
	#actuar .rec p{
		text-align:center;
	}
	#donde{
		margin-bottom:150px;
	}
	#donde .columnas{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:100px;
	}
	#donde h2{
		color:var(--color-verde);
		font-size:var(--titulo2);
	}
	#donde ul{
		width:100%;
		list-style:none;
		list-style-position:inside;
	}
	#donde ul li{
		height:120px;
		padding-right:90px;
		position:relative;
		display:flex;
		align-items:center;
	}
	#donde ul li:after{
		content:"";
		background-image:url(images/icono_faq.png);
		width:63px;
		height:62px;
		display:block;
		position:absolute;
		top: calc(50% - 30px);
		right:20px;
	}
	
	#donde ul li:nth-child(2n + 1){
		border-top:1px solid #A2D23F;
		border-bottom:1px solid #A2D23F;
	}
	#elegirnos{
		background-color:var(--color-verde);
		position:relative;
	}
	#elegirnos:after{
		content:"";
		width:50%;
		height:100%;
		display:block;
		background-image:url(images/fondo_elegirnos.jpg);
		background-position: right;
		background-size: cover;
		background-repeat: no-repeat;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	
	#elegirnos h2{
		font-size:var(--titulo2);
	}
	#elegirnos p{
		font-size:var(--texto-size4);
		padding-right:85px;
		margin-bottom:15px;
	}
	#elegirnos .columnas{
		padding:70px 0px;
		display:grid;
		grid-template-columns:1fr 1fr;
		
	}
	/******************************************************* pagina final ********************************************/
	#informacion{
		margin-bottom:100px;
	}
	#informacion h3{
		font-size:var(--titulo2);
	}
	#informacion h2{
		font-size:var(--titulo2);
		color:var(--color-verde);
	}
	#informacion p{
		font-size:var(--texto-size1);
		margin-bottom:25px;
	}
	#informacion .col:nth-child(2){
		display:flex;
		align-items:center;
		justify-content:center;
	}
	#informacion .col:nth-child(2) img{
		width:90%;
		display:block;
	}
	#informacion .columnas{
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	.txtextra{
		margin-top:20px;
	}
	.txtextra .btnvmas{
		width:100%;
		height:67px;
		display:block;
		background-size: contain;
		margin-top:30px;
		margin-bottom:70px;
		position:relative;
		cursor:pointer;
	}
	.txtextra .btnvmas img{
		height:67px;
		width:67px;
		transition:transform 1s;
	}
	
	.txtextra .btnvmas:after{
		content:"";
		border-bottom:1px solid var(--color-verde);
		position:absolute;
		width:100%;
		top:42%;
		z-index: -1;
		left:10px;
	}
	.txtextra p{
		display:block;
		height:0px;
		width:100%;
		overflow:hidden;
		transition:height 2s;
	}
	.txtextra.visible p{
		height:400px;
		transition:height 2s;
	}
	.txtextra.visible .btnvmas img{
		transform:rotate(180deg);
		transition:transform 1s;
	}
	#infoadicional{
		position:relative;
		display:block;
		margin-bottom:200px;
	}
	#infoadicional .fondo{
		width:100%;
		height:700px;
		display:flex;
		justify-content:space-around;
	}
	#infoadicional .fondo span{
		width:539px;
		height:100%;
		display:block;
		background-repeat:no-repeat;
		border-radius:50px;
	}
	#infoadicional .fondo span:nth-child(1){
		background-image:url(images/dosa_fin.jpg);
	}
	#infoadicional .fondo span:nth-child(2){
		background-image:url(images/dosb_fin.jpg);
	}
	#infoadicional .rec{
		position:absolute;
		width:900px;
		top: calc(50% - 118px);
		background-color:var(--color-verde);
		color:white;
		margin:auto;
		padding: 30px 71px;
		left:calc(50% - 400px);
		border-radius:60px;
	}
	
	#infoadicional .rec p{
		text-align:center;
		font-size:var(--texto-size1);
	}
	.imgfinal{
		border-radius:25px;
		box-shadow: 10px 10px 21px #ffffff8a;
	}
	#historia{
		margin-bottom:60px;
	}
	#historia h2{
		font-size:var(--titulo2);
		color:var(--color-verde);
	}
	#historia .columnas,#ofrecemos .columnas{
		widtth:100%;
		display:flex;
		margin-top:80px;
		margin-bottom:80px;
		gap:50px;
	}
	#historia .col:nth-child(1) h2:after{
		content:"";
		background-image:url(https://boomslang.mx/wp-content/uploads/2025/07/Mision.png);
		background-repeat:no-repeat;
		width:80px;
		height:60px;
		display: inline-block;
		margin-left:15px;
	}
	#historia .col:nth-child(2) h2:after{
		content:"";
		background-image:url(https://boomslang.mx/wp-content/uploads/2025/07/Vision.png);
		background-repeat:no-repeat;
		width:80px;
		height:65px;
		display: inline-block;
		margin-left:15px;
	}
	#historia .valores h2:after{
		content:"";
		background-image:url(https://boomslang.mx/wp-content/uploads/2025/07/Valores.png);
		background-repeat:no-repeat;
		width:80px;
		height:77px;
		display: inline-block;
		margin-left:15px;
	}
	
	#historia .valores h3,#ofrecemos h3,#contactopag h3 {
		color: var(--color-verde);
		font-size: var(--titulo2-pagint);
		font-weight: 900;
  	}
	#historia .valores ul li,#ofrecemos ul li,#contactopag ul li{
		list-style:none;
		margin-bottom:30px;
	}
	#historia .valores ul li:before,#ofrecemos ul li:before,#contactopag ul li:before{
		content:"";
		display: inline-block;
		background-image: url(images/icono_faq.png);
		width: 44px;
		height: 44px;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#historia .valores ul li p,#ofrecemos ul li p:#contactopag ul li p{
		padding-left: 42px;
	}
	#ofrecemos  p,#contactopag p{
		margin-left:40px;
	}
	#contactopag{
		margin-bottom:80px;
	}
	#contactopag .columnas{
		width:100%;
		display:flex;
		gap:50px;
	}
	#contactopag .columnas .col{
		width:50%;
		display:block;
	}
	#contactopag a{
		color:white;
	}
	#contactopag .formulario .formdatos{
		width:70%;
		display:block;
	}
	#contactopag .formulario h3:before{
		content: "";
		display: inline-block;
		background-image: url(images/icono_faq.png);
		width: 44px;
		height: 44px;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap > div input, .field-wrap select, .field-wrap textarea {
  		width: 100%;
		background-color:var(--color-verde);
		border:1px solid white;
		font-size:22px;
		padding: 15px 15px;
		border-radius: 20px;
	}
	.field-wrap > div input[type="checkbox"], .field-wrap button, .field-wrap input[type="button"], .field-wrap input[type="submit"] {
  		width: 200px!important;
		background-color: #e3e3e3;
	}
	.nf-form-fields-required{
		margin:30px 0px;
	}
}








	/******************************************** contacto *****************************************/
	
}