@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100;200&family=Raleway:wght@100;200&family=Lato:wght@100;200&display=swap');
@import url('https://www.invitacionesparaeventos.com/i/v2/estilos/fonts/flat2024/thin/uicons-thin-rounded.css?v=1');

:root {
  --c_banners: #FFF;
  
  --c_1: #8383BF;  /* colo de titulos y fecha */
  --c_1cc: rgba(66, 66, 150, 0.8);
--c_1dd: rgba(66, 66, 150, 0.8);
--c_1_2: rgba(66, 66, 150, 0.5); /* una tonalidad del principal mas clara(fondo del timer) */
--c_1_3: rgba(66, 66, 150, 0.3); /* una tonalidad del principal mas oscura */
--c_alpha4: #424296; /* colores alpha para parallax */
--c_alpha5: rgba(0, 0, 0, 0.8);
--c_alpha6: rgba(66, 66, 150, 0.7);
	
--c_2: #4A4A4A;   /* color de textos */
--c_3: #FFF;   /* el color del timer */
 
--c_2: #4A4A4A;   /* color de textos */
--c_3: #FFF;   /* el color del timer */
  --c_fecha: var(--c_1); /* color de fecha */
  	--anchoCPrograma: 16rem;

  
  --c_bloques: var(--c_1); /* color de los titulos del bloques*/
  --c_bloques2: var(--c_2); /* color de los textos del bloques*/

  --c_ConfirmarB: rgba(88, 47, 177, 0.67);
  --c_ConfirmarT: #ffffff;
  --c_ConfirmarH: rgba(88, 47, 177, 0.53);
  --c_RechazarB: rgba(88, 47, 177, 0.4);
  --c_RechazarT: #ffffff;
  --c_RechazarH: rgba(88, 47, 177, 0.3);
  --c_ConfirmarFormB: #ffffff;
  --c_ConfirmarFormT: var(--c_1);;

  --c_sliderB: transparent;
  --c_sliderT1: var(--c_1);
  --c_sliderT2: var(--c_2);
  --c_sliderBorder: #var(--c_1);
  
  
    --f_flato: 'Lato', sans-serif;
    --f_FF1: 'Raleway', sans-serif;
    --f_FFEspecial: 'Antonio', sans-serif;
    --f_FFRegular: 'Saira Semi Condensed', sans-serif;

    --f_F0: 200 normal 6rem var(--f_FF1); /* titulos */
    --f_F1: 200 normal 3.5rem var(--f_FF1); /* titulos */
    --f_F2: 100 normal 3rem var(--f_FF1); /* subtitulos/texto */
    --f_lato: 100 normal 3rem var(--f_flato); /* subtitulos/texto */

    --f_FEspecial: 100 normal 10rem var(--f_FFEspecial); /* cursivas */
    --f_FEspecialPeque: 100 normal 3rem var(--f_FFEspecial);

    --f_FRegular: 300 normal 2rem var(--f_FFRegular);  /* textos regulares/bloques */
    --f_FRegularMedia: 300 normal 3rem var(--f_FFRegular);  /*  botones, listas peques */
    --f_FTimerNumero: 300 normal 4rem var(--f_FFRegular);  /* fuente numeros timer */
    --f_FTimerTexto: 300 normal 1.8rem var(--f_FFRegular);  /* fuente texto timer, listanormal */

    --line-height: 5rem;
    --border-radius: 1.2rem; /* aplica a imagenes de galerias */
    --letter-spacing: 0.3rem;
  
  --headerDinamicoTBase: 10px;
}
.head_logo_N{
	width:400px;
	padding-top:20px;
	padding-bottom:20px;
}
.desarrolloCont{
	background-color: #424296;
}
.invitacionItem {
  position: relative;
}
.supercolor div:not(.formBoton) {
  color: black;
}
.fondoBloque10{
	background-color: #efe7ff;
}
.categoriasOverlay {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transition: opacity 0.5s ease;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0vw 0.2vw 0 0.2vw;	
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  text-align: center;
}

