@charset "utf-8";
/* CSS Document */
.nav1{ background:#FFF; height: 80px; width: 100%;}
.nav-item{padding-left: 20px;  } 
.text-purple-600{ color:rgb(147 51 234 / var(--tw-text-opacity, 1)); --tw-text-opacity:1; } 
.text-blue-600{--tw-text-opacity:1; color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.font-bold{ font-weight:700;}
.text-2xl{ font-size: 1.5rem; line-height: 2rem; text-decoration: none;}
.navbar a:hover{color:rgb(37 99 235 / var(--tw-text-opacity, 1)); --tw-text-opacity:1;}
.bg-inicio { background: #f4f8ff; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2); padding-bottom: 100px;}
.img-inicio { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); border-radius:20px; margin-top: 100px; margin-bottom: 100px;}
.gradient-text{ color:rgb(147 51 234 / var(--tw-text-opacity, 1)); --tw-text-opacity:1;  }
.gradient-textm{ --tw-text-opacity:1; color:rgb(37 99 235 / var(--tw-text-opacity, 1))  }
.tinicio{ font-size: 1.2rem;}
.tinicio h1{ font-size: 3.5rem; line-height: 1; }
.jinetes{   text-align: center;  }
.jinete1{--tw-text-opacity:1; color:#0562ca; font-weight: 700; font-size: 1.8rem; }
.jinete0{ background: #FFF; border-radius:10px; padding: 10px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 255, 0.3); }
.jinete2{ color:#fe8a04;}
.superior{ text-align:center; padding-top: 100px; }
.titulo-m{font-size: 2rem;}
.texto-m{ width:60%; margin-left: auto; margin-right: auto; color: #333; font-size: 1.1rem;}
.servicios{background:rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-bottom: 100px;}
.serv{background: #FFF; border-radius:10px; padding: 20px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); margin-top: 80px; }
.servicon{--tw-text-opacity:1; color:rgb(37 99 235 / var(--tw-text-opacity, 1)); font-size:2rem; background:#BBE8FF; width: 50px; height: 50px; border-radius:10px;}
.servtext{ padding-top:20px; font-weight: 700; font-size: 1.2rem; color: #333;  }
.serv p{color:#666;}
.bd-blue{ border: 1px solid rgb(147 51 234 / var(--tw-text-opacity, 1)); --tw-text-opacity:1; } 
.plan{margin-top: 80px; }
.plans{background: #FFF; border-radius:10px; padding: 30px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); }
.plans2{background: #FFF; border-radius:10px;  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1); }
.popular{ background:rgb(147 51 234 / var(--tw-text-opacity, 1)); color: #FFF; padding: 6px; border-radius: 0px 10px 0px 10px; font-weight: 600;  }
.plantext{ padding-top:20px; font-weight: 700; font-size: 1.5rem; color: #333;  }
.precio { font-size:2.5rem; font-weight: 700; }
.mpeque{ font-size:0.8rem; top:0; }
.op1{color:green; font-size: 1.5rem; }
.testimonios{background:rgb(249 250 251 / var(--tw-bg-opacity, 1)); padding-bottom: 100px;}
.test{background: #FFF; border-radius:10px; padding: 20px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); }
.faqs, .bg3, .planes{ padding-bottom: 80px;}
.titulo-b{font-size: 2rem; color: #FFF;}
.texto-b{ width:60%; margin-left: auto; margin-right: auto; font-size: 1.1rem; color: #FFF;}
.text-c{ font-weight: 600;  }
.input-c input{ margin-top:10px; border: 1px solid #FFF; height: 40px; border-radius:5px; padding:10px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); width: 100%;}
.input-c textarea{ margin-top:10px; border: 1px solid #FFF; height: 120px; border-radius:5px; padding:10px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1); width: 100%;}
.txt-c{font-size:1.2rem; font-weight: 600;}
.txt-w{position:fixed;bottom:2rem;left:2rem;z-index:1020; }
.foot{  padding-top: 100px; }
.foot p { margin-top:20px; font-size: 1em;}
.icon-c{font-size:2rem;}
.pl-2{ padding-left:10px;}
.text-white{ text-decoration:none}
.key p{color:#F00; padding-left:10px; padding-top:5px;}
.inline{margin-top:5px; padding:10px; color:#FFF; font-size:1.2rem; background:rgb(17 24 39 / var(--tw-bg-opacity, 1)); border-radius:5px; text-align:center; letter-spacing:2px;}

.badge2{
background:#ffe9d6;
color:#000 !important;
padding:8px 16px !important;
border-radius:20px;
display:inline-block;
margin-bottom:20px;
font-weight:500;
width: 100%;



}




				  .plan-tag{display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(5, 98, 202, 0.08);
    color: #0d6efd;
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 12px;}
				  
				  .plan-card{   
					  position: relative;
					  padding-top: 26px;
				      background: var(--card);
					  border-radius: 18px;
					  padding: 22px;
					  border: 1px solid rgba(15, 23, 42, 0.08);
					  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
				  }
				 
				  
				  .plan-card .badge {    
					  position: absolute;
					  top: -14px;
					  right: 20px;
					  background: #ffe9d6;
					  color: #ff7a00; padding: 6px 12px;
					  border-radius: 999px;
					  font-size: 0.75rem;
					  text-transform: uppercase;
					  letter-spacing: 0.08em;
				  }
				  
				  .badge{
					  --bs-badge-padding-x: 0.65em;
					  --bs-badge-padding-y: 0.35em;
					  --bs-badge-font-size: 0.75em;
					  --bs-badge-font-weight: 700;
					  --bs-badge-color: #fff;
					  --bs-badge-border-radius: var(--bs-border-radius);
					  display: inline-block;
					  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
					  font-size: var(--bs-badge-font-size);
					  font-weight: var(--bs-badge-font-weight);
					  line-height: 1;
					  color: var(--bs-badge-color);
					  text-align: center;
					  white-space: nowrap;
					  vertical-align: baseline;
					  border-radius: var(--bs-badge-border-radius);}
				  
				  .featured{
					  border: 2px solid #ffe9d6;
					  box-shadow: 0 18px 40px #ffe9d6;
					  background: linear-gradient(160deg, #ffffff 0%, #f5f9ff 100%);
				  }
				  



@media (max-width: 576px) { .medio{ margin-left:auto; margin-right:auto; width: 150px;} .nav1{height:140px; } .img-inicio{display:none;} .tinicio{padding-top:40px; padding-bottom:60px;} }