:root {
    --gold: #d4b26d;
    --gold-dim: rgba(200, 164, 74, 0.22);
    --black: #0A0A0A;
    --dark: #111111;
    --card-bg: #181818;
    --blue: #1B4FD8;
    --cyan: #00AEDB;
    --green-wa: #25D366;
    --white: #FFFFFF;
    --muted: #BBBBBB;
}
html, body {
  height:100%;
}
body { 	
 	background-size: cover;
 	color: #fff;
  	 font-family: 'Barlow', sans-serif !important;
 	font-size: 17px; 	
 	background-color: #000;
}
.condensed{
	font-family: 'Barlow Condensed', sans-serif;
}
.bg{
	background: url("../images/bg-4.png");
	background-color: #000;
	padding-top: 100px;
	background-size: cover;
}
.bg-2{
	background: url("../images/bg-2.png");
	background-size: cover;
	padding-top: 50px;
}
.bg-3{
	background: url("../images/bg-3.png");
	background-size: cover;
	padding-top: 50px;
}
.bg-amarillo{
	background-color: var(--gold);
}
.bg-black{
	background-color: #000;
}
.cont-logo{
	padding-top: 20px;
}
a{
	color: #fff;
}
a:hover, a:focus{
	text-decoration: inherit;
	color: inherit;
}
.pt10{
	padding-top:10px;
}