.categoriasOverlayD{
	display: flex;
	flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  text-align: center;	
}

.invitacionItem:hover .categoriasOverlay {
  opacity: 1;
  pointer-events: auto;
}

.invitacionCat,.invitacionCatT{
	font-size: 1.6rem !important;
	color: #FFF;
}
/*
.invitacionCat:hover{
	  color: #b796ff;

}*/
.invitacionCat .invitacionCatIcono{
	font-size: 4.5rem !important;
}
.invitacionCatL{
	width: 80%;
}
.invitacionCatB{
	background-color: var(--c_1);
	cursor: pointer;
	padding: 1.3rem !important;
	
	font-size: 1.6rem !important;
	margin-top: .3rem; 
	
}
.invitacionCatB:hover{
		background-color: #99287c;
	  color: #fff;
}

#pSticky {
  transition: box-shadow 0.3s ease;
}

#pSticky.fixed {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
}
.modeloTitulo{
	font-size: 3rem !important;
	color: var(--c_1);
	margin-top: 1rem !important;
}
.tBoton{  margin-top: 0rem;}
.tBoton2{ font-size: 2rem !important; }
.tituloCategorias{
	font-size: 3rem !important;
	margin-bottom: 3rem !important;
	color: #FFF;
}
.tituloCategorias2b{
	font-size: 2rem !important;
	margin-bottom: 1rem !important;
	color: #FFF;
}
.frameVentas{
	width: 80% !important;
	height: 700px !important;
}
html
{
  background-color: #ffffff !important;
}

ul {
    text-align: left !important;
    list-style-position:outside;
    margin-left: 0rem;
    margin-top: 0.5rem;
}


.imagenInstagram{
	width: 100%;

}
.categoriasCuadriculaElemento2{
		width: 25% !important;
	}
.contenedorQR{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: nowrap;
}
.imagenQR{
	width: 30% !important;
}
.imagenQR img{
	width: 100% !important;
}
.categoriasCuadriculaElemento{
		margin-bottom: 0.9vw;

	overflow: hidden;
}
.textoColor1
{
  color: var(--c_1) !important;
}
/*
.serviciosIncluidos{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3rem;
	margin-bottom: 2rem;
}
.serviciosIncluidosI{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	color: var(--c_1);
	font-size: 5rem;
	position: relative;
  display: inline-block;
	text-align: center
}
.serviciosIncluidosIcono{
	text-align: center;
}
.serviciosIncluidosT{
	font-size: 2rem;
	text-align: center;
}

*/


.tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  margin-bottom: 10px;
  z-index: 100;
  width: 180px;
  text-align: center;
  line-height: 1.3em;
}

.serviciosIncluidosI {
  position: relative;
  display: inline-block;
}
.serviciosIncluidosI:hover .tooltip {
  opacity: 1;
}


.menuDC{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 3rem;
	height: 3rem;
}
.menuDropdown {
  position: relative;
  cursor: pointer;
}

.submenuDD {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ccc;
  padding: 8px 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
  width: 180px;
}

.submenuDD a {
  display: block;
  padding: 8px 16px;
  color: #333;
  text-decoration: none;
}

.submenuDD a:hover {
  background-color: #f2f2f2;
}

.menuDropdown:hover .submenuDD {
  display: block;
}
.menuD2{
	font-size: 2rem;
	color: gray;
}
.menuD2P{
	font-size: 1.8rem;
	color: var(--c_1);
	text-align: right;
	margin-bottom: .5rem;
}

