@import "WWPBaseObjects.WorkWithPlusBaseDSCasaMichelle.css";
@import "WorkWithPlusDS_Tokens.css";


@layer WorkWithPlusDS {
/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
.HorizontalMenuSilder>ul.MegaMenu:not(.collapsed) li>ul 
{
	position : absolute !important;
}
.FlexCenter 
{
	display : flex;
	justify-content : center;
	align-items : center;
}
.FormatoCondicional 
{
	position : relative !important;
}
.BtnIcon 
{
	background-color : var(--colors_backgroundcolor);
	color : var(--colors_basecolor);
	font-size : 14px;
}
.BGDanger 
{
	background-color : var(--colors_danger_condform)!important;
}
.gx-disabled .BtnIcon 
{
	color : var(--colors_gray08);
	cursor : default;
}
.FormatoCondicional .AttributeTagDanger,
    .FormatoCondicional .AttributeTagSuccess,
    .FormatoCondicional .AttributeTagInfoLight,
    .FormatoCondicional .AttributeTagInfo 
{
	position : absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 100%;
	margin-left : 0;
	margin-top : 0 !important;
	opacity : 0.3;
}
.FormatoCondicional .AttributeTagDanger 
{
	pointer-events : none;
}
.TableHeader 
{
	display : grid !important;
	grid-template-columns : auto 1fr auto;
	grid-template-rows : auto auto auto;
	width : 100%;
}
.TableHeaderCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	position : sticky;
	top : 0;
	z-index : 1000;
	background-color : var(--colors_backgroundcolor);
}
.MasterPageLogoCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 1;
	grid-column-end : 2;
	grid-row-start : 1;
	grid-row-end : 2;
}
.ActionGroupUsuarioCell 
{
	display : flex;
	align-items : center;
	justify-content : end;
	grid-column-start : 1;
	grid-column-end : 4;
	grid-row-start : 2;
	grid-row-end : 3;
}
.BtnAbrirCarritoCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	margin-top : auto;
	margin-bottom : auto;
	grid-column-start : 3;
	grid-column-end : 4;
	grid-row-start : 1;
	grid-row-end : 2;
}
.WWPMenuCell 
{
	grid-column-start : 1;
	grid-column-end : 4;
	grid-row-start : 3;
	grid-row-end : 4;
}
.BusquedaCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 1;
	grid-column-end : 3;
	grid-row-start : 3;
	grid-row-end : 4;
}
.ActionGroupUsuario 
{
	display : flex;
	justify-content : center;
}
.BtnCerrarSesion 
{
	font-size : 12px;
}
.TableBusqueda 
{
	display : flex;
	justify-content : center;
	align-items : center;
	gap : 3px;
}
.BtnBusqueda 
{
	font-size : 16px;
}
.BusquedaAvanzada 
{
	font-size : 9px;
}
.MarginTop10 
{
	margin-top : 10px;
}
.TextWrapAuto 
{
	text-wrap : auto;
}
.WidthFull 
{
	width : 100%;
}
.TextCenter 
{
	text-align : center;
}
.FontSizeL, .FontSizeLDate, .FontSizeLLabel, .FontSizeLDateLabel 
{
	font-size : var(--fontsizes_l);
}
.FontSizeM, .FontSizeMDate, .FontSizeMLabel, .FontSizeMDateLabel 
{
	font-size : var(--fontsizes_m);
}
.FontSizeS, .FontSizeSDate, .FontSizeSLabel, .FontSizeSDateLabel 
{
	font-size : var(--fontsizes_s);
}
.URLCell .TableMerged > tbody > tr 
{
	display : flex;
	flex-direction : row;
	justify-content : start;
	align-items : center;
	gap : 10px;
}
.TablaFooterCell 
{
	width : 100%;
	border-top : var(--borders_xs) solid var(--colors_gray08);
	border-bottom-width : 0px;
}
.FooterSeccionGrid 
{
	display : flex;
	flex-direction : column;
	gap : 5px;
}
.FooterSeccionGridLayout 
{
	gap : 5px;
}
.FooterRedesGrid 
{
	display : flex;
	flex-direction : row;
	gap : 10px;
}
.FooterTable 
{
	justify-content : space-around;
	width : 100%;
}
.FooterTitulo 
{
	display : block;
	font-size : 13px;
	font-weight : 700;
	letter-spacing : 1.5px;
	margin-bottom : 20px !important;
	color : var(--colors_basetextcolor);
	text-transform : uppercase;
	position : relative;
}
.FooterTitulo::after 
{
	content : '';
	position : absolute;
	left : 0;
	bottom : -8px;
	width : 30px;
	height : 1px;
	background-color : var(--colors_basetextcolor);
}
.FooterLink 
{
	font-size : 13px;
	color : var(--colors_gray08)!important;
	text-decoration : none;
}
.FooterLink:hover 
{
	text-decoration : underline;
	cursor : pointer;
}
.FooterLink a 
{
	font-size : 13px;
	color : var(--colors_gray08)!important;
	text-decoration : none;
}
.FooterDataFiscalImagen 
{
	width : 45px;
}
.FooterSeccionTable 
{
	gap : 5px;
}
.FooterSeccionTableCell 
{
	justify-content : center;
}
.FooterIcon 
{
	font-size : 16px;
	color : var(--colors_gray08);
	text-decoration : none;
}
.FooterIcon.wpp 
{
	color : #25D366;
}
.MasterPageTableContent 
{
	padding-right : 0px;
}
.TextBlockHTML 
{
	white-space : normal;
}
.NosotrosFotoLocal 
{
	width : 100%;
}
.NoShrink 
{
	flex-shrink : 0;
}
.TextoCategorias 
{
	font-size : smaller;
}
.GaleriaContainer 
{
	display : flex !important;
	justify-content : space-evenly;
	align-items : center;
}
.ModalContainer 
{
	position : fixed;
	top : 0;
	left : 0;
	width : 100dvw;
	height : 100dvh;
	background-color : rgba(0, 0, 0, 0.4);
	z-index : 2000;
	cursor : default;
	visibility : hidden;
	opacity : 0;
	transition : opacity 0.2s ease-in-out, visibility 0s 0.2s;
}
.ModalContainer .col-xs-12 
{
	padding-left : 0;
	padding-right : 0;
	float : none !important;
}
.ModalContainer.Activo 
{
	visibility : visible;
	opacity : 1;
	transition : opacity 0.2s ease-in-out, visibility 0s;
}
.ModalContainer div 
{
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
}
.CaritroLateralLayoutGrid 
{
	height : 100%;
	display : grid;
	grid-template-columns : 1fr;
	grid-template-rows : 74dvh 20dvh;
}
.CarritoLateralGridCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-row-start : 1;
	grid-row-end : 2;
	width : 100%;
	height : 100%;
}
.CarritoLateralGridCell > div 
{
	height : 100%;
}
.CarritoLateralFooterCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-row-start : 2;
	grid-row-end : 3;
	width : 100%;
}
.CarritoLateralActionGroup .Button 
{
	margin-bottom : 3pt;
}
.CarritoLateralTablaMain .modal 
{
	left : auto;
}
.CarritoLateralContainer 
{
	position : fixed;
	top : 0;
	right : 0;
	width : min(100dvw,360px);
	height : 100dvh;
	background-color : var(--colors_backgroundcolor);
	cursor : default;
	display : grid;
	grid-template-columns : 1fr;
	grid-template-rows : 6dvh 1fr;
	visibility : hidden;
	transform : translateX(100%);
	transition : transform  0.2s ease-in-out, visibility 0s 0.2s;
}
.CarritoLateralContainer.Activo 
{
	visibility : visible;
	transform : translateX(0%);
	transition : transform  0.2s ease-in-out, visibility 0s;
}
.CarritoLateralContainer .row 
{
	margin-left : 0;
	margin-right : 0;
}
.CarritoLateralContainer .col-xs-12 
{
	padding-left : 0;
	padding-right : 0;
	float : none !important;
}
.CarritoLateralHeader 
{
	height : 100%;
	background-color : var(--colors_gray02);
}
.CarritoLateralWCCelda 
{
	height : 100%;
}
.CarritoLateralWCCelda > .gxwebcomponent > .gxwebcomponent-body 
{
	height : 100%;
}
.CarritoLateralGrid 
{
	padding-top : 10px !important;
	row-gap : 10px;
	height : 100%;
	border-bottom : var(--borders_xs) solid var(--colors_gray04);
}
.CarritoLateralGrid > div 
{
	display : flex;
	justify-content : center;
	align-items : center;
}
.CarritoLateralScroll 
{
	overflow-y : auto;
	scrollbar-width : thin;
	overscroll-behavior : contain;
}
.CarritoGridCell 
{
	width : 100%;
}
.CarritoGridCell > div 
{
	width : 100%;
}
.Button.CarritoEliminar 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
	height : 20px;
	width : 20px;
	min-width : auto;
	font-size : 10px;
	display : flex;
	justify-content : center;
	align-items : center;
}
.Button.CarritoCerrar 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
	height : 30px;
	width : 30px;
	min-width : auto;
	display : flex;
	justify-content : center;
	align-items : center;
}
.Button.BtnAbrirCarrito 
{
	height : 38px;
	width : 58px;
	min-width : auto;
	display : flex;
	justify-content : center;
	align-items : center;
	background-color : var(--colors_basecolor);
	flex-grow : 0 !important;
	padding : 0;
}
.Imagen.BtnAbrirCarrito 
{
	object-fit : contain;
	min-width : auto;
	height : 100%;
	width : 100%;
	padding : 6px;
}
.CarritoTitulo 
{
	font-size : 16px;
	padding-left : 12px;
}
.TextoCarritoVacio 
{
	font-size : 16px;
}
.CarritoObservaciones 
{
	height : 80px;
}
.CellECommerceQty 
{
	position : relative;
}
.CellECommerceQty .AttributeTagDanger 
{
	position : absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 100%;
	margin-left : 0;
	margin-top : 0 !important;
	opacity : 0.3;
	pointer-events : none;
}
.DangerManual > .CellECommerceQty > table > tbody > tr > td:nth-of-type(2) 
{
	display : inline-block;
	border : var(--borders_xs) solid var(--colors_gray05);
	font-style : normal;
	font-variant : normal;
	text-decoration : none;
	max-width : 206px;
	text-indent : 0px;
	box-shadow : none;
	border-left-width : 0;
	border-right-width : 0;
	border-top-width : 0;
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 6px;
	padding-top : 3px;
	white-space : nowrap;
	border-style : none;
	border-radius : .25em;
	font-size : var(--fontsizes_xs);
	color : white;
	line-height : 13px;
	background-color : var(--colors_danger_condform);
	position : absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 100%;
	margin-left : 0;
	margin-top : 0 !important;
	opacity : 0.3;
	pointer-events : none;
}
.GaleriaImagen 
{
	height : auto;
	aspect-ratio : 1;
	object-fit : contain;
	background-color : var(--colors_backgroundcolor);
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_m);
}
.GaleriaFlecha 
{
	text-align : center;
	vertical-align : middle;
	color : var(--colors_gray05);
	z-index : 2001;
}
.DisplayFlex 
{
	display : flex !important;
}
.MasterPageLogo 
{
	margin-bottom : 0px;
	margin-top : 10px;
	padding-left : 0px;
	height : 100px;
	max-height : 100px;
}
.ButtonAsLinkHeaderECommerce.btn-default 
{
	background-color : var(--colors_backgroundcolor);
}
.SubtitleECommerce > a 
{
	text-decoration : none;
	color : var(--colors_gray08)!important;
}
.BannerTable 
{
	position : relative;
	width : 100dvw;
}
.BannerTable .row 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
}
.BannerTable .col-xs-12 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
}
.BannerGridHorizontal 
{
	position : relative;
	left : 50%;
	transform : translateX(-50%);
	width : 100dvw;
}
.BanerHorizontalCell 
{
	position : relative;
	left : 50%;
	transform : translateX(-50%);
	width : 100dvw;
}
.BanerVerticalCell 
{
	position : relative;
	left : 50%;
	transform : translateX(-50%);
	width : 100dvw;
}
.BannerImg 
{
	margin-left : 0px;
	border-style : none;
	height : auto;
	aspect-ratio : 2.95;
	width : 100dvw;
	object-fit : cover;
}
.BannerImgVertical 
{
	margin-left : 0px;
	border-style : none;
	aspect-ratio : 0.72;
	height : auto;
	width : 100dvw;
	object-fit : cover;
}
.BannerImgVerticalCell 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
	width : 100dvw;
}
.AttributeECommerceDetailPriceCasaMichelle 
{
	padding-bottom : 10px;
	padding-top : 10px;
	font-size : var(--fontsizes_l);
	letter-spacing : 2px;
	display : inline-block;
}
.TarjetaImagen 
{
	width : 100%;
	aspect-ratio : 1;
	object-fit : contain;
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_m);
}
.ArticulosMain 
{
	display : grid !important;
	grid-template-columns : auto auto;
	row-gap : 5px;
}
.TextoCategoriasCell 
{
	display : flex;
	justify-content : start;
	align-items : center;
	grid-column-start : 1;
	grid-column-end : 2;
}
.BtnFiltrosCell 
{
	grid-column-start : 2;
	grid-column-end : 3;
	display : flex;
	flex-direction : row;
	justify-content : end;
	position : sticky;
	top : 160px;
	z-index : 998;
}
.BtnFiltros 
{
	line-height : 1;
	font-size : large;
	display : flex;
	justify-content : center;
	align-items : center;
	aspect-ratio : 1;
	width : 35px;
	height : auto;
	background-color : var(--colors_backgroundcolor);
	border-color : var(--colors_gray05);
	border-style : solid;
	border-width : var(--borders_xs);
	border-radius : 50%;
}
.PanelFiltrosCell 
{
	grid-column-start : 1;
	grid-column-end : 3;
	position : sticky;
	top : 161px;
	z-index : 998;
	background-color : var(--colors_backgroundcolor);
}
.ArticulosGridCell 
{
	grid-column-start : 1;
	grid-column-end : 3;
}
.PanelFiltrosCell .panel-title > a 
{
	display : flex;
	width : 100%;
}
.FiltroCombo > button 
{
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_l);
}
.ArticulosGrid 
{
	display : grid !important;
	grid-auto-rows : auto;
	gap : 20px;
}
.TablaTarjetaDetalle 
{
	width : 100%;
	margin-top : 5px;
}
.TarjetaDetalle 
{
	font-size : 14px;
	font-weight : 300;
	color : var(--colors_gray07)!important;
	max-width : 100%;
	line-height : 1.5em;
}
.TarjetaDetalle a 
{
	color : var(--colors_gray07)!important;
}
.TarjetaDetalle a:hover 
{
	text-decoration : none;
}
.DosLineas 
{
	display : inline-block;
	line-height : 1.5em;
	height : 3em;
	overflow-y : hidden;
}
.TarjetaPrecio 
{
	font-size : 16px;
	letter-spacing : 2px;
	display : inline-block;
}
.TablaTarjeta 
{
	width : 100%;
}
.TarjetaColorImagen 
{
	font-size : 10px;
	width : 18px;
	height : 18px;
	margin-right : 5px;
	border-color : var(--colors_gray05);
	border-style : solid;
	border-width : var(--borders_xs);
	border-radius : var(--radius_m);
	text-align : center;
	vertical-align : middle;
}
.ImagenColor 
{
	height : 20px;
	width : 20px;
	border-color : var(--colors_gray05);
	border-style : solid;
	border-width : var(--borders_xs);
	border-radius : var(--radius_m);
}
.WWActionColumn 
{
	box-shadow : none;
	width : auto;
	padding-left : 0px;
	padding-right : 0px;
}
td.BordeCantidad > input 
{
	height : 100% !important;
	border-style : solid;
	border-color : #C0C0C0;
	border-left-width : 0px !important;
	border-right-width : 0px !important;
	border-top-width : 1px !important;
	border-bottom-width : 1px !important;
}
td.BordeCantidadDown > p 
{
	height : 100% !important;
	border-style : solid;
	border-color : #C0C0C0;
	border-left-width : 1px !important;
	border-right-width : 0px !important;
	border-top-width : 1px !important;
	border-bottom-width : 1px !important;
	border-top-left-radius : 4px;
	border-bottom-left-radius : 4px;
}
td.BordeCantidadUp > p 
{
	height : 100% !important;
	border-style : solid;
	border-color : #C0C0C0;
	border-left-width : 0px !important;
	border-right-width : 1px !important;
	border-top-width : 1px !important;
	border-bottom-width : 1px !important;
	border-top-right-radius : 4px;
	border-bottom-right-radius : 4px;
}
.BtnDown 
{
	height : 100%;
	display : flex;
	justify-content : center;
	align-items : center;
	flex-shrink : 0;
	text-indent : 0px;
}
.BtnUp 
{
	height : 100%;
	display : flex;
	justify-content : center;
	align-items : center;
	flex-shrink : 0;
	text-indent : 0px;
}
.GridColorTalle > div > table 
{
	border-collapse : separate !important;
	table-layout : auto;
	width : fit-content;
}
.GridColorTalle .TableMain 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
}
.GridColorTalle .gx-tab-padding-fix-0, .GridColorTalle .TableMerged 
{
	margin-top : 0 !important;
	margin-right : 0 !important;
	margin-bottom : 0 !important;
	margin-left : 0 !important;
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
}
.GridColorTalle .Table > .row > .col-xs-12 
{
	padding-top : 5px !important;
	padding-right : 10px !important;
	padding-bottom : 5px !important;
	padding-left : 10px !important;
}
.TablaTallesHeadersFlex 
{
	width : 100%;
	gap : 10px;
}
.headerTalle 
{
	width : 50px;
	flex-grow : 0 !important;
}
.headerTalle .form-control-static 
{
	display : flex;
	justify-content : center;
}
.GridTalles 
{
	padding-left : 20px;
}
.GridTallesFlex > div 
{
	width : 100%;
}
.GridTallesFlex div[data-gx-flex] 
{
	padding-left : 5px!important;
	gap : 10px;
}
.verticalMargin10 
{
	margin-top : 10px;
	margin-bottom : 10px;
}
.NoPadding 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
}
.Padding10 
{
	padding-top : 10px !important;
	padding-right : 10px !important;
	padding-bottom : 10px !important;
	padding-left : 10px !important;
}
.PaddingX10 
{
	padding-right : 10px !important;
	padding-left : 10px !important;
}
.NoMargin 
{
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
}
.Margin10 
{
	margin-top : 10px !important;
	margin-right : 10px !important;
	margin-bottom : 10px !important;
	margin-left : 10px !important;
}
.MarginBottom15 
{
	margin-bottom : 15px !important;
}
.NoPaddingAndMargin 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
	margin-top : 0px !important;
	margin-right : 0px !important;
	margin-bottom : 0px !important;
	margin-left : 0px !important;
}
.NoBorder 
{
	border-top : 0px !important;
	border-right : 0px !important;
	border-bottom : 0px !important;
	border-left : 0px !important;
}
.ActionGroupUsuario > .ActionGroup 
{
	display : flex;
	flex-direction : row;
	align-items : center;
}
.QtyDisabled 
{
	background-color : var(--colors_gray04)!important;
}
.CuadradoHeightAuto 
{
	height : auto !important;
	aspect-ratio : 1;
}
.TableMerged TD 
{
	padding-top : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
}
.DetalleArticuloImagenGrande 
{
	aspect-ratio : 1;
	height : auto;
	width : 100%;
	max-width : inherit;
	border : var(--borders_xs) solid var(--colors_gray05);
	object-fit : contain;
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_m);
}
.AlturaImagenGrande 
{
	overflow-y : auto;
	overflow-x : hidden;
	scrollbar-width : none;
}
.DetalleArticuloImagenesChicasCel 
{
	display : flex;
	flex-direction : row;
	flex-wrap : nowrap;
	column-gap : 10px;
	overflow : auto;
	scrollbar-width : none;
	width : 100%;
}
.ColorDescripcion 
{
	font-size : 8px;
}
.CeldaImagenColor 
{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
}
.CeldaImagenColor tbody tr 
{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
}
.CeldaImagenColor .row 
{
	display : flex;
	justify-content : start;
}
.CeldaImagenColor .row > div 
{
	padding-left : 0px;
	padding-right : 15px;
	margin-left : 0px !important;
	margin-right : 0px !important;
}
.ColorTalleLayout .TableMerged 
{
	margin-bottom : 10px;
	width : 55px;
}
.TablaColorTalleInput > .row 
{
	display : flex;
	align-items : end;
}
.AttributeECommerceDetailQty 
{
	display : block !important;
}
span.AttributeECommerceDetailQty 
{
	display : none !important;
}
.cursorNotAllowed > a 
{
	cursor : default;
}
.cursorNotAllowed > a > i 
{
	color : var(--colors_gray04);
}
.InputDisabled 
{
	color : var(--colors_gray04);
	background-color : var(--colors_gray04);
	user-select : none;
	pointer-events : none;
}
.TextSinStock 
{
	display : flex;
	justify-content : center;
	align-items : center;
	background-color : var(--colors_gray04);
	height : 34px;
	padding-right : 15px;
	padding-left : 15px;
	border-style : solid;
	border-width : 1px;
	border-radius : var(--radius_m);
	border-color : var(--colors_gray05);
}
.TextSinStockCell 
{
	width : 100px;
}
.DetalleArticuloImagenesChicas 
{
	display : flex;
	scrollbar-width : none;
}
.DetalleArticuloImagenChica 
{
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_m);
	object-fit : contain;
}
.CarritoGrid 
{
	width : 100%;
	display : flex;
	flex-direction : column;
	gap : 5px;
}
.CarritoGridImagenSmall 
{
	height : auto;
	width : 70px;
	aspect-ratio : 1;
	background-color : var(--colors_backgroundcolor);
	object-fit : contain;
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_m);
}
.CarritoGridTituloSmall 
{
	font-size : 12px;
	overflow : hidden;
	text-overflow : ellipsis;
	line-height : 1;
}
.CarritoGridDescripcionSmall 
{
	font-size : 9px;
	overflow : hidden;
	text-overflow : ellipsis;
	line-height : 1;
}
.CarritoGridTablaColorTalleSmall 
{
	width : 100%;
	height : 100%;
	display : flex;
	flex-direction : row;
	align-items : center;
	justify-content : start;
	gap : 5px;
}
.CarritoGridColorImagenSmall 
{
	border-color : var(--colors_gray05);
	border-style : solid;
	border-width : var(--borders_xs);
	border-radius : var(--radius_m);
	height : 12px;
	width : 12px;
}
.CarritoGridTalleSmall 
{
	font-size : 10px;
}
.CarritoGridImporteSmall 
{
	font-size : 10px;
}
.CarritoGridSubTotalSmall 
{
	font-size : 12px;
}
.CarritoGridObservacionSmall 
{
	font-size : 9px !important;
	height : 100% !important;
	width : 100% !important;
	resize : none;
	padding-top : 2px;
	padding-bottom : 2px;
}
.CarritoGridEliminarSmall 
{
	font-size : 8px;
}
.CarritoGridBtnEliminarSmall 
{
	font-size : 11px;
}
.CarritoGridClienteSmall 
{
	font-size : 9px;
}
.CarritoGridMargenSmall 
{
	font-size : 9px;
}
.Margen 
{
	font-weight : 700;
}
.Margen.Positivo 
{
	color : var(--colors_success_condform);
}
.Margen.Neutro 
{
	color : var(--colors_gray07);
}
.Margen.Negativo 
{
	color : var(--colors_danger_condform);
}
.TotalCell > .form-group 
{
	display : flex;
	gap : 5px;
}
.TotalCell label 
{
	width : auto !important;
}
.CarritoGridLayoutSmall 
{
	display : grid;
	width : 100%;
	min-width : 320px;
	grid-template-columns : 70px 1fr 70px 1fr 50px 1fr 50px 1fr 50px 1fr 14px;
	grid-template-rows : 17px 17px 2px 36px;
	border-bottom : var(--borders_xs) solid var(--colors_gray04);
}
.CarritoGridImagenCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 1;
	grid-column-end : 2;
	grid-row-start : 1;
	grid-row-end : 5;
}
.CarritoGridTituloCellSmall 
{
	display : flex;
	align-items : center;
	justify-content : start;
	grid-column-start : 3;
	grid-column-end : 6;
	grid-row-start : 1;
	grid-row-end : 2;
}
.CarritoGridTituloCellSmall p 
{
	font-size : 12px;
	line-height : 1;
}
.CarritoGridTablaColorTalleCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 3;
	grid-column-end : 6;
	grid-row-start : 2;
	grid-row-end : 3;
}
.CarritoGridColorImagenCellSmall 
{
	width : fit-content;
	flex-grow : 0 !important;
}
.CarritoGridTalleCellSmall 
{
	width : fit-content;
	flex-grow : 0 !important;
}
.CarritoGridImporteCellSmall 
{
	justify-content : center;
	align-items : center;
	display : none;
	grid-column-start : 5;
	grid-column-end : 6;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CarritoGridCantidadCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 7;
	grid-column-end : 8;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CarritoGridSubTotalCellSmall 
{
	display : flex;
	align-items : center;
	justify-content : end;
	grid-column-start : 9;
	grid-column-end : 12;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CarritoGridObservacionCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 5;
	grid-column-end : 10;
	grid-row-start : 4;
	grid-row-end : 5;
}
.CarritoGridObservacionCellSmall > div 
{
	height : 100% !important;
}
.CarritoGridObservacionFullCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-end : 10;
	grid-row-start : 4;
	grid-row-end : 5;
	grid-column-start : 3;
}
.CarritoGridObservacionFullCellSmall > div 
{
	height : 100% !important;
}
.CarritoGridBtnCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 11;
	grid-column-end : 12;
	grid-row-start : 4;
	grid-row-start : 3;
	grid-row-end : 5;
}
.CarritoGridBtnCellSmall > div 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
}
.CarritoGridClienteCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : start;
	grid-column-start : 3;
	grid-column-end : 4;
	grid-row-start : 4;
	grid-row-end : 5;
}
.CarritoGridMargenCellSmall 
{
	display : flex;
	justify-content : center;
	align-items : end;
	grid-column-start : 3;
	grid-column-end : 4;
	grid-row-start : 4;
	grid-row-end : 5;
}
.CarritoGridImagen 
{
	height : auto;
	width : 70px;
	aspect-ratio : 1;
	background-color : var(--colors_backgroundcolor);
	object-fit : contain;
	border-style : solid;
	border-color : var(--colors_gray05);
	border-width : 1px;
	border-radius : var(--radius_m);
}
.CarritoGridTitulo 
{
	font-size : 12px;
	overflow : hidden;
	text-overflow : ellipsis;
	line-height : 1;
}
.CarritoGridDescripcion 
{
	font-size : 9px;
	overflow : hidden;
	text-overflow : ellipsis;
	line-height : 1;
}
.CarritoGridTablaColorTalle 
{
	width : 100%;
	height : 100%;
	display : flex;
	flex-direction : row;
	align-items : center;
	justify-content : start;
	gap : 5px;
}
.CarritoGridColorImagen 
{
	border-color : var(--colors_gray05);
	border-style : solid;
	border-width : var(--borders_xs);
	border-radius : var(--radius_m);
	height : 12px;
	width : 12px;
}
.CarritoGridTalle 
{
	font-size : 10px;
}
.CarritoGridImporte 
{
	font-size : 10px;
}
.CarritoGridSubTotal 
{
	font-size : 12px;
}
.CarritoGridObservacion 
{
	font-size : 9px !important;
	height : 100% !important;
	width : 100% !important;
	resize : none;
	padding-top : 2px;
	padding-bottom : 2px;
}
.CarritoGridEliminar 
{
	font-size : 8px;
}
.CarritoGridBtnEliminar 
{
	font-size : 11px;
}
.CarritoGridCliente 
{
	font-size : 9px;
}
.CarritoGridMargen 
{
	font-size : 9px;
}
.CarritoGridLayout 
{
	display : grid;
	width : 100%;
	min-width : 320px;
	grid-template-columns : 70px 1fr 70px 1fr 50px 1fr 50px 1fr 50px 1fr 14px;
	grid-template-rows : 17px 17px 2px 36px;
	border-bottom : var(--borders_xs) solid var(--colors_gray04);
}
.CarritoGridImagenCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 1;
	grid-column-end : 2;
	grid-row-start : 1;
	grid-row-end : 5;
}
.CarritoGridTituloCell 
{
	display : flex;
	align-items : center;
	justify-content : start;
	grid-column-start : 3;
	grid-column-end : 6;
	grid-row-start : 1;
	grid-row-end : 2;
}
.CarritoGridTituloCell p 
{
	font-size : 9px;
	line-height : 1;
}
.CarritoGridDescripcionCell 
{
}
.CarritoGridTablaColorTalleCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 3;
	grid-column-end : 6;
	grid-row-start : 2;
	grid-row-end : 3;
}
.CarritoGridColorImagenCell 
{
	width : fit-content;
	flex-grow : 0 !important;
}
.CarritoGridTalleCell 
{
	width : fit-content;
	flex-grow : 0 !important;
}
.CarritoGridImporteCell 
{
	justify-content : center;
	align-items : center;
	display : none;
	grid-column-start : 5;
	grid-column-end : 6;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CarritoGridCantidadCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 7;
	grid-column-end : 8;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CarritoGridSubTotalCell 
{
	display : flex;
	align-items : center;
	justify-content : end;
	grid-column-start : 9;
	grid-column-end : 12;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CarritoGridObservacionCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 5;
	grid-column-end : 10;
	grid-row-start : 4;
	grid-row-end : 5;
}
.CarritoGridObservacionCell > div 
{
	height : 100% !important;
}
.CarritoGridObservacionFullCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-end : 10;
	grid-row-start : 4;
	grid-row-end : 5;
	grid-column-start : 3;
}
.CarritoGridObservacionFullCell > div 
{
	height : 100% !important;
}
.CarritoGridBtnCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 11;
	grid-column-end : 12;
	grid-row-start : 3;
	grid-row-end : 5;
}
.CarritoGridBtnCell > div 
{
	padding-top : 0px !important;
	padding-right : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 0px !important;
}
.CarritoGridClienteCell 
{
	display : flex;
	justify-content : center;
	align-items : start;
	grid-column-start : 3;
	grid-column-end : 4;
	grid-row-start : 4;
	grid-row-end : 5;
}
.CarritoGridMargenCell 
{
	display : flex;
	justify-content : center;
	align-items : end;
	grid-column-start : 3;
	grid-column-end : 4;
	grid-row-start : 4;
	grid-row-end : 5;
}
.Cantidad 
{
	display : flex;
	justify-content : center;
	align-items : center;
	text-align : center !important;
	margin : 0px;
	padding : 0px;
	width : 100%;
	height : 100%;
	border : none;
}
.CantidadCell 
{
	height : 34px;
	width : 50px;
}
.CantidadCell tr 
{
	display : grid;
	grid-template-columns : 2fr 1fr;
	grid-template-rows : 1fr 1fr;
	width : 50px;
	height : 34px;
	border-style : solid;
	border-width : 1px;
	border-radius : var(--radius_m);
}
.CantidadCell tr:focus 
{
	border-color : red;
}
.CantidadCell .MergeDataCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 1;
	grid-column-end : 2;
	grid-row-start : 1;
	grid-row-end : 3;
}
.CantidadCell .CantidadBtnUpCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 2;
	grid-column-end : 3;
	grid-row-start : 1;
	grid-row-end : 2;
}
.CantidadCell .CantidadBtnDownCell 
{
	display : flex;
	justify-content : center;
	align-items : center;
	grid-column-start : 2;
	grid-column-end : 3;
	grid-row-start : 2;
	grid-row-end : 3;
}
.CantidadBtn 
{
	color : var(--colors_gray07);
	font-size : var(--fontsizes_font-icon-xs);
}
.gx-label.DangerManual > .CellECommerceQty > table > tbody > tr > td:nth-of-type(2)Label 
{
	padding-right : 3pt;
	font-style : normal;
	vertical-align : middle;
	white-space : normal;
	color : var(--colors_gray08);
	font-size : var(--fontsizes_s);
	font-weight : bold;
}


