/*-------------------------------------- PLUGIN EVENTOS URBECOM --------------------------------------*/

/*---------------------- Variables Globales ----------------------*/

:root {
	--colorPrim: #b8638b;
	--colorSecu: #40ca8c;
	--colorBoton:#000;
	--colorDark: #000;
	--colorLight:#fff;
}

/*----------------------- Clases Generales -----------------------*/

.inactivo {opacity:0.4 !important; pointer-events:none;}
.noLink   {pointer-events:none;}
.displayNone {display:none !important;}

.capaFlexTopL {display:flex !important; flex-wrap:wrap;}
.capaFlexTopC {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexTop  {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex !important; flex-wrap:wrap; align-items:center;}

/*--------------------- Clases Plugin Front ----------------------*/

.urbeActuaFecha, .urbeActuaNombre, .botonWeb {
	font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.urbeActuaContenedor {max-width:1060px; margin:20px auto; background:var(--colorPrim); border-radius:20px;}
.urbeActuaFecha {width:15%; padding:25px 25px 20px 25px; line-height:42px; text-align:center; border-radius:20px; border-right:solid 5px var(--colorLight); background:var(--colorSecu);}
	.urbeActuaDia {color:var(--colorDark); font-size:50px; font-weight:800;}
	.urbeActuaMes {color:var(--colorDark); font-size:30px; font-weight:600; text-transform:uppercase;}
.urbeActuaNombre {width:60%; margin:auto; padding:20px 25px;}
	.urbeActuaTitulo {color:var(--colorLight); font-size:36px; line-height:1.2em; font-weight:700;}
	.urbeActuaLugar  {color:var(--colorLight); font-size:28px; line-height:1.2em; font-weight:400;}
.urbeActuaBoton {width:25%; margin:auto;}
	.botonWeb {padding:15px 30px; color:var(--colorLight); font-size:17px; line-height:20px; font-weight:700; text-align:center;
		background:var(--colorBoton); border:solid 2px var(--colorLight); border-radius:10px; box-shadow:0 0 8px rgba(0,0,0,.2); transition: all 0.4s;}
	.botonWeb:hover {background:var(--colorSecu); border:solid 2px var(--colorLight); box-shadow:1px 4px 10px rgba(0,0,0,.5); transform:scale(1.05);}
	.linkFree .botonWeb {background:rgba(0,0,0,.65);}
	.linkFree .botonWeb:hover {background:rgba(0,0,0,.9);}
	.noLink .botonWeb {background:rgba(0,0,0,.4);}

/*-------------------------- RESPONSIVE --------------------------*/

@media only screen and (max-width: 999px) {
	
	.urbeActuaContenedor {max-width:98%;}
	.urbeActuaFecha {width:25%; padding:20px 20px 15px 20px; line-height:30px;}
		.urbeActuaDia {font-size:30px;}
		.urbeActuaMes {font-size:20px;}
	.urbeActuaNombre {width:75%; padding:15px;}
		.urbeActuaTitulo {font-size:24px;}
		.urbeActuaLugar  {font-size:20px;}
	.urbeActuaBoton {width:100%; margin:20px auto; padding:0 20px;}
		.botonWeb {width:100%; padding:12px 30px; font-size:16px; line-height:18px;}

}

/*-------------------------------------- FIN PLUGIN EVENTOS URBECOM --------------------------------------*/