/*Theme Name: Tema base - ANEPCO v1 recaptcha
Theme URI: somosjam.cl
Description: Template hecho para tomarlo como base inicial de cualquier proyecto wordpress
Version: 1.0
Author: SOMOS JAM
Author URI: https://somosjam.cl/
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat: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');

@font-face {
	font-family: MontsBlack;
	src: url(./fonts/Montserrat-Black.ttf);
	font-display: swap;
 }

body {
	margin: 0;
	/* height: 10000px; */
	position: relative;
}

* {
	font-family: 'Montserrat', sans-serif;
	box-sizing: border-box;
	font-display: swap;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.grecaptcha-badge{
	display:none !important;
}

section {
	overflow: hidden;
	width: 100%;
}

.header-menu-flotante{
	position: fixed;
    z-index: 100;
    right: 122px;
    top: 30px;
}

.header-menu-flotante ul{
	list-style: none;
    display: flex;
    gap: 20px;
  
}

.header-menu-flotante ul li a{
	color: #fff;
    font-weight: 600;
    font-size: 18px;
	text-shadow: 1px 1px 5px #000;
	text-decoration:none;
}

.menu-flotante .icono {
	font-size: 32px;
	width: 65px;
	height: 65px;
	background-color: #EB5829;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10000000;
	cursor: pointer;
    box-shadow: 2px 2px 15px #00000038;
}
.menu-flotante .icono div.close{
	display: none;
}
.menu-flotante .icono.active div.close{
	display: block;
}

.menu-flotante .icono.active div.barras{
	display: none;
}

.menu-flotante .overlay {
	position: fixed;
	top: 23px;
	right: 22px;
	z-index: 9999999;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #12005A;
	transition: transform 0.5s ease-in;
}

.menu-flotante .overlay.active {
	transform: scale(100, 100);
}



.menu-flotante .menu-content {
	position: fixed;
	z-index: 9999999;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	visibility: hidden;
}

.menu-flotante .menu-content.active{
	visibility: visible;
}

.menu-flotante .menu-content .logo {
	padding: 30px;
	opacity: 0;
	transition: all .4s;
}


.menu-flotante .menu-content .logo img {
	width: 200px;
}

.menu-flotante .menu-content.active .logo {
	transition-delay: .6s;
	opacity: 1;
}

.menu-flotante .menu-content .menu-items {
	text-align: right;
	flex-grow: 1;
}

.menu-items ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-right: 100px;
}

.menu-items ul li{
	height: 12vh;
	overflow: hidden;
}

.menu-items ul li a {
	text-decoration: none;
	color: #F1E8DC;
	font-size: 11vh;
	font-weight: bold;
	transition: transform .8s;
	display: inline-block;
	transform: translateY(100%);
	font-family: MontsBlack;
}

.menu-items ul li a:hover {
	-webkit-text-stroke: 2px #F1E8DC;
	color: transparent;
}

.menu-flotante .menu-content.active .menu-items ul li a{
	transition-delay: .6s;
	transform: translateY(0);
}

.menu-redessociales {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px;

}

.menu-redessociales a {
	color: #fff;
	font-size: 35px;
}

.franja-footer{
	position: absolute;
	bottom: -39%;
	left: 17%;
	background-color: #1D1052;
	width: 676px;
	height: 1965px;
	transform: rotate(45deg);
}
/* boton de whatsap */

/* .btn-whatsap {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 9999999;
}
.btn-whatsap a{
	display: block;
}

.btn-whatsap a img {
    width: 60px;
    transition: all .3s ease-in;
}
 */

   .btn-whatsap {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 9999999;
      
      display: flex;
      align-items: center;
      gap: 5px;
   }
   
   .btn-whatsap a {
      background-color: #29A71A;
      transition: all .3s ease-in-out;
      display: block;
      border-radius: 50%;
      position: relative;
      z-index: 5;
   }

   .btn-whatsap a:hover {
      transform: scale(1.1);
      animation: whatsapp 1s infinite ease-in-out;
   }

   .btn-whatsap a img {
      width: 60px;
      transition: all .3s ease-in;
      display: flex;
      border-radius: 50%;
   }

   .btn-message {
      background-color: #fff;
      padding: 5px 10px;
      border-radius: 5px;
      box-shadow: 0 0.5px 2px rgba(0,0, 0 ,.4);
      position: relative;
      z-index: 3;
      min-width: 70px;
      min-height: 16px;
      transform: translateX(50%);
      opacity: 0;
      transition: all .4s ease-in-out;
      visibility: hidden;
   }
   
   .btn-message.show{
      visibility: visible;
      transform: translateX(0);
      opacity: 1;
   }

   .btn-message span{
      display: block;
      position: relative;
      text-align: center;
   }

   .btn-message.show span:before {
    content: '¡Hablemos!';
    animation: changeText 15s infinite ease-in-out;
}

   @keyframes whatsapp {
      0% {
         box-shadow: 0 0 0 0 rgba(6, 80, 4, 0.85)
      }

      100% {
         box-shadow: 0 0 0 25px rgba(6, 80, 4, 0)
      }
   }

   @keyframes changeText {

      0%{
         content: '¡Hablemos!';
      }
      50%{
         content: '¡Cotiza aquí!';
      }
      100%{
         content: '¿Quieres más información?';
         
      }

   }