@media (min-width: 992px)
{
	.BtnIcon 
	{
		font-size : 16px;
	}
	.TableHeader 
	{
		max-width : 1130px;
		padding-left : 30px;
		padding-right : 30px;
	}
	.CaritroLateralLayoutGrid 
	{
		grid-template-rows : 80dvh 14dvh;
	}
	.GaleriaImagen 
	{
		width : min(90dvh, 90dvw);
	}
	.GaleriaFlecha 
	{
		position : static;
		width : 50px;
		height : 50px;
		font-size : 50px;
		background-color : rgba(0, 0, 0, 0.2);
	}
	.ArticulosGrid 
	{
		grid-template-columns : 1fr 1fr 1fr;
	}
	.TablaTarjeta 
	{
		padding-right : 10px;
	}
	.TarjetaDetalle 
	{
		font-size : 14px;
	}
	.TarjetaPrecio 
	{
		font-size : 16px;
		letter-spacing : 2px;
	}
	.DetalleArticuloImagenGrande 
	{
		height : 390px;
		width : 390px;
	}
	.DetalleArticuloImagenesChicas 
	{
		flex-direction : column;
		overflow-y : auto;
		overflow-x : hidden;
		height : 390px;
		width : auto;
	}
	.AlturaImagenGrande 
	{
		height : 390px;
	}
	.DetalleArticuloImagenChica 
	{
		width : 70px;
		height : 70px;
	}
	.CarritoGridImagen 
	{
		width : 80px;
	}
	.CarritoGridTitulo 
	{
		font-size : 12px;
	}
	.CarritoGridDescripcion 
	{
		font-size : 12px;
	}
	.CarritoGridTablaColorTalle 
	{
		gap : 5px;
	}
	.CarritoGridColorImagen 
	{
		height : 16px;
		width : 16px;
	}
	.CarritoGridTalle 
	{
		font-size : 10px;
	}
	.CarritoGridImporte 
	{
		font-size : 14px;
	}
	.CarritoGridSubTotal 
	{
		font-size : 14px;
	}
	.CarritoGridObservacion 
	{
		font-size : 14px !important;
	}
	.CarritoGridEliminar 
	{
		font-size : 14px;
	}
	.CarritoGridBtnEliminar 
	{
		font-size : 15px;
	}
	.CarritoGridCliente 
	{
		font-size : 14px;
	}
	.CarritoGridMargen 
	{
		font-size : 15px;
	}
	.CarritoGridLayout 
	{
		display : grid;
		width : 100%;
		grid-template-columns : 80px 10px 150px 10px 100px 10px 50px 10px 100px 10px 1fr 10px 20px;
		grid-template-rows : 40px 40px auto 5px;
		border-bottom : var(--borders_xs) solid var(--colors_gray04);
	}
	.CarritoGridImagenCell 
	{
		grid-column-start : 1;
		grid-column-end : 2;
		grid-row-start : 1;
		grid-row-end : 3;
	}
	.CarritoGridTituloCell 
	{
		grid-column-start : 3;
		grid-column-end : 4;
		grid-row-start : 1;
		grid-row-end : 2;
	}
	.CarritoGridTablaColorTalleCell 
	{
		grid-column-start : 3;
		grid-column-end : 4;
		grid-row-start : 2;
		grid-row-end : 3;
	}
	.CarritoGridImporteCell 
	{
		display : flex;
		grid-column-start : 5;
		grid-column-end : 6;
		grid-row-start : 1;
		grid-row-end : 2;
	}
	.CarritoGridCantidadCell 
	{
		grid-column-start : 7;
		grid-column-end : 8;
		grid-row-start : 1;
		grid-row-end : 2;
	}
	.CarritoGridSubTotalCell 
	{
		justify-content : center;
		grid-column-start : 9;
		grid-column-end : 10;
		grid-row-start : 1;
		grid-row-end : 2;
	}
	.CarritoGridObservacionCell 
	{
		grid-column-start : 11;
		grid-column-end : 12;
		grid-row-start : 1;
		grid-row-end : 3;
	}
	.CarritoGridBtnCell 
	{
		grid-column-start : 13;
		grid-column-end : 14;
		grid-row-start : 1;
		grid-row-end : 3;
	}
	.CarritoGridEliminarCell 
	{
		grid-column-start : 13;
		grid-column-end : 14;
		grid-row-start : 1;
		grid-row-end : 3;
	}
	.RevendedorCarritoGridSeleccionadoCell 
	{
		grid-column-start : 13;
		grid-column-end : 14;
		grid-row-start : 1;
		grid-row-end : 3;
	}
	.CarritoGridClienteCell 
	{
		align-items : center;
		grid-column-start : 5;
		grid-column-end : 8;
		grid-row-start : 2;
		grid-row-end : 3;
	}
	.CarritoGridMargenCell 
	{
		align-items : center;
		grid-column-start : 9;
		grid-column-end : 10;
		grid-row-start : 2;
		grid-row-end : 3;
	}
}