.pt20{
	padding-top:20px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt50{
	padding-top:50px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}

.pb30{
	padding-bottom:30px;
}

.pb40{
	padding-bottom:40px;
}

.pb50{
	padding-bottom:50px;
}
.pl10{
	padding-left:10px;
}
.pr10{
	padding-right:10px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}
.mr20{
	margin-right: 20px;
}
.ml20{
	margin-left: 20px;
}
.sinpadding{
	padding-left: 0px;
	padding-right: 0px;
}
.sinmargin{
	margin-left: 0px;
	margin-right: 0px;
}
h1,h2,h3,h4,h5,h6{
	text-transform: initial;
}
h2{
	
	font-size: 30px;
    line-height: 2.5rem;
}
h5{
	font-size: 21px;
}
.modal-header-proteccion-datos{
    color: #252525;
}
.modal-body-proteccion-datos{
    color: #252525;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
}
.modal-body-proteccion-datos a{
   color: #252525;
   
}
.modal-header-proteccion-datos h4{
    font-size: 20px;
    color: #000;
}
.modal-content{
	background-color: #fff;
}
.modal-link-proteccion-datos{
	text-decoration: underline;
	color: #fff;
}
.modal-body-proteccion-datos a{
	text-decoration:  underline;
}
.check-icon {
    background: #48c939;
    margin-right: 10px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 15px;
}
.check-verde {
    color: #28dd39;
    margin-right: 10px;
}
.item {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 20px;   
}
.btn-quiero{
	border-radius: 5px;
	background-color: #3c3ca0;
	box-shadow:rgb(0 0 0 / 50%) 0px 0px 10px;
	font-weight: bold;
	padding-left: 30px;
    padding-right: 30px;
    border:none;
    color: #fff;
    font-size: 25px;
}
.btn-quiero:hover,.btn-quiero:active,.btn-quiero:focus{	
    transform: translate(0px) rotate(0deg) skew(0deg, 0deg) skewY(0deg) scaleX(1.05) scaleY(1.05);
    color: #fff;
}
.cont-btn-quiero{
	margin-top: -65px;
}
.btn-precio{
	border-radius: 25px;
	background-color: #fff;
	box-shadow:rgb(0 0 0 / 50%) 0px 0px 10px;
	font-weight: bold;
	font-size: 25px;
	margin-top: -30px;
	padding-left: 30px;
    padding-right: 30px;
    border-color: #fff;
    
}
.btn-precio a{
	font-size: 20px;
	color: #000;
}
/*.btn-precio:hover{	
    transform: translate(0px) rotate(0deg) skew(0deg, 0deg) skewY(0deg) scaleX(1.05) scaleY(1.05);
    background-color: #fcee21;
    border-color: #fcee21;
    color: #fff;
}*/
.vertical-center {
  display: flex;
  align-items: center;   /* Alinea verticalmente */
  justify-content: center; /* Opcional, centra horizontalmente */
}
.btn-enviar{
	background-color: #004a83;
	color: #fff;
	padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}
.box-border {
	box-shadow: rgb(254 208 108 / 22%) -5px 5px 15px;
	background-color: #003cff;
	border-radius: 25px;
	border: 1px solid #003cff;
    padding: 30px;
}
.bg-grey{
background-color: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	padding: 20px;

}
.muted{
	color: var(--muted);
}
.txt-white{
	color: #fff;
}
.escribinoswhatsapp{
	padding: 8px 16px;
}

.legales{
	font-size: 13px;
	color: #fff;
}
.contactos,.contactos a{
	color: #000;
	font-size: 20px;
}
.contactos i{
	
    color: 000;    
    padding: 6px;
    width: 45px;
    height: 45px;
}
.iconos-elegir{
	width: 40px;
    margin-right: 10px;
}
.iconos-flotantes{
	width: 90px;
	right: -35px;
	top: 15px;
	position: absolute;
}
.bannerfijo {
    bottom: 15px;
    right: 15px;
    position: fixed;
    z-index: 99999;
    font-size: 30px;
    background: #25D366;
    border-radius: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff;
}

.bannerfijo:hover,.bannerfijo:focus,.bannerfijo:active{
    text-decoration: none;
    color: #fff;
}
.vertical-center{
    align-items: center;
    display: flex;
}

.border-gold-100 {   
    border-color: rgb(255 237 109 / 1);
}
.border-white-100 {   
    background-color: #000;
    color: #fff;
}
.border-white-200 {
	border: 2px solid #fff;
	color: #fff;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/*ANDREA*/
.bg-white {   
    background-color: rgb(255 255 255 / 1);
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.shadow-md {    
    
    min-height: 250px;
}
.border {
    border-width: 1px;
    border-style: solid;
}
.border-gray-100 {   
    border-color: rgb(230 229 229 / 1);
}
.rounded-lg {
    border-radius: 10px;   
}
.p-6 {
    padding: 24px;
}
.font-semibold {
    font-weight: 600;
}
.text-xl {
    font-size: 20px;
    line-height: 28px;
}
.bg-\[\#25D366\]
{   
   background: var(--green-wa);
}
.rounded-full {
    border-radius: 5px;
}
.gap-2 {
    gap: 8px;
}
.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:bg-\[\#20BD5B\]:hover {    
    background-color: rgb(32 189 91 / 1);
}


/*FIN ANDREA*/

.blue{
	color: #051640;
}
.text-justify{
	text-align: justify;
}
.bold{
	font-weight: bold;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls .owl-page span {
     width: 10px;
    height: 10px;
    background: #ffffff;
    opacity: 0.4;         /* más clarito */
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease;
}

.owl-theme .owl-controls .owl-page.active span {
    width: 14px;
    height: 14px;
    opacity: 1;
}
.destacados-round{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.destacados-altura{
	min-height: 75px;
	font-size: 15px;
}
.form-control{
	border: 1px solid #f1f1f1;
}
.lectura{
	color: #0d223f;
}
.gold{
	color: var(--gold);
}
.feat-cell{
	min-height: 440px;
}
.bg-partidos{
	background: url("../images/imagen_left.png");
	background-size: cover;
	display: flex;
  align-items: center;     /* centra verticalmente */
  justify-content: center;  /* centra horizontalmente (opcional) */
}
.bg-opaco{
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	padding: 20px;
	width: 80%;
	    min-height: 240px;

}
.bg-opaco h2{
	line-height: 32px;
}
.bg-opaco p {
	width: 80%;
}
.bg-precio{
	background: url("../images/imagen_right.png");
	background-size: cover;
	display: flex;
  align-items: center;     /* centra verticalmente */
  justify-content: center;  /* centra horizontalmente (opcional) */
}
.precio-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('TU_IMAGEN.jpg');
  background-size: cover;
  background-position: center;
  min-height: 420px; /* ← subí esto */
}

.bg-opaco-azul {
  width: 80%;
  background: rgba(60, 60, 160, 0.82);
  border-radius: 10px;
  padding: 28px 40px; /* ← más padding */
  text-align: center;
      min-height: 240px;
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; /* si querés centrar horizontalmente también */
  text-align: center;
}

.desde {
  color: #f0d080;
  font-size: 30px;
  letter-spacing: 0.02em;
}

.monto {
  color: #f0d080;
  font-size: 80px; 
  font-weight: 500;
  line-height: 1;
}

.ligas {
  color: #ffffff;
  font-size: 12px; /* ← más grande */
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  padding-top: 12px;
}
.desde:first-child {
  margin-right: 8px;
}

.desde:last-child {
  margin-left: 8px;
}
.precio-linea{
	margin-bottom: 20px;
}
.footer p {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 12px 0;
  margin: 0;
  color: #ffffff;
  font-weight: 500;
}

.footer p:last-child {
  border-bottom: none;
}
/* Responsive Styles */
@media (max-width: 767px) {
	
	
	#rc-imageselect, .g-recaptcha {
	    transform: scale(0.6);
	    -webkit-transform: scale(0.6);
	    transform-origin: ;
	    -webkit-transform-origin: ;
	}	
	body{
		font-size: 15px;
		background: url("../images/background-mobile.jpg");
	}
	.iconos-flotantes{		
		right: 0px;		
	}
	h2, .h2{
		font-size: 20px;
	}
	h5, .h5 {
	    font-size: 20px;
	}
	.contactos, .contactos a {	   
	    font-size: 22px;
	}
	.contactos i{
		width: 35px;
    	height: 35px;
	}
	.item{
		font-size: 14px !important;
	}
	.vertical-center{
		display: inline-block;
	}
	.text-xl {
    	font-size: 18px;   
	}
	.mobile{
		min-height: 120px;
	}	
	.cont-logo{
		padding-top: 50px;
	}
	.bg{	
		padding-top: 20px;
	}
	.cruces{
		display: block;
    margin-right: auto;
    margin-left: auto;
	}
	.center-xs{
		text-align: center!important;
	}
	
}
@media (min-width: 767px) and (max-width: 1200px)  {


}

@media (max-width: 1024px) {


}