.hamburger {
  display: none;
  font-size: 28px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2000;
}
.menuContenedorMain{
   width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.menuContenedorMainDerecha{
		display: flex;
    flex-direction: column;
    justify-content: center;
}
.menuD2Peque{
	display: none;
}
@media (max-width: 600px) {
	
	/*
	.serviciosIncluidos{
		gap: 2rem;
		width: 90%;
		margin: auto;
		margin-bottom: 3rem;
	}
	.serviciosIncluidosI{
		font-size: 7rem;
	}
	.serviciosIncluidosT{
		font-size: 2rem;
	}*/
	.menuD2Peque{
		display: block;
		font-size: 1.6rem;
		color: var(--c_1);
	}
	.menuD2Grande{
		display: none;
	}
  .menuDC {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    background: white;
    width: 250px;
    height: auto;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    padding-top: 20px;
    z-index: 1500;
    flex-direction: column;
		padding-bottom: 30px;
		align-items: flex-start;
		justify-content: unset;
		gap: 2rem;
  }
	.menuD2{
		text-align: left;
		padding-left: 15px;
	}
	  .menuD2 .submenuDD {
    display: block !important;
    position: relative;
    border: none;
    box-shadow: none;
    padding-left: 0px;
    width: 100%;
			text-align: left;
		padding: 0;
			padding-top:1rem;
  }

  .menuD2.menuDropdown {
    flex-direction: column;
  }

  .submenuDD a {
    padding-left: 10px;
  }
	

  .hamburger {
    display: block;
  }
}


/* listaNormal */
.lNormal_Ti
{
  font: var(--f_F1);
  color: var(--c_1);
  margin-bottom: rem;
}
.lNormal_Te
{
  font: var(--f_F2);
  color: var(--c_2);
  line-height: var(--line-height);
  margin-bottom: 3rem;
}
.lNormalCont
{
  width:100%;
  margin:auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.lNormalColumnaI
{
  width:28%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lNormalColumnaD
{
  width:68%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lNormalColumnaI img
{
  width: 100%;
  border-radius: var(--border-radius);
  display: block;
}
.lNormalColumnaS
{
  width:4%;
}
.lNormal_Textos
{  
  text-align: left;
}
.lNormal_Te1
{
  margin-bottom: 2rem;
  font: var(--f_F2);
  color: var(--c_banners);
}
.lNormal_Te1Lato
{
  margin-bottom: 2rem;
  font: var(--f_lato);
  color: var(--c_banners);
}
.lNormal_Te2
{
  margin-bottom: 1rem;
  font: var(--f_FRegular);
  color: var(--c_banners);
  margin-top: 1rem;
}
.lNormal_Te3
{
  margin-bottom: 2.5rem;
  font: var(--f_FRegularMedia);
  color: var(--c_banners);
}
.lNormal_Te4
{
  margin-bottom: 1rem;
  margin-top: 2rem;
  font: var(--f_FRegular);
  color: var(--c_banners);
  text-decoration: underline;
  cursor: pointer;
}




.categoriasTitulo
{
  margin-top: 1rem;
  margin-bottom: 3rem;
  font: var(--f_F2);
  color: var(--c_3);
}
.iconosCategoria
{
  font-size: 8rem;
}
.iconosCategoria img
{
  width: 9rem;
}
.iconosCategoria2
{
  font-size: 6rem !important;
}
.iconosCategoria2 img
{
  width: 6rem;
}
.iconosCategoria2b{ font-size: 4rem !important; }
.iconosCategoria2b img{ width: 4rem; }
.categoriasMainPb{ padding: 0rem 3rem 0rem 3rem; }

.iconosCategoriaPeque
{
  font-size: 6rem;
}
.iconosCategoriaPeque img
{
  width: 6rem;
}
.categoriasMainN img{
  width: 9rem;
}
.iconoCategoriaTitulo
{ 
  font-size: 20rem; 
  color: var(--c_3);
  margin-top: 2rem;
}

.categoriasContenedor
{
  color: var(--c_3);
  font: var(--f_FRegular);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:flex-start;
}
.categoriasContenedorFiltros
{
	justify-content:center !important;
}

.categoriasContenedorMain
{
  color: var(--c_3);
  font: var(--f_FRegular);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  margin-bottom: 2rem;
}

.categoriasContenedorMain2
{
  color: var(--c_3);
  font: var(--f_FRegular);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  margin-bottom: 2rem;
}

.categoriasContenedorMainColor
{
  color: var(--c_1) !important;
}
.categoriasMain
{
  margin-bottom: 1rem;
  text-align: center;
  padding: 0rem 3rem 3rem 3rem;
	 width:20%;
  box-sizing: border-box;
 
}
.categoriasMainN
{
  margin-bottom: 1rem;
  text-align: center;
  box-sizing: border-box;
 
}
.categoriasMainP{
	margin-bottom: 0rem !important;
  width:auto !important;
	padding: 0rem 3rem 0rem 3rem;
}
.categoriasMain2
{
  width:100% !important;
}
.categoriasMainSel
{
  color: #b796ff;
}
.categoriasMain:hover,.categoriasCategoria:hover
{
  color: #b796ff;
}
.categoriasCategoria
{
  width: 25%;
  margin-bottom: 1rem;
  text-align: center;
}

.categoriasCuadricula
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.categoriasCuadriculaElemento
{
  width: 15vw;
}

.fecha_Fe
{
  text-align: center;
  font-family: var(--f_FFEspecial) !important;
  background: rgb(55,105,193);
background: radial-gradient(circle, rgba(55,105,193,1) 0%, rgba(125,55,193,1) 49%, rgba(55,105,193,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(1px 1px 1px #000000);
}

.sliderCard
{
  background-color: rgba(255,255,255,0.8);
  border: 1px solid var(--c_1);
  color: var(--c_1);
}

.mensajesCard
{
  background-color: rgba(255,255,255,0.8);

  border: 1px solid var(--c_1);
  color: var(--c_1);
}
.mb_main{ padding-bottom: 4vw}
.mb_40{ margin-bottom: 40rem; }

.mesasLogo img
{
  height:7rem;
}

.call_Celda1
{
  width: 35%;
}
.call_Celda2
{
  width: 55%;
}

.fiel_c{
    vertical-align: top;
}

.fiel_c span{
  font-size: 18px !important;
  display: inline-block;
  width: 140px;
  text-align: left;
  margin-top: 5px;
}


.bloque2Icono{
	background-color: var(--c_1);
	color: #FFF;
	width: var(--anchoCPrograma);
	height: var(--anchoCPrograma);
	border-radius: calc(var(--anchoCPrograma)/2);
	vertical-align: middle;
	font-size: calc(var(--anchoCPrograma)*0.4);
	margin-right: calc(var(--anchoCPrograma)*0.2);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bloques2 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	width: auto; 
	margin: 0 auto;
	max-width: 50rem;
}
.bloques2Elemento{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: auto !important;
}
.bloques2V .bloques2Elemento{
	flex-direction: column;
	margin: auto;
}
.bloques2V .bloques2Elemento .bloque2Icono{
	margin-right: none;
	margin: auto;
}
.bloques2V .bloques2Linea{
	margin: auto !important;
}
.bloques2V .bloques2Elemento .bloques2Elemento_Ti{
	text-align: center!important;
	margin-top: calc(var(--anchoCPrograma)*0.2);
	margin-bottom: calc(var(--anchoCPrograma)*0.2) !important;
}
.bloques2V .b2L{
	display: none !important;
}


.bloques2Elemento_Ti{
	text-align: left !important;
	margin-bottom: 0rem !important;
	display: flex; /* Add this */
    flex-direction: column; /* Optional, ensures the text stacks vertically */
    justify-content: center; /* This vertically centers the text within the div */
	    font-size: 2.5rem !important;
}
.bloques2Linea{
	text-align: left;
	margin-left: calc(var(--anchoCPrograma)*0.5);
	background-color: var(--c_1) !important;
	width: 0.5rem;
	height: calc(var(--anchoCPrograma)*0.3);
	display: block !important;
}
.bloques2Blanco .bloque2Icono{
		background-color: #FFFFFF;
	color: var(--c_1);
}
.bloques2Blanco .bloques2Linea{
	background-color: #FFFFFF !important;
}
.bloques2Blanco .bloques2Elemento_Ti,.bloques2Blanco .bloquesElemento_Te{
	color:  #FFFFFF;
}

.comprar {
    color: var(--c_banners);
    background: #3CA53E;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
    border-radius: 0.375rem;
    font-size: 2.5rem;
    cursor: pointer;
    width: 300px;
	margin:auto;
	font-weight: bold;
}

@media (max-width: 600px) {
  .fiel_c span{
    width: 200px;
    font-size: 15px !important;
  }
.modeloTitulo{margin-bottom: 2rem; }
	.lNormalColumnaS{ display:  none;}
	
	
.invitacionCat,.invitacionCatT{	font-size: 3rem !important; }
.invitacionCat .invitacionCatIcono{	font-size: 6.5rem !important;}
.invitacionCatB{font-size: 3rem !important; }

.tituloCategorias{
	font-size: 3rem !important;
	margin-bottom: 2rem !important;
}


.fiel_c input{
  color: #333;
 font-size: 1.6rem;
 margin: 0 auto;
 padding: 10px;
 border-radius: 5px;
 background-color: rgb(255, 255, 255);
 border: 1px solid #cacaca;
 width: 200px;
 display: inline;
 transition: all 0.3s;
}



/* CSS */
.buttonC {
  background-color: #13aa52;
  border: 1px solid #13aa52;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 10px 25px;
  text-align: center;
  transform: translateY(0);
  transition: transform 150ms, box-shadow 150ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 200px;
  margin-top: 10px;


}

.botonAccion{
    background-color: #13aa52;
    border: 1px solid #13aa52;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    outline: 0;
    padding: 10px 25px;
    text-align: center;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-top: 10px;
}

.buttonC:hover {
  box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
  transform: translateY(-2px);
}
.contenedorInterior100
{
  width: 95% !important;
}
.precioP{ font-size: 2rem; }
.precioG{ font-size: 5rem; }
.precioM{ font-size: 3rem; }
.precioL{ text-decoration: line-through }
.precios{ display: flex; flex-direction: row; flex-wrap: nowrap; }
.precios div
{
  margin-right: 4rem;
}




  .label_f{
    font-size:2.1rem;
    display: flex;
    align-items: center;
		justify-content: flex-end;
    width:35%;
		margin-right: 1vw;
		vertical-align: middle;
		text-align: right;
  }
	.field_f{
		width:60%;
	}

  .lNormal_Textospoemidixi{
    font-size:2.4rem;
  }


.fiel_cI select,input {

    color: #333;
    font-size: 2rem;
    padding: 10px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid #cacaca;
    width: 100%;
    display: inline;
    transition: all 0.3s;
	box-sizing: border-box; 
}

	.fiel_cI input::placeholder {
		color: #ccc;
	}
.bw{
  width: 220px !important;
  background-color: #13aa52 !important;
  border: 1px solid #13aa52  !important;
  color:#FFFFFF !important;
  margin: 0 auto;
	display: inline-block;
}

.fiel_cI{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
				margin-top: 0.3vw;

}

.bigf{
  width: 425px !important;
}

.infodixi{
  margin-top:20px;
  text-align:justify;
  font-size:2.1rem;
}

.contdix{
  width:80vw !important
}

.poemidixi{
  text-align: justify; 
  font-size: 2.4rem;
}
	
.iconoCategoriaTitulo{ font-size: 20rem !important; }
.categoriasContenedorMain{ margin-bottom: -1rem; }

}





@media only screen and (max-width: 1800px)
{
  .categoriasCuadriculaElemento{  width: 18vw;  }
}
@media only screen and (max-width: 1400px)
{
  .categoriasCuadriculaElemento{  width: 23vw;  }
	.categoriasCuadriculaElemento2{	width: 40% !important;	}
	.head_logo_N{
		width:350px;
		padding-top:15px;
		padding-bottom:15px;
	}
}
@media only screen and (max-width: 900px)
{
  .categoriasCuadriculaElemento{  width: 30vw;  }
		.categoriasCuadriculaElemento2{	width: 50% !important;	}
.head_logo_N{
		width:300px;
		padding-top:10px;
		padding-bottom:10px;
	}
}
@media only screen and (max-width: 600px)
{
	.categoriasContenedorMain{
		display: flex;
		flex-direction: row;
	}
	.categoriasMain{
		width: 50%;
	}
.botonAccion{
    
    padding: 5px 15px;
}
	
	.contenedorInterior{ width: 95% !important; }
	.botonPagar{
		font-size: 14px !important;
	}
	.pedidosDContenedor{
		margin-left: 0rem !important;
	}
  .categoriasCuadriculaElemento{  width: 90vw; }
.contenedorInterior{ width: 95%; }
  .mb_40{ margin-bottom: 20rem; }
  .contenedorInterior100
  {
    width: 95% !important;
  }
	.categoriasCuadriculaElemento2{	width: 90% !important; margin-bottom: 5rem !important	}
  .imagenQR{
	width:30% !important;
}
  
  :root{
    --f_F0: 300 normal 4.5rem var(--f_FF1); /* titulos */
    --f_F1: 300 normal 4.5rem var(--f_FF1); /* titulos */
    --f_F2: 200 normal 3.5rem var(--f_FF1); /* subtitulos/texto, listas grandes */

    --f_FEspecial: 400 normal 6rem var(--f_FFEspecial); /* cursivas */
    --f_FEspecialPeque: 400 normal 3rem var(--f_FFEspecial);

    --f_FRegular: 300 normal 2.9rem var(--f_FFRegular);  /* textos regulares/bloques  */
    --f_FRegularMedia: 300 normal 3.5rem var(--f_FFRegular);  /*  botones, listas peques */
    --f_FTimerNumero: 300 normal 5rem var(--f_FFRegular);  /* fuente numeros timer */
    --f_FTimerTexto: 300 normal 2.7rem var(--f_FFRegular);  /* fuente texto timer, listanormal */
  }
  
  
  .lNormalColumnaI
  {
    width:95vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .lNormalColumnaD
  {
    width:95vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .iconosCategoria{ font-size: 10rem; }
  .iconosCategoria img{ width: 11rem; }
	
  .iconoCategoriaTitulo{ font-size: 15rem !important; }
  .categoriasMainP{  padding: 0rem 1rem 2rem 1rem; }
  .categoriasMainPb{  padding: 0rem 1.3rem 2rem 1.3rem; }
	
	.categoriasMainN img{ width: 11rem; }
  .categoriasMain2{ width: 100% !important; }
  .categoriasCategoria{  width: 33%;  }
	.tBoton{  margin-top: -1rem;}
	.tBoton2{ font-size: 2rem !important; }
  
  .precios{ display: flex; flex-direction: row; flex-wrap: wrap; }
  .precioP{ margin-bottom: 3rem;}
	
	
	
	.contdix{
		width:100% !important
	}
	.fiel_cI{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
					margin-top: 0.3vw;

	}
	.label_f{
    font-size:2.5rem;
    display: flex;
    align-items:flex-start;
		justify-content: flex-start;
    width:100%;
		margin-right: 0vw;
		text-align: left;
		margin-top: 2vw;
		
  }
	.field_f{
		width:100%;
		font-size:3rem;

	}
	
	.fiel_cI select,input {

			font-size: 2.5rem;
	}
	.bw{
		margin-bottom: 2vw;
	}

}

@media only screen and (max-width: 450px)
{
  .iconosCategoria{ font-size: 8rem; }
  .iconoCategoriaTitulo{ font-size: 10rem !important; }
  .categoriasCategoria{  width: 50%;  }
}