@media (min-width: 768px)
{
	.TableHeader 
	{
		grid-template-rows : 1fr 1fr auto;
	}
	.MasterPageLogoCell 
	{
		grid-column-start : 1;
		grid-column-end : 2;
		grid-row-start : 1;
		grid-row-end : 3;
	}
	.ActionGroupUsuarioCell 
	{
		grid-column-start : 2;
		grid-column-end : 3;
		grid-row-start : 1;
		grid-row-end : 2;
	}
	.BtnAbrirCarritoCell 
	{
		grid-column-start : 3;
		grid-column-end : 4;
		grid-row-start : 1;
		grid-row-end : 2;
	}
	.WWPMenuCell 
	{
		grid-column-start : 1;
		grid-column-end : 4;
		grid-row-start : 3;
		grid-row-end : 4;
	}
	.BusquedaCell 
	{
		grid-column-start : 2;
		grid-column-end : 4;
		grid-row-start : 2;
		grid-row-end : 3;
		justify-content : end;
	}
	.BtnCerrarSesion 
	{
		font-size : 24px;
	}
	.TableBusqueda 
	{
		gap : 5px;
	}
	.BtnBusqueda 
	{
		font-size : 18px;
	}
	.BusquedaAvanzada 
	{
		font-size : 11px;
	}
	.CarritoLateralContainer 
	{
		width : min(100dvw,460px);
	}
	.GaleriaImagen 
	{
		width : min(95dvh, 95dvw);
	}
	.GaleriaFlecha 
	{
		position : fixed;
		font-size : 40px;
		width : 40px;
		height : 80px;
		top : calc(50dvh-20px);
	}
	.GaleriaFlecha.izq 
	{
		left : 10px;
	}
	.GaleriaFlecha.der 
	{
		right : 10px;
	}
	.BtnFiltrosCell 
	{
		display : none;
	}
	.ArticulosGrid 
	{
		grid-template-columns : 1fr 1fr;
	}
	.TablaTarjeta 
	{
		padding-right : 5px;
	}
	.TarjetaDetalle 
	{
		font-size : 12px;
	}
	.TarjetaPrecio 
	{
		font-size : 14px;
		letter-spacing : 2px;
	}
	.slimmenu 
	{
		width : 100% !important;
	}
	.DetalleArticuloImagenGrande 
	{
		height : 600px;
		width : 600px;
	}
	.DetalleArticuloImagenesChicas 
	{
		flex-direction : row;
		flex-wrap : nowrap;
		column-gap : 10px;
		overflow : auto;
		scrollbar-width : none;
		width : 600px;
		height : auto;
	}
	.DetalleArticuloImagenesChicasCel 
	{
		width : 600px;
	}
	.DetalleArticuloImagenChica 
	{
		width : 80px;
		height : 80px;
	}
	.CarritoGridLayoutSmall 
	{
		display : grid;
		width : 440px;
		min-width : 320px;
		height : 80px;
		grid-template-columns : 80px 1fr 120px 1fr 65px 1fr 65px 1fr 65px 1fr 24px;
		grid-template-rows : 19px 19px 1fr 40px;
		border-bottom : var(--borders_xs) solid var(--colors_gray04);
	}
	.CarritoGridImagenSmall 
	{
		width : 80px;
	}
	.CarritoGridTituloSmall 
	{
		font-size : 12px;
	}
	.CarritoGridDescripcionSmall 
	{
		font-size : 12px;
	}
	.CarritoGridColorImagenSmall 
	{
		height : 16px;
		width : 16px;
	}
	.CarritoGridTalleSmall 
	{
		font-size : 10px;
	}
	.CarritoGridImporteSmall 
	{
		font-size : 14px;
	}
	.CarritoGridSubTotalSmall 
	{
		font-size : 14px;
	}
	.CarritoGridObservacionSmall 
	{
		font-size : 11px !important;
	}
	.CarritoGridEliminarSmall 
	{
		font-size : 14px;
	}
	.CarritoGridBtnEliminarSmall 
	{
		font-size : 15px;
	}
	.CarritoGridClienteSmall 
	{
		font-size : 14px;
	}
	.CarritoGridMargenSmall 
	{
		font-size : 15px;
	}
}