/* MODAL DE MENSAJES */
.modal-contenedor-mensajes{

	background-color: rgb(18, 0, 90, .8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0;
	z-index: 99999999;
	place-content: center;
	display: grid;
	visibility: hidden;
}

.modal-contenedor-mensajes.active{
	visibility: visible;
}

.modal-contenedor-mensajes.condicion.active{
	visibility: visible;
}

.modal-contenedor-mensajes.terreno.active{
	visibility: visible;
}

.modal-mensaje-body{
	--height:450px;
	width: 800px;
	height: var(--height);
	background-color: #FFFFFF;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	opacity: 0;
	transform: translateY(-40px);
}




.modal-contenedor-mensajes.active .modal-mensaje-body{
	transition: all .4s ease-in;
	transition-delay: .1s;
	opacity: 1;
	transform: translateY(0px);
}

.modal-mensaje-body-triangulo{
	position: absolute;
	width: 100%;
	height: calc(var(--height) / 2 + 70px);
	background-color: #FAF7F3;
	z-index: 0;
	top: 0;

}

.modal-mensaje-body-triangulo:nth-child(1){
	
	clip-path: polygon(0 50%, 100% 100%, 100% 0);
}

.modal-mensaje-body-triangulo:nth-child(2){

	clip-path: polygon(0 0, 0 100%, 100% 50%);
	top: 155px;

}

.modal-mensaje-close{
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 2;
	height: 65px;
	width: 65px;
	line-height: 50px;
	background-color: #1F299C;
	color: #fff;
	border-radius: 50%;
	font-size: 60px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.modal-mensaje-image{
	position: relative;
	z-index: 2;
}

.modal-mensaje-image img{
	width: 240px;
}

.modal-mensaje-texto{
	position: relative;
	z-index: 2;
	padding: 12px;
}

.modal-mensaje-texto.condicion h3{
	text-align: center;
    color: #12005a;
    font-size: 25px;
    margin: 0;
	margin-bottom: 10px;
}

.modal-mensaje-texto.condicion ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-mensaje-texto.condicion ul li {
    font-weight: 500;
    font-size: 16px;
    color: #12005a;
}

.modal-mensaje-texto.condicion ul li span{
    color: #EB5829;
    font-weight: 800;
    font-size: 24px;
}

.modal-mensaje-texto p{
	text-align: center;
	color: #12005A;
	font-size: 24px;
	padding: 0 20px;
}

.modal-mensaje-texto p strong{
	display: block;
}

.modal-mensaje-link{
	display: block;
	position: relative;
	z-index: 2;
	color: #fff;
	text-decoration: none;
	background-color: #EB5829;
	font-size: 19px;
	padding: 14px 30px;
	box-shadow: 3px 3px 6px #00000029;
}


/* FOOTER */

footer{
	background-color: #0E0046;
}

.footer-contenedor{
	border-top: 1px solid #707070;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	padding-bottom: 100px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.footer-imagen{
	max-width: 320px;
}
.footer-imagen p{
	color: #bebebe;;
}

footer .redes-sociales a{
	color: #fff;
	margin-right: 20px;
	font-size: 25px;
}

.footer-imagen img{
	width: 230px;
}

.footer-menu strong{
	color: #fff;
}

.footer-menu ul{
	padding: 0;
	list-style: none;
}

.footer-menu ul li a{
	color: #bebebe;
	text-decoration: none;
}

.footer-informacion strong{
	color: #fff;
	
}

.footer-informacion p{
	color: #bebebe;
	
}
.footer-informacion a{
	color: #bebebe;
	text-decoration: none;
	display: block;
    margin-bottom: 16px;
}


.btn-whatsapp-form {
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:100;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.btn-whatsapp-form img {
	width: 60px;
	position: relative;
	z-index: 1;
}

.content-text-btn-form {
	position: relative;
	left: -24px;
}

.content-text-btn-form span {
    display: block;
    color: #16205A;
    font-weight: 600;
    background-color: #fff;
    padding: 11px 20px 11px 30px;
    box-shadow: 3px 0.91px 4px #00000040;
    border-radius: 13px;
}


/* MEDIAQUERY */
@media(max-width:1200px){
	.footer-contenedor{
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media(max-width:900px){
	
	.header-menu-flotante{
		display:none;
	}

	.footer-contenedor{
		flex-direction: column;
		gap: 25px;
		padding-bottom: 40px;
	}

}


@media(max-width:767px){

	.menu-items ul{
		padding-right: 10px;
	}
	
	.menu-flotante .menu-content .menu-items{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.menu-items ul li{
		height: 10vh;
	}

	.menu-items ul li a{
		font-size: 8vh;
	}

	.modal-mensaje-body{
		width: 95%;
		margin: 0 auto;
	}

	.modal-mensaje-close{
		top: 10px;
		right: 10px;
		height: 50px;
    width: 50px;
    line-height: 50px;
	 font-size: 50px;
	}


}

@media(max-width:480px){
	#converse-chat{
		height: 80% !important;
	}
	.menu-flotante .overlay{
		width: 53px;
		height: 53px;

	}

	.menu-flotante .icono{
		width: 57px;
    	height: 57px;
	 	font-size: 30px;
	}

	.menu-flotante .menu-content .logo img {
		width: 190px;
  }

	.menu-flotante .menu-content .logo{
		padding: 30px 10px;
	}

	.menu-items ul li {
		height: 7vh;
  }

  .menu-items ul li a {
	font-size: 5vh;
}
		.widget .pop-up .pop-up-circle.bubble {
			width: 45px !important;
			height: 45px!important;
	}
	#bodyIframe2{
		    display: flex;
    		justify-content: end;
	}
	#pop-up-container{
		    width: 90% !important;

	}
	
}


.price{
	display:block!important;
}