.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.upload_btn {
	background: #33a5e0;
	color: white;
	padding: 4px 25px;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
}
.ui-resizable-handle { z-index: 1 !important; }
.settings #cboxLoadedContent { box-shadow: 3px 3px 15px 0px black; }
.settings#colorbox { outline: none; }
.sortable_placeholder {
	border-left: 1px solid #64b9e6;
	border-right: 1px solid #64b9e6; 
	background: url('../css/drop_placeholder_1.png') repeat-x;
	height: 17px;
	margin: 10px 0;
}
#cboxOverlay { position: fixed; top: 0; width: 100%; height: 100%; }
.colorpicker { z-index: 4; }
.admin_page_edit_container .title.widgets { background: #8d8b8d; border-radius: 5px; }
.admin_page_edit_container .title.contents { background: #67bce7; border-radius: 5px; }
.leftcolumn { float: left; width: 456px; }
.contenedor_dato2 { width: 406px; height: 60px; }
.contenedor_dato2 input.inputfile { width: 394px; margin: 0; }
.contenedor_dato2 span { padding-left: 5px; }
.contenedor_dato2 .tick { margin: -6px 0 0 5px; width: 25px; }
.contenedor_dato2 .text,
.contenedor_dato2 .text span { padding-left: 0; } 
.contenedor_dato2 .text .no { display: none; color: #d80019; font-weight: bold; }
.contenedor_dato2 .text.disabled .no { display: inline; }
.page { width: 100%; margin-bottom: 0; }
.page .sortable { overflow: hidden; }
.page .sortable.image,
.sortable.image,
body .sortable.video,
.page .sortable.video,
.sortable.video,
body .sortable.image {
	vertical-align: top;
	text-align: left;
	width: 100%;
    line-height: normal;
}

figure.sortable.image,
figure.sortable.video {
	display: block;
	width: 100%;
	max-width: 100%;
}
.page .sortable.image .overlay { position: absolute; display: table; }
.page .sortable.image .overlay .caption { color: white; width: 100%; display: table-cell; text-align: center; vertical-align: middle; }
.page .sortable.image img.rounded { border-radius: 100%; }
.page .sortable.image.empty { display: none; }
.sortable.textarea,
.sortable.table,
.sortable.image,
.sortable.video { position: relative; }
.sortable.image img {
    max-width: 999999px;
    width: auto;
    height: auto;
    display: inline-block;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    object-fit: contain;
}

.sortable.video .page-video-wrap,
.sortable.video video.page-video,
.sortable.image .page-video-wrap,
.sortable.image video.page-video {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

.sortable.video .page-video-wrap,
.sortable.image .page-video-wrap {
	position: relative;
	line-height: 0;
}

.page .sortable.customtitle h1,
.page .sortable.customtitle h2,
.page .sortable.customtitle h3,
.page .sortable.customtitle h4,
.page .sortable.customtitle h5,
.page .sortable.customtitle h6 {
	margin-top: 0;
	margin-bottom: 0;
}

.sortable.video .page-video-wrap .page-video,
.sortable.image .page-video-wrap .page-video {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.sortable.video .page-video-play,
.sortable.image .page-video-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 54px;
	height: 54px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.55);
	border: none;
	cursor: pointer;
	z-index: 2;
}

.sortable.video .page-video-open,
.sortable.image .page-video-open {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: none;
	background: rgba(0, 0, 0, 0.52);
	color: #fff;
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.sortable.video .page-video-open::before,
.sortable.image .page-video-open::before {
	content: '\26F6';
	font-size: 16px;
}

.sortable.video .page-video-play::before,
.sortable.image .page-video-play::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-35%, -50%);
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 14px solid rgba(255, 255, 255, 0.9);
}

.sortable.video .page-video-wrap.is-playing .page-video-play::before,
.sortable.image .page-video-wrap.is-playing .page-video-play::before {
	border-left: none;
	border-top: none;
	border-bottom: none;
	width: 16px;
	height: 18px;
	transform: translate(-50%, -50%);
	box-shadow: inset 6px 0 0 0 rgba(255, 255, 255, 0.9), inset -6px 0 0 0 rgba(255, 255, 255, 0.9);
}

.sortable.video .page-video-wrap.is-playing .page-video-play,
.sortable.image .page-video-wrap.is-playing .page-video-play {
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}

.sortable.video .page-video-wrap.is-playing:hover .page-video-play,
.sortable.image .page-video-wrap.is-playing:hover .page-video-play {
	opacity: 1;
	pointer-events: auto;
}
.page .pagecontainer {
	--pagecontainer-offset-left: 0px;
	--pagecontainer-offset-right: 0px;
	width: calc(100% - var(--pagecontainer-offset-left) - var(--pagecontainer-offset-right));
	max-width: calc(1440px - var(--pagecontainer-offset-left) - var(--pagecontainer-offset-right));
	margin-left: auto;
	margin-right: auto;
	transform: translateX(calc((var(--pagecontainer-offset-left) - var(--pagecontainer-offset-right)) / 2));
	box-sizing: border-box;
}
.page .table {
	--table-offset-left: 0px;
	--table-offset-right: 0px;
	width: calc(100% - var(--table-offset-left) - var(--table-offset-right));
	max-width: calc(100% - var(--table-offset-left) - var(--table-offset-right));
	margin-left: auto;
	margin-right: auto;
	transform: translateX(calc((var(--table-offset-left) - var(--table-offset-right)) / 2));
	box-sizing: border-box;
}
.table { margin: 0; } 
.gallerytable .gallerycell { float: left; overflow: hidden; }
.gallerytable.rounded .wrapper2 { border-radius: 100%; overflow: hidden; }
.page .sortable.gallerytable.rounded .overlay { border-radius: 100%; }
.page .sortable.gallerytable .gallerycell .wrapper { overflow: hidden; box-sizing: border-box; }
.page .sortable.cmsbox {
	display: block;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	min-height: 120px;
}

.page .sortable.cmsbox > .sortable {
	box-sizing: border-box;
	max-width: 100%;
}

.page .sortable.cmsbox > .sortable.customtitle,
.page .sortable.cmsbox > .sortable.textarea,
.page .sortable.cmsbox > .sortable.image,
.page .sortable.cmsbox > .sortable.video,
.page .sortable.cmsbox > .sortable.separator,
.page .sortable.cmsbox > .sortable.code,
.page .sortable.cmsbox > .sortable.countdown,
.page .sortable.cmsbox > .sortable.music,
.page .sortable.cmsbox > .sortable.custombutton {
	width: auto !important;
}

.page .sortable.cmsbox > .sortable.customtitle,
.page .sortable.cmsbox > .sortable.textarea {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.page .sortable.cmsbox > .sortable.customtitle > .mceEditor,
.page .sortable.cmsbox > .sortable.textarea > .mceEditor,
.page .sortable.cmsbox > .sortable.customtitle > .mceEditor > h1,
.page .sortable.cmsbox > .sortable.customtitle > .mceEditor > h2,
.page .sortable.cmsbox > .sortable.customtitle > .mceEditor > h3,
.page .sortable.cmsbox > .sortable.customtitle > .mceEditor > h4,
.page .sortable.cmsbox > .sortable.customtitle > .mceEditor > h5,
.page .sortable.cmsbox > .sortable.customtitle > .mceEditor > h6,
.page .sortable.cmsbox > .sortable.textarea > .mceEditor > p {
	box-sizing: border-box;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.page .sortable.cmsbox > .sortable.code,
.page .sortable.cmsbox > .sortable.code.countdown,
.page .sortable.cmsbox > .sortable.music,
.page .sortable.cmsbox > .sortable.separator {
	overflow: visible !important;
}

.page .sortable.cmsbox > .sortable.separator {
	display: block;
	width: auto !important;
	max-width: 100%;
	box-sizing: border-box;
}

.page .sortable.cmsbox > .sortable.code > img,
.page .sortable.cmsbox > .sortable.code > .raw_code,
.page .sortable.cmsbox > .sortable.code.countdown > .raw_code,
.page .sortable.cmsbox > .sortable.music > .music-placeholder,
.page .sortable.cmsbox > .sortable.music > .cms-musica {
	box-sizing: border-box;
	max-width: 100%;
}

.page .sortable.cmsbox > .sortable.image,
.page .sortable.cmsbox > .sortable.video {
	display: block;
	max-width: 100% !important;
}

.page .sortable.cmsbox > .sortable.image img,
.page .sortable.cmsbox > .sortable.video video,
.page .sortable.cmsbox > .sortable.image .page-video-wrap,
.page .sortable.cmsbox > .sortable.video .page-video-wrap,
.page .sortable.cmsbox > .sortable.image .page-video-wrap .page-video,
.page .sortable.cmsbox > .sortable.video .page-video-wrap .page-video {
	max-width: 100% !important;
}

body:not(.editing) .page .sortable.cmsbox.empty {
	min-height: 120px;
}

.gallerytable .gallerycell .wrapper2 { position: relative !important; width: 100% !important; height: 0 !important; padding-bottom: 100% !important; overflow: hidden !important; background: transparent !important; }
.gallerytable .gallerycell .wrapper2 img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
@media all and (max-width: 767px) {
	/* Removed height: auto to maintain square aspect ratio */
	/*.cell.empty span.blank { display: none; }*/
	.gallerytable.rounded .wrapper2,
	.page .sortable.gallerytable.rounded .overlay { border-radius: 0; }
}
@media all and (min-width: 768px) {
	.gallerytable.cols-2 .gallerycell { width: 50%; }
	.gallerytable.cols-4 .gallerycell { width: 25%; }
	.gallerytable.cols-5 .gallerycell { width: 20%; }
	.gallerytable.cols-8 .gallerycell { width: 12.5%; }
}
.table_inner { border-collapse: collapse; display: table; width: 100%; box-sizing: border-box; }
.row { display: block; }
.cell { display: inline-block; width: 100%; vertical-align: top; }
.page .row[data-cell-dist] .cell { padding: 0 !important; }
.cell.empty { background-position: center; background-repeat: no-repeat; }

body:not(.editing) .page .sortable.pagesection > .table_inner,
body:not(.editing) .page .sortable.pagecontainer > .table_inner,
body:not(.editing) .page .sortable.table > .table_inner,
body:not(.editing) .page .sortable.pagesection > .table_inner > .row,
body:not(.editing) .page .sortable.pagecontainer > .table_inner > .row,
body:not(.editing) .page .sortable.table > .table_inner > .row {
	height: auto !important;
	min-height: 0 !important;
}

body:not(.editing) .page .sortable.pagesection.cms-empty-structural,
body:not(.editing) .page .sortable.pagecontainer.cms-empty-structural,
body:not(.editing) .page .sortable.table.cms-empty-structural,
body:not(.editing) .page .sortable.pagesection.cms-empty-structural > .table_inner,
body:not(.editing) .page .sortable.pagecontainer.cms-empty-structural > .table_inner,
body:not(.editing) .page .sortable.table.cms-empty-structural > .table_inner,
body:not(.editing) .page .sortable.pagesection.cms-empty-structural > .table_inner > .row,
body:not(.editing) .page .sortable.pagecontainer.cms-empty-structural > .table_inner > .row,
body:not(.editing) .page .sortable.table.cms-empty-structural > .table_inner > .row {
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

body:not(.editing) .page .sortable.pagesection > .table_inner > .row > .cell.empty,
body:not(.editing) .page .sortable.pagecontainer > .table_inner > .row > .cell.empty,
body:not(.editing) .page .sortable.table > .table_inner > .row > .cell.empty {
	height: 0 !important;
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
}

#fondoDegradadoInferior, .page, .page .cell, .border-box * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.page p { line-height: initial; margin: 0; }

.page .mceEditor .site-icon,
.page .sortable.textarea .site-icon,
.page .sortable.customtitle .site-icon,
.page .label .site-icon {
	display: inline-block;
	width: 30px;
	min-width: 30px;
	height: 30px;
	font-size: 32px;
	line-height: 1;
	vertical-align: text-top;
	margin: 0 10px 0 0;
	text-align: center;
}

.page .mceEditor .site-icon:before,
.page .sortable.textarea .site-icon:before,
.page .sortable.customtitle .site-icon:before,
.page .label .site-icon:before {
	display: block;
	margin-top: 0;
	line-height: 1;
}

.page .mceEditor:has(> .site-icon:first-child),
.page .mceEditor:has(> span:first-child > .site-icon:first-child),
.page .mceEditor:has(> a:first-child > .site-icon:first-child),
.page .mceEditor p:has(.site-icon:first-child),
.page .mceEditor h1:has(.site-icon:first-child),
.page .mceEditor h2:has(.site-icon:first-child),
.page .mceEditor h3:has(.site-icon:first-child),
.page .mceEditor h4:has(.site-icon:first-child),
.page .mceEditor h5:has(.site-icon:first-child),
.page .mceEditor h6:has(.site-icon:first-child),
.page .sortable.textarea:has(.mceEditor > .site-icon:first-child) .mceEditor,
.page .sortable.textarea:has(.mceEditor > span:first-child > .site-icon:first-child) .mceEditor,
.page .sortable.textarea:has(.mceEditor > a:first-child > .site-icon:first-child) .mceEditor,
.page .sortable.textarea p:has(.site-icon:first-child),
.page .sortable.customtitle h1:has(.site-icon:first-child),
.page .sortable.customtitle h2:has(.site-icon:first-child),
.page .sortable.customtitle h3:has(.site-icon:first-child),
.page .sortable.customtitle h4:has(.site-icon:first-child),
.page .sortable.customtitle h5:has(.site-icon:first-child),
.page .sortable.customtitle h6:has(.site-icon:first-child) {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.page .mceEditor:has(> .site-icon:first-child) > .site-icon,
.page .mceEditor:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor p:has(.site-icon:first-child) > .site-icon,
.page .mceEditor p:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor p:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor h1:has(.site-icon:first-child) > .site-icon,
.page .mceEditor h1:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor h1:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor h2:has(.site-icon:first-child) > .site-icon,
.page .mceEditor h2:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor h2:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor h3:has(.site-icon:first-child) > .site-icon,
.page .mceEditor h3:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor h3:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor h4:has(.site-icon:first-child) > .site-icon,
.page .mceEditor h4:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor h4:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor h5:has(.site-icon:first-child) > .site-icon,
.page .mceEditor h5:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor h5:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .mceEditor h6:has(.site-icon:first-child) > .site-icon,
.page .mceEditor h6:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .mceEditor h6:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.textarea:has(.mceEditor > .site-icon:first-child) .mceEditor > .site-icon,
.page .sortable.textarea:has(.mceEditor > span:first-child > .site-icon:first-child) .mceEditor > span:first-child,
.page .sortable.textarea:has(.mceEditor > a:first-child > .site-icon:first-child) .mceEditor > a:first-child,
.page .sortable.textarea p:has(.site-icon:first-child) > .site-icon,
.page .sortable.textarea p:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.textarea p:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.customtitle h1:has(.site-icon:first-child) > .site-icon,
.page .sortable.customtitle h1:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.customtitle h1:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.customtitle h2:has(.site-icon:first-child) > .site-icon,
.page .sortable.customtitle h2:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.customtitle h2:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.customtitle h3:has(.site-icon:first-child) > .site-icon,
.page .sortable.customtitle h3:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.customtitle h3:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.customtitle h4:has(.site-icon:first-child) > .site-icon,
.page .sortable.customtitle h4:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.customtitle h4:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.customtitle h5:has(.site-icon:first-child) > .site-icon,
.page .sortable.customtitle h5:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.customtitle h5:has(> a:first-child > .site-icon:first-child) > a:first-child,
.page .sortable.customtitle h6:has(.site-icon:first-child) > .site-icon,
.page .sortable.customtitle h6:has(> span:first-child > .site-icon:first-child) > span:first-child,
.page .sortable.customtitle h6:has(> a:first-child > .site-icon:first-child) > a:first-child {
	margin-right: 0;
	flex: 0 0 30px;
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
}

.page .mceEditor:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor p:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor p:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor h1:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor h1:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor h2:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor h2:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor h3:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor h3:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor h4:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor h4:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor h5:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor h5:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .mceEditor h6:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .mceEditor h6:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.textarea:has(.mceEditor > span:first-child > .site-icon:first-child) .mceEditor > span:first-child > .site-icon,
.page .sortable.textarea:has(.mceEditor > a:first-child > .site-icon:first-child) .mceEditor > a:first-child > .site-icon,
.page .sortable.textarea p:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.textarea p:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.customtitle h1:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.customtitle h1:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.customtitle h2:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.customtitle h2:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.customtitle h3:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.customtitle h3:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.customtitle h4:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.customtitle h4:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.customtitle h5:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.customtitle h5:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon,
.page .sortable.customtitle h6:has(> span:first-child > .site-icon:first-child) > span:first-child > .site-icon,
.page .sortable.customtitle h6:has(> a:first-child > .site-icon:first-child) > a:first-child > .site-icon {
	margin-right: 0;
}

.custombutton .mceEditor {
	word-wrap: break-word;
	cursor: pointer;
}

@media (min-width: 768px) and (max-width: 991px) {
	.custombutton > .mceEditor {
		width: var(--cms-button-width-tablet) !important;
		font-size: var(--cms-button-font-size-tablet) !important;
		letter-spacing: var(--cms-button-letter-spacing-tablet) !important;
		line-height: var(--cms-button-line-height-tablet) !important;
	}

	.custombutton > .mceEditor p,
	.custombutton > .mceEditor a,
	.custombutton > .mceEditor span,
	.custombutton > .mceEditor strong,
	.custombutton > .mceEditor b,
	.custombutton > .mceEditor em,
	.custombutton > .mceEditor u,
	.custombutton > .mceEditor p > a,
	.custombutton > .mceEditor p > span,
	.custombutton > .mceEditor p > strong,
	.custombutton > .mceEditor p > b,
	.custombutton > .mceEditor p > em,
	.custombutton > .mceEditor p > u {
		font-size: var(--cms-button-font-size-tablet) !important;
		line-height: var(--cms-button-line-height-tablet) !important;
	}
}

@media (max-width: 767px) {
	.custombutton > .mceEditor {
		width: var(--cms-button-width-mobile) !important;
		font-size: var(--cms-button-font-size-mobile) !important;
		letter-spacing: var(--cms-button-letter-spacing-mobile) !important;
		line-height: var(--cms-button-line-height-mobile) !important;
	}

	.custombutton > .mceEditor p,
	.custombutton > .mceEditor a,
	.custombutton > .mceEditor span,
	.custombutton > .mceEditor strong,
	.custombutton > .mceEditor b,
	.custombutton > .mceEditor em,
	.custombutton > .mceEditor u,
	.custombutton > .mceEditor p > a,
	.custombutton > .mceEditor p > span,
	.custombutton > .mceEditor p > strong,
	.custombutton > .mceEditor p > b,
	.custombutton > .mceEditor p > em,
	.custombutton > .mceEditor p > u {
		font-size: var(--cms-button-font-size-mobile) !important;
		line-height: var(--cms-button-line-height-mobile) !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.page .row[data-cell-dist]:not([data-cell-mode-tablet="fixed"]) > .cell {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	.page .row[data-cell-dist]:not([data-cell-mode-mobile="fixed"]) > .cell {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* ===== SISTEMA RESPONSIVE COLUMNAS POR ID ===== */
@media (max-width: 480px) {
	/* 2 columnas en móvil - cualquier ID que contenga "movil-2" */
	[id*="movil-2"] .row:not([data-responsive-columns-managed="1"]) {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	
	[id*="movil-2"] .row:not([data-responsive-columns-managed="1"]) > .cell,
	[id*="movil-2"] .row:not([data-responsive-columns-managed="1"]) > .gallerycell {
		width: 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		box-sizing: border-box !important;
	}
	
	/* 3 columnas en móvil - cualquier ID que contenga "movil-3" */
	[id*="movil-3"] .row:not([data-responsive-columns-managed="1"]) {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	
	[id*="movil-3"] .row:not([data-responsive-columns-managed="1"]) > .cell,
	[id*="movil-3"] .row:not([data-responsive-columns-managed="1"]) > .gallerycell {
		width: 33.333% !important;
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
		box-sizing: border-box !important;
	}
	
	/* 1 columna en móvil - cualquier ID que contenga "movil-1" */
	[id*="movil-1"] .row:not([data-responsive-columns-managed="1"]) {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	
	[id*="movil-1"] .row:not([data-responsive-columns-managed="1"]) > .cell,
	[id*="movil-1"] .row:not([data-responsive-columns-managed="1"]) > .gallerycell {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

/* ===== GRID DE PRODUCTOS 2 COLUMNAS EN MÓVIL ===== */
@media (max-width: 480px) {
	.results {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		padding: 8px !important;
	}
}

/* ===== TIPOGRAFÍA RESPONSIVA PRODUCTOS EN MÓVIL ===== */
@media (max-width: 480px) {
	.product .name, 
	.product .title, 
	.product h3, 
	.product h4 {
		font-size: 12px !important;
		line-height: 1.3 !important;
		margin-bottom: 2px !important;
	}
	
	.product .price, 
	.product .precio {
		font-size: 18px !important;
	}
	
	.product {
		padding-bottom: 5px !important;
	}
	
	.product .data, 
	.product .description {
		margin-top: 4px !important;
		margin-bottom: 2px !important;
	}
	
	.product .new {
		top: 6px !important;
		right: 6px !important;
		font-size: 10px !important;
	}
}

@media (min-width: 481px) {
	.product .new {
		top: 12px !important;
		right: 12px !important;
	}
}

/* ===== FIN SISTEMA RESPONSIVE ===== */
/* Fix for Fancybox 3 UI visibility */
.fancybox-container { z-index: 99999 !important; }
.fancybox-button { display: inline-block !important; visibility: visible !important; opacity: 1 !important; }
.fancybox-navigation .fancybox-button { display: block !important; }
.fancybox-toolbar { display: block !important; opacity: 1 !important; visibility: visible !important; }

/* Fancybox mobile centering: avoid side thumbs pushing image left */
@media (max-width: 768px) {
	.fancybox-show-thumbs .fancybox-inner { right: 0 !important; }
	.fancybox-thumbs {
		width: 100% !important;
		height: 110px !important;
		top: auto !important;
		bottom: 0 !important;
	}
	.fancybox-thumbs-x .fancybox-thumbs__list { white-space: nowrap; }
}


/* Hover del botón - solo cambia el color de fondo al configurado en admin */
.custombutton .mceEditor.btn-hover-effect {
	transition: background 0.3s ease;
}

.custombutton .mceEditor.btn-hover-effect:hover {
	background: var(--hover-bg) !important;
}