@media (max-width: 767px)
{
	.FontSizeL, .FontSizeLDate, .FontSizeLLabel, .FontSizeLDateLabel 
	{
		font-size : var(--fontsizes_m);
	}
	.FontSizeM, .FontSizeMDate, .FontSizeMLabel, .FontSizeMDateLabel 
	{
		font-size : var(--fontsizes_s);
	}
	.FontSizeS, .FontSizeSDate, .FontSizeSLabel, .FontSizeSDateLabel 
	{
		font-size : var(--fontsizes_xs);
	}
	.FooterSeccionTableCell 
	{
		justify-content : start;
	}
	.FooterTable 
	{
		flex-direction : column;
		gap : 25px;
	}
	.FooterIcon 
	{
		font-size : 16px;
	}
	.CarritoObservaciones 
	{
		font-size : 12px;
		height : 70px;
	}
	.GaleriaImagen 
	{
		width : min(95dvh, 95dvw);
	}
	.GaleriaFlecha 
	{
		position : fixed;
		font-size : 40px;
		width : 40px;
		height : 80px;
		top : calc(50dvh-40px);
	}
	.GaleriaFlecha.izq 
	{
		left : 10px;
	}
	.GaleriaFlecha.der 
	{
		right : 10px;
	}
	.MasterPageLogo 
	{
		margin-bottom : 10px;
		margin-left : 10px;
		margin-top : 10px;
		height : 60px;
		max-height : 60px;
		align-self : center;
	}
	.XSDisplayNone 
	{
		display : none;
	}
	.PanelFiltrosCell 
	{
		display : none;
	}
	.ArticulosGrid 
	{
		grid-template-columns : 1fr 1fr;
	}
	.TablaTarjeta 
	{
		padding-right : 5px;
	}
	.TarjetaDetalle 
	{
		font-size : 12px;
	}
	.TarjetaPrecio 
	{
		font-size : 14px;
		letter-spacing : 2px;
	}
	.TablaTallesHeadersFlex 
	{
		gap : 7px;
	}
	.GridTallesFlex div[data-gx-flex] 
	{
		gap : 7px;
	}
	.ActionGroupUsuario > .ActionGroup 
	{
		display : flex;
		flex-direction : column;
		align-items : end;
	}
	.ButtonAsLinkHeaderECommerce 
	{
		margin-top : 0px;
		letter-spacing : 0.5px;
	}
	.slimmenu 
	{
		width : 100% !important;
	}
	.DetalleArticuloImagenGrande 
	{
		height : 320px;
		width : 320px;
	}
	.DetalleArticuloImagenesChicas 
	{
		flex-direction : row;
		flex-wrap : nowrap;
		column-gap : 10px;
		overflow : auto;
		scrollbar-width : none;
		width : 320px;
		height : auto;
	}
	.DetalleArticuloImagenesChicasCel 
	{
		overflow : auto;
		width : 320px;
	}
	.DetalleArticuloImagenChica 
	{
		width : 80px;
		height : 80px;
	}
	.panel-body 
	{
		padding : 5px;
	}
}


@media (min-width: 1200px)
{
	.GaleriaImagen 
	{
		width : min(90dvh, 90dvw);
	}
	.GaleriaFlecha 
	{
		position : static;
		width : 50px;
		height : 50px;
		font-size : 50px;
		background-color : rgba(0, 0, 0, 0.2);
	}
	.ArticulosGrid 
	{
		grid-template-columns : 1fr 1fr 1fr 1fr;
	}
	.TablaTarjeta 
	{
		padding-right : 10px;
	}
	.TarjetaDetalle 
	{
		font-size : 14px;
	}
	.TarjetaPrecio 
	{
		font-size : 16px;
		letter-spacing : 2px;
	}
	.DetalleArticuloImagenGrande 
	{
		height : 500px;
		width : 500px;
	}
	.DetalleArticuloImagenesChicas 
	{
		flex-direction : column;
		overflow-y : auto;
		overflow-x : hidden;
		height : 500px;
		width : auto;
	}
	.AlturaImagenGrande 
	{
		height : 500px;
	}
	.DetalleArticuloImagenChica 
	{
		width : 75px;
		height : 75px;
	}
}

}