de la card llenan la altura */
.al-product-col .wpb_text_column a,
.al-product-col .wpb_text_column a > div {
height: 100% !important;
}
/* ==========================================================================
APPLE APP STORE-STYLE SYSTEM CARDS (.al-sys-*)
Sección "Sistemas disponibles" en la home — 6 tarjetas portrait con
imagen de fondo, badge glassmorphism y bottom overlay.
========================================================================== */
.al-sys-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.al-sys-card {
position: relative;
border-radius: 18px;
overflow: hidden;
aspect-ratio: 3 / 4;
cursor: pointer;
background: #111;
display: block;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.al-sys-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.55);
text-decoration: none;
}
.al-sys-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.al-sys-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.05) 0%,
rgba(0, 0, 0, 0) 30%,
rgba(0, 0, 0, 0.65) 65%,
rgba(0, 0, 0, 0.95) 100%
);
}
.al-sys-badge {
position: absolute;
top: 14px;
left: 14px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
font-size: 0.58rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 20px;
line-height: 1.6;
}
.al-sys-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 18px 16px 20px;
}
.al-sys-logo {
width: 42px;
height: 42px;
border-radius: 9px;
object-fit: contain;
margin-bottom: 8px;
display: block;
background: rgba(255, 255, 255, 0.08);
padding: 4px;
}
.al-sys-title {
font-size: 0.92rem;
font-weight: 700;
color: #fff;
line-height: 1.25;
margin: 0 0 4px;
}
.al-sys-tag {
font-size: 0.7rem;
color: rgba(255, 255, 255, 0.65);
margin: 0 0 12px;
line-height: 1.4;
}
.al-sys-btn {
display: inline-block;
background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #fff;
font-size: 0.68rem;
font-weight: 600;
padding: 5px 14px;
border-radius: 20px;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.28);
transition: background 0.2s;
}
.al-sys-btn:hover {
background: rgba(255, 255, 255, 0.32);
color: #fff;
text-decoration: none;
}
@media (max-width: 900px) {
.al-sys-grid {
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
}
@media (max-width: 540px) {
.al-sys-grid {
display: flex;
gap: 14px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 12px;
margin: 0 -16px;
padding-left: 16px;
padding-right: 16px;
}
.al-sys-grid::-webkit-scrollbar { display: none; }
.al-sys-card {
flex: 0 0 72vw;
scroll-snap-align: start;
}
}
/* ==========================================================================
STICKY PRODUCT GALLERY
Implementado via JavaScript en functions.php (al_sticky_product_gallery).
El JS usa transform:translateY() — inmune a overflow:hidden del tema.
========================================================================== */
/* ==========================================================================
ARCADE LEVANTE — Override color de marca
Reemplaza el rojo del tema Playerx (#ff0e1f) por Brand Orange (#FF6B1A)
Generado automáticamente de modules.css — NO EDITAR MANUALMENTE
========================================================================== */
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-number:focus,
.wpcf7-form-control.wpcf7-date:focus,
.wpcf7-form-control.wpcf7-textarea:focus,
.wpcf7-form-control.wpcf7-select:focus,
.wpcf7-form-control.wpcf7-quiz:focus,
#respond textarea:focus,
.edgtf-style-form textarea:focus,
#respond input[type=text]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
body.edgtf-page-content-skin-light aside.edgtf-sidebar .widget .edgtf-widget-title,
body.edgtf-page-content-skin-light aside.edgtf-sidebar .widget .edgtf-sidearea-title,
body.edgtf-page-content-skin-light .wpb_widgetised_column .widget .edgtf-widget-title,
body.edgtf-page-content-skin-light .wpb_widgetised_column .widget .edgtf-sidearea-title,
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-number:focus,
.wpcf7-form-control.wpcf7-date:focus,
.wpcf7-form-control.wpcf7-textarea:focus,
.wpcf7-form-control.wpcf7-select:focus,
.wpcf7-form-control.wpcf7-quiz:focus,
#respond textarea:focus,
.edgtf-style-form textarea:focus,
#respond input[type=text]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
.single-match-item.edgtf-page-content-skin-light .edgtf-match-info-item .edgtf-match-item-title {
border-bottom-color: #FF6B1A !important
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
p a:hover,
body.edgtf-page-content-skin-light .edgtf-content a:hover,
body.edgtf-page-content-skin-light .edgtf-content p a:hover,
.edgtf-comment-holder .edgtf-comment-text .replay:hover,
.edgtf-comment-holder .edgtf-comment-text .comment-reply-link:hover,
.edgtf-comment-holder .edgtf-comment-text .comment-edit-link:hover,
.edgtf-comment-holder .edgtf-comment-text #cancel-comment-reply-link,
.edgtf-custom-footer-form input.wpcf7-form-control.wpcf7-submit:hover,
.edgtf-owl-slider .owl-nav .owl-prev:hover,
.edgtf-owl-slider .owl-nav .owl-next:hover,
footer .widget ul li a:hover,
footer .widget #wp-calendar td#today a,
footer .widget #wp-calendar tfoot a:hover,
footer .widget.widget_tag_cloud a:hover,
.edgtf-fullscreen-sidebar .widget ul li a:hover,
.edgtf-fullscreen-sidebar .widget #wp-calendar td#today a,
.edgtf-fullscreen-sidebar .widget #wp-calendar tfoot a:hover,
.edgtf-fullscreen-sidebar .widget.widget_tag_cloud a:hover,
.edgtf-side-menu .widget ul li a:hover,
.edgtf-side-menu .widget #wp-calendar td#today a,
.edgtf-side-menu .widget #wp-calendar tfoot a:hover,
.edgtf-side-menu .widget.widget_tag_cloud a:hover,
aside.edgtf-sidebar .widget #wp-calendar td#today a,
.wpb_widgetised_column .widget #wp-calendar td#today a,
.widget #wp-calendar td#today a,
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover,
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover,
.edgtf-match-single-nav .edgtf-match-prev a:hover,
.edgtf-match-single-nav .edgtf-match-next a:hover,
.edgtf-match-single-nav .edgtf-single-nav-content-holder .edgtf-single-nav-label-holder:hover,
.edgtf-portfolio-single-holder .edgtf-ps-info-holder .edgtf-ps-info-item a:hover,
.edgtf-portfolio-single-holder .edgtf-ps-info-holder .edgtf-ps-info-item.edgtf-ps-social-share a:hover,
.edgtf-ps-navigation .edgtf-ps-prev a:hover,
.edgtf-ps-navigation .edgtf-ps-next a:hover,
.edgtf-pl-filter-holder ul li.edgtf-pl-current span,
.edgtf-pl-filter-holder ul li:hover span,
.edgtf-portfolio-list-holder.edgtf-pl-gallery-overlay article .edgtf-pli-text .edgtf-pli-category-holder a:hover,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-nav-light-skin .owl-nav .owl-prev:hover,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-nav-light-skin .owl-nav .owl-next:hover,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-nav-dark-skin .owl-nav .owl-prev:hover,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-nav-dark-skin .owl-nav .owl-next:hover,
.edgtf-testimonials-holder.edgtf-testimonials-standard.edgtf-testimonials-dark .edgtf-owl-slider .owl-nav .owl-next:hover,
.edgtf-testimonials-holder.edgtf-testimonials-standard.edgtf-testimonials-dark .edgtf-owl-slider .owl-nav .owl-prev:hover,
.edgtf-banner-holder .edgtf-banner-link-text .edgtf-banner-link-hover span,
.edgtf-image-with-text-holder.edgtf-layout-with-buttons .edgtf-iwt-buttons-holder .edgtf-btn.edgtf-btn-simple.edgtf-btn-glow:hover,
.edgtf-pie-chart-holder .edgtf-pc-percentage .edgtf-pc-percent,
.edgtf-section-title-holder .edgtf-st-title .edgtf-st-title-hightlight,
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown-opener:hover,
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-tabs-simple .edgtf-tabs-nav li.ui-state-hover a,
.edgtf-tabs.edgtf-tabs-simple.edgtf-tabs-white-skin .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-tabs-simple.edgtf-tabs-white-skin .edgtf-tabs-nav li.ui-state-hover a,
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-tabs-vertical .edgtf-tabs-nav li.ui-state-hover a,
.edgtf-tabs.edgtf-tabs-vertical.edgtf-tabs-white-skin .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-tabs-vertical.edgtf-tabs-white-skin .edgtf-tabs-nav li.ui-state-hover a,
.edgtf-team-holder.edgtf-team-dark-skin .edgtf-team-icon a:hover,
.edgtf-blog-holder article.sticky .edgtf-post-title a,
.edgtf-blog-holder article .edgtf-post-title a:hover,
50%,
50%,
.edgtf-blog-holder article .edgtf-post-info-comments-holder a:hover,
.edgtf-blog-holder article .edgtf-blog-like a:hover,
.edgtf-author-description .edgtf-author-description-text-holder .edgtf-author-name a:hover,
.edgtf-author-description .edgtf-author-description-text-holder .edgtf-author-social-icons a:hover,
.edgtf-blog-single-navigation .edgtf-blog-single-prev:hover,
.edgtf-blog-single-navigation .edgtf-blog-single-next:hover,
.edgtf-single-links-pages .edgtf-single-links-pages-inner > span,
.edgtf-related-posts-holder .edgtf-related-post .edgtf-post-info > div a:hover,
.edgtf-blog-holder.edgtf-blog-single article.format-link .edgtf-post-title a:hover,
.edgtf-blog-list-holder.edgtf-bl-standard .edgtf-post-info-date a:hover,
.edgtf-blog-list-holder .edgtf-bli-info > div a:hover,
.edgtf-blog-list-holder.edgtf-bl-boxed .edgtf-post-info-date a:hover,
.edgtf-blog-list-holder.edgtf-bl-minimal .edgtf-post-info-date a:hover,
.edgtf-blog-list-holder.edgtf-bl-simple .edgtf-bli-content .edgtf-post-title a:hover,
.edgtf-blog-list-holder.edgtf-bl-simple .edgtf-bli-content .edgtf-post-info-date a:hover,
.edgtf-blog-slider-holder .edgtf-item-info-section > div a:hover,
.edgtf-blog-slider-holder .edgtf-post-info-date a:hover,
.edgtf-top-bar .widget a:hover,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-main-menu > ul > li > a:hover,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-main-menu > ul > li.edgtf-active-item > a,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-main-menu > ul > li > a:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-main-menu > ul > li.edgtf-active-item > a,
.edgtf-drop-down .wide .second .inner > ul > li.current-menu-item > a,
.edgtf-mobile-header .edgtf-mobile-menu-opener.edgtf-mobile-menu-opened a,
.edgtf-mobile-header .edgtf-mobile-nav ul li a:hover,
.edgtf-mobile-header .edgtf-mobile-nav ul li h6:hover,
.edgtf-mobile-header .edgtf-mobile-nav ul ul li.current-menu-ancestor > a,
.edgtf-mobile-header .edgtf-mobile-nav ul ul li.current-menu-item > a,
.edgtf-mobile-header .edgtf-mobile-nav ul ul li.current-menu-ancestor > h6,
.edgtf-mobile-header .edgtf-mobile-nav ul ul li.current-menu-item > h6,
.edgtf-mobile-header .edgtf-mobile-nav .edgtf-grid > ul > li.edgtf-active-item > a,
.edgtf-mobile-header .edgtf-mobile-nav .edgtf-grid > ul > li.edgtf-active-item > h6,
.edgtf-search-page-holder article.sticky .edgtf-post-title a,
.edgtf-search-cover .edgtf-search-close:hover,
.edgtf-side-menu-button-opener.opened,
.edgtf-side-menu-button-opener:hover {
color: #FF6B1A !important
}
body::-webkit-scrollbar-thumb {
background-color: #FF6B1A !important;
outline: 1px solid #FF6B1A !important
}
/* Webkit */
::-moz-selection,
::selection,
/* Gecko/Mozilla */
::-moz-selection,
.edgtf-st-loader .atom .ball-1:before,
.edgtf-st-loader .atom .ball-2:before,
.edgtf-st-loader .atom .ball-3:before,
.edgtf-st-loader .atom .ball-4:before,
.edgtf-st-loader .clock .ball:before,
.edgtf-st-loader .mitosis .ball,
.edgtf-st-loader .fussion .ball,
.edgtf-st-loader .wave_circles .ball {
background: #FF6B1A !important
}
.edgtf-st-loader .pulse,
.edgtf-st-loader .double_pulse .double-bounce1,
.edgtf-st-loader .double_pulse .double-bounce2,
.edgtf-st-loader .cube,
.edgtf-st-loader .rotating_cubes .cube1,
.edgtf-st-loader .rotating_cubes .cube2,
.edgtf-st-loader .stripes > div,
.edgtf-st-loader .wave > div,
.edgtf-st-loader .two_rotating_circles .dot1,
.edgtf-st-loader .two_rotating_circles .dot2,
.edgtf-st-loader .five_rotating_circles .spinner-container > div,
.edgtf-st-loader .lines .line1,
.edgtf-st-loader .lines .line2,
.edgtf-st-loader .lines .line3,
.edgtf-st-loader .lines .line4,
#submit_comment,
.post-password-form input[type=submit],
input.wpcf7-form-control.wpcf7-submit,
.edgtf-custom-footer-form span.edgtf-cf7-filler,
#edgtf-back-to-top > span,
footer .edgtf-footer-bottom-holder .widget.widget_nav_menu .menu-playerx-footer-menu-container li a:after,
.edgtf-pl-standard-pagination ul li a:after,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-pag-light-skin .owl-dots .owl-dot.active span,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-pag-light-skin .owl-dots .owl-dot:hover span,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-pag-dark-skin .owl-dots .owl-dot.active span,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.edgtf-pag-dark-skin .owl-dots .owl-dot:hover span,
.edgtf-accordion-holder.edgtf-ac-boxed .edgtf-accordion-title.ui-state-active,
.edgtf-accordion-holder.edgtf-ac-boxed .edgtf-accordion-title.ui-state-hover,
.edgtf-btn.edgtf-btn-solid,
.edgtf-icon-shortcode.edgtf-circle,
.edgtf-icon-shortcode.edgtf-square,
.edgtf-process-holder .edgtf-process-circle,
.edgtf-process-holder .edgtf-process-line,
.edgtf-progress-bar .edgtf-pb-content-holder .edgtf-pb-content,
.edgtf-stream-box-holder .edgtf-sb-title:after,
.edgtf-stream-box-holder .edgtf-sb-main-stream-item .edgtf-sb-text-holder .edgtf-sb-channel,
.edgtf-tabs.edgtf-tabs-standard .edgtf-tabs-nav li.ui-state-active,
.edgtf-tabs.edgtf-tabs-standard .edgtf-tabs-nav li.ui-state-hover,
.edgtf-tabs.edgtf-tabs-boxed .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-tabs-boxed .edgtf-tabs-nav li.ui-state-hover a,
.edgtf-tabs.edgtf-tabs-boxed.edgtf-tabs-white-skin .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-tabs-boxed.edgtf-tabs-white-skin .edgtf-tabs-nav li.ui-state-hover a,
.edgtf-blog-holder article .edgtf-post-info-author,
.edgtf-blog-holder article .edgtf-post-info-category a,
.edgtf-blog-holder article.format-audio .edgtf-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current,
.edgtf-blog-holder article.format-audio .edgtf-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.edgtf-blog-pagination ul li a:after,
.edgtf-bl-standard-pagination ul li a:after,
.edgtf-blog-list-holder.edgtf-bl-standard .edgtf-post-info-category,
.edgtf-blog-list-holder.edgtf-bl-standard .edgtf-post-title:after,
.edgtf-blog-list-holder.edgtf-bl-boxed .edgtf-post-info-category,
.edgtf-blog-slider-holder .edgtf-item-info-section .edgtf-post-info-category,
.edgtf-blog-slider-holder .edgtf-post-title:after,
.edgtf-main-menu > ul > li > a:after,
.edgtf-drop-down .second .inner ul li a .item_outer:before,
.edgtf-header-vertical .edgtf-vertical-menu ul li a .item_outer .item_text:after,
.edgtf-search-fade .edgtf-fullscreen-with-sidebar-search-holder .edgtf-fullscreen-search-table,
.edgtf-social-icons-group-widget.edgtf-square-icons .edgtf-social-icon-widget-holder:hover,
.edgtf-social-icons-group-widget.edgtf-square-icons.edgtf-light-skin .edgtf-social-icon-widget-holder:hover {
background-color: #FF6B1A !important
}
.edgtf-st-loader .pulse_circles .ball {
background: #FF6B1A !important;
border: 0 solid #FF6B1A !important
}
.edgtf-comment-holder .edgtf-comments-title > *:before,
.edgtf-comment-form .comment-reply-title:before,
footer .widget .edgtf-widget-title-holder .edgtf-widget-title:before,
.edgtf-fullscreen-sidebar .widget .edgtf-widget-title-holder .edgtf-widget-title:before,
.edgtf-side-menu .widget .edgtf-widget-title-holder .edgtf-widget-title:before,
aside.edgtf-sidebar .widget .edgtf-widget-title-holder .edgtf-widget-title:before,
.wpb_widgetised_column .widget .edgtf-widget-title-holder .edgtf-widget-title:before,
.widget .edgtf-widget-title-holder .edgtf-widget-title:before,
.edgtf-section-title-holder.edgtf-st-minimal .edgtf-st-title:before,
.edgtf-related-posts-holder .edgtf-related-posts-title > *:before,
.widget.edgtf-title-widget .edgtf-widget-title:before {
border-left: 10px solid #FF6B1A !important
}
.edgtf-owl-slider + .edgtf-slider-thumbnail > .edgtf-slider-thumbnail-item.active img {
border: 2px solid #FF6B1A !important
}
#edgtf-back-to-top > span:before,
#edgtf-back-to-top > span:after {
border-top: 39px solid #FF6B1A !important
}
.edgtf-accordion-holder.edgtf-ac-simple .edgtf-accordion-content.ui-accordion-content-active,
.edgtf-accordion-holder.edgtf-ac-simple.edgtf-white-skin .edgtf-accordion-content.ui-accordion-content-active {
border-color: #FF6B1A !important
}
.edgtf-btn.edgtf-btn-simple:not(.edgtf-btn-glow):not(.edgtf-btn-custom-hover-color):hover,
.edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-glow):not(.edgtf-btn-custom-hover-color):hover,
.edgtf-light-header .edgtf-page-header > div:not(.fixed):not(.edgtf-sticky-header) .edgtf-menu-area .widget a:hover,
.edgtf-light-header .edgtf-page-header > div:not(.fixed):not(.edgtf-sticky-header).edgtf-menu-area .widget a:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.fixed):not(.edgtf-sticky-header) .edgtf-menu-area .widget a:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.fixed):not(.edgtf-sticky-header).edgtf-menu-area .widget a:hover,
.edgtf-light-header.edgtf-header-vertical .edgtf-vertical-menu ul li a:hover,
.edgtf-light-header.edgtf-header-vertical .edgtf-vertical-menu ul li ul li.current_page_item > a,
.edgtf-light-header.edgtf-header-vertical .edgtf-vertical-menu ul li ul li.current-menu-item > a,
.edgtf-light-header.edgtf-header-vertical .edgtf-vertical-menu ul li ul li.current-menu-ancestor > a,
.edgtf-light-header.edgtf-header-vertical .edgtf-vertical-menu > ul > li.edgtf-active-item > a,
.edgtf-light-header.edgtf-header-vertical .edgtf-vertical-menu > ul > li.current-menu-ancestor > a,
.edgtf-dark-header.edgtf-header-vertical .edgtf-vertical-menu ul li a:hover,
.edgtf-dark-header.edgtf-header-vertical .edgtf-vertical-menu ul li ul li.current_page_item > a,
.edgtf-dark-header.edgtf-header-vertical .edgtf-vertical-menu ul li ul li.current-menu-item > a,
.edgtf-dark-header.edgtf-header-vertical .edgtf-vertical-menu ul li ul li.current-menu-ancestor > a,
.edgtf-dark-header.edgtf-header-vertical .edgtf-vertical-menu > ul > li.edgtf-active-item > a,
.edgtf-dark-header.edgtf-header-vertical .edgtf-vertical-menu > ul > li.current-menu-ancestor > a,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-search-opener:hover,
.edgtf-light-header .edgtf-top-bar .edgtf-search-opener:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-search-opener:hover,
.edgtf-dark-header .edgtf-top-bar .edgtf-search-opener:hover,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-side-menu-button-opener.opened,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-side-menu-button-opener:hover,
.edgtf-light-header .edgtf-top-bar .edgtf-side-menu-button-opener.opened,
.edgtf-light-header .edgtf-top-bar .edgtf-side-menu-button-opener:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-side-menu-button-opener.opened,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-side-menu-button-opener:hover,
.edgtf-dark-header .edgtf-top-bar .edgtf-side-menu-button-opener.opened,
.edgtf-dark-header .edgtf-top-bar .edgtf-side-menu-button-opener:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-icon-widget-holder:hover,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-icon-widget-holder:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-social-icon-widget-holder:hover,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-social-icon-widget-holder:hover {
color: #FF6B1A !important !important
}
.edgtf-btn.edgtf-btn-solid.edgtf-btn-trapeze-shape .edgtf-btn-trapeze-left-side,
.edgtf-btn.edgtf-btn-solid.edgtf-btn-trapeze-shape .edgtf-btn-trapeze-right-side {
border-top: 54px solid #FF6B1A !important
}
.edgtf-btn.edgtf-btn-outline {
color: #FF6B1A !important;
border: 1px solid #FF6B1A !important
}
.edgtf-btn.edgtf-btn-outline:not(.edgtf-btn-custom-hover-bg):hover {
background-color: #FF6B1A !important !important
}
.edgtf-btn.edgtf-btn-outline:not(.edgtf-btn-custom-border-hover):hover {
border-color: #FF6B1A !important !important
}
.edgtf-stream-box-holder .edgtf-sb-main-stream-item .edgtf-sb-text-holder .edgtf-sb-channel:before,
.edgtf-blog-holder article .edgtf-post-info-author:before {
border-top: 27px solid #FF6B1A !important
}
.edgtf-blog-holder article .edgtf-post-info-category a:after {
border-bottom: 27px solid #FF6B1A !important
}
.edgtf-blog-list-holder.edgtf-bl-standard .edgtf-post-info-category:after,
.edgtf-blog-list-holder.edgtf-bl-boxed .edgtf-post-info-category:after,
.edgtf-blog-slider-holder .edgtf-item-info-section .edgtf-post-info-category:after {
border-bottom: 23px solid #FF6B1A !important
}
.edgtf-mobile-header .edgtf-mobile-menu-opener.edgtf-mobile-menu-opened .edgtf-mobile-opener-svg,
.edgtf-side-menu-button-opener.edgtf-side-menu-button-opener-svg-path.opened .edgtf-side-area-opener,
.edgtf-side-menu-button-opener.edgtf-side-menu-button-opener-svg-path:hover .edgtf-side-area-opener {
fill: #FF6B1A !important
}
/* Botones con gradiente de marca */
.edgtf-btn.edgtf-btn-solid,
.edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-custom-hover-bg):hover,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input[type="submit"],
.woocommerce #respond input#submit {
background: linear-gradient(135deg, #FF6B1A 0%, #D4007A 100%) !important;
border-color: #FF6B1A !important;
}
/* Links hover globales — excluye botones con fondo naranja para evitar texto invisible */
a:not([href*="contacto"]):not([href="/contacto"]):not([style*="background: #FF6B1A"]):not([style*="background:#FF6B1A"]):hover {
color: #FF6B1A !important;
}
/* WooCommerce price & highlights */
.woocommerce .price ins,
.woocommerce .price .amount { color: #FF6B1A !important; }
/* ==========================================================================
Override WooCommerce — reemplaza rojo del tema por Brand Orange
========================================================================== */
.woocommerce-page .edgtf-content input[type=text]:focus,
.woocommerce-page .edgtf-content input[type=email]:focus,
.woocommerce-page .edgtf-content input[type=tel]:focus,
.woocommerce-page .edgtf-content input[type=password]:focus,
.woocommerce-page .edgtf-content textarea:focus,
div.woocommerce input[type=text]:focus,
div.woocommerce input[type=email]:focus,
div.woocommerce input[type=tel]:focus,
div.woocommerce input[type=password]:focus,
div.woocommerce textarea:focus,
.edgtf-woo-single-page .woocommerce-tabs ul.tabs > li.active:after, .edgtf-woo-single-page .woocommerce-tabs ul.tabs > li:hover:after {
border-bottom-color: #FF6B1A !important
}
.woocommerce-pagination ul li a:after,
.woocommerce-pagination ul li span.current:after,
.edgtf-woo-single-page .woocommerce-tabs ul.tabs > li.active, .edgtf-woo-single-page .woocommerce-tabs ul.tabs > li:hover,
.edgtf-shopping-cart-dropdown .edgtf-cart-bottom .edgtf-view-cart,
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle,
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-default-skin .button,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-default-skin .added_to_cart,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-default-skin .button:hover,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-default-skin .added_to_cart:hover,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-light-skin .button:hover,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-light-skin .added_to_cart:hover,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-dark-skin .button:hover,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-add-to-cart.edgtf-dark-skin .added_to_cart:hover,
.edgtf-plc-holder.edgtf-plc-pag-light-skin .owl-dots .owl-dot span,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .edgtf-pli-add-to-cart.edgtf-default-skin .button,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .edgtf-pli-add-to-cart.edgtf-default-skin .added_to_cart {
background-color: #FF6B1A !important
}
.woocommerce-page .edgtf-content .edgtf-quantity-buttons .edgtf-quantity-minus:hover,
.woocommerce-page .edgtf-content .edgtf-quantity-buttons .edgtf-quantity-plus:hover,
div.woocommerce .edgtf-quantity-buttons .edgtf-quantity-minus:hover,
div.woocommerce .edgtf-quantity-buttons .edgtf-quantity-plus:hover,
.edgtf-woo-single-page .edgtf-single-product-summary .product_meta > span a:hover,
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-shopping-cart-holder .edgtf-header-cart:hover,
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header):not(.fixed) .edgtf-shopping-cart-holder .edgtf-header-cart:hover,
.widget.woocommerce.widget_layered_nav ul li.chosen a,
.widget.woocommerce.widget_products ul li .product-title:hover, .widget.woocommerce.widget_recently_viewed_products ul li .product-title:hover, .widget.woocommerce.widget_top_rated_products ul li .product-title:hover,
.edgtf-plc-holder.edgtf-plc-nav-light-skin .owl-nav .owl-prev:hover,
.edgtf-plc-holder.edgtf-plc-nav-light-skin .owl-nav .owl-next:hover,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .edgtf-pli-add-to-cart.edgtf-light-skin .button,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .edgtf-pli-add-to-cart.edgtf-light-skin .added_to_cart {
color: #FF6B1A !important
}
.edgtf-woo-pl-info-below-image ul.products > .product .button:after,
.edgtf-woo-pl-info-below-image ul.products > .product .added_to_cart:after,
.edgtf-woo-pl-info-below-image ul.products > .product .button:before,
.edgtf-woo-pl-info-below-image ul.products > .product .added_to_cart:before,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .button:after,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .added_to_cart:after,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .button:before,
.edgtf-pl-holder .edgtf-pli-inner .edgtf-pli-text-inner .added_to_cart:before {
border-bottom: 54px solid #FF6B1A !important
}
/* Badges y etiquetas sobre imagen de producto en el shop */
.woocommerce .edgtf-onsale,
.woocommerce ul.products li.product .edgtf-onsale,
.edgtf-plc-holder .edgtf-plc-item .edgtf-plc-image .edgtf-plc-onsale {
background-color: #FF6B1A !important;
color: #fff !important;
border-color: #FF6B1A !important;
}
/* Hover sobre links en el shop — evitar naranja sobre rojo */
.woocommerce ul.products li.product a:hover,
.woocommerce ul.products li.product a:hover * {
color: #FF6B1A !important;
}
/* Triángulos/flechas onsale que usan border trick */
.woocommerce .edgtf-onsale.edgtf-onsale-corner:before,
.woocommerce .edgtf-onsale.edgtf-onsale-corner:after {
border-color: transparent !important;
border-bottom-color: #FF6B1A !important;
}
/* ==========================================================================
DIVIDED HEADER — Trapecio central negro con textura sutil
El elemento central del header dividido es transparente por defecto.
Negro profundo con gradiente muy sutil para dar volumen.
========================================================================== */
.edgtf-header-divided .edgtf-page-header .edgtf-position-center .edgtf-position-center-inner,
.edgtf-header-divided .edgtf-page-header > div .edgtf-position-center .edgtf-position-center-inner {
background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%) !important;
}
/* Asegurar que el logo dentro del trapecio sea visible */
.edgtf-header-divided .edgtf-position-center-inner .edgtf-logo-wrapper a {
display: block !important;
}
/* ==========================================================================
BRAND SWEEP — Eliminación global del rojo del tema
Todos los elementos que seguían en rojo → colores corporativos
========================================================================== */
/* ── Botón "Pide presupuesto / Solicita presupuesto" (Revolution Slider y contenido) ── */
/* Fondo naranja, texto negro para mejor legibilidad; hover → texto blanco */
.tp-caption a.btn-al-presupuesto,
.tp-caption .btn-al-presupuesto,
.rev_slider .tp-button,
.rev_slider a[href*="presupuesto"],
.rev_slider a[href*="contacto"] {
background: #FF6B1A !important;
color: #000000 !important;
border-color: #FF6B1A !important;
}
.rev_slider a[href*="presupuesto"]:hover,
.rev_slider a[href*="contacto"]:hover {
color: #ffffff !important;
background: #D4007A !important;
}
/* ── WooCommerce / Tienda — títulos de categoría y archivo (shop archive h1) ── */
.woocommerce-products-header__title,
.woocommerce .woocommerce-products-header h1,
.edgtf-title-holder .edgtf-title-text,
.edgtf-page-title-holder .edgtf-title-text,
.edgtf-woocommerce-page .edgtf-title-holder h1,
.archive.woocommerce h1.page-title,
.woocommerce-page h1.page-title {
color: #FF6B1A !important;
}
/* ── Links subrayados/coloreados en contenido — rojo → naranja corporativo ── */
.wpb_text_column a,
.vc_column_text a,
.wpb_content_element a:not(.edgtf-btn):not(.button):not(.al-card-link) {
color: #FF6B1A !important;
}
.wpb_text_column a:hover,
.vc_column_text a:hover {
color: #D4007A !important;
}
/* ── FAQ Accordion — estado activo/hover ── */
/* Barra naranja + texto BLANCO en TODAS las páginas (Sanura, Danna, Kissa, etc.) */
.edgtf-accordion-holder .edgtf-accordion-title.ui-accordion-header.ui-state-active,
.edgtf-accordion-holder .edgtf-accordion-title.ui-accordion-header:hover {
background: #FF6B1A !important;
border-color: #FF6B1A !important;
color: #ffffff !important;
}
.edgtf-accordion-holder .edgtf-accordion-title.ui-accordion-header.ui-state-active .edgtf-tab-title,
.edgtf-accordion-holder .edgtf-accordion-title.ui-accordion-header:hover .edgtf-tab-title,
.edgtf-accordion-holder .edgtf-accordion-title.ui-accordion-header.ui-state-active *,
.edgtf-accordion-holder .edgtf-accordion-title.ui-accordion-header:hover * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* ── Tabs (pestañas) — activa y hover → brand orange ── */
.edgtf-tabs .edgtf-tabs-nav li.ui-tabs-active a,
.edgtf-tabs .edgtf-tabs-nav li:hover a {
color: #FF6B1A !important;
border-bottom-color: #FF6B1A !important;
}
/* ── Botones de specs/detalles — por defecto rojo, hover naranja → ambos naranja ── */
.edgtf-btn.edgtf-btn-outline:hover,
.edgtf-btn.edgtf-btn-outline:focus {
background-color: #FF6B1A !important;
border-color: #FF6B1A !important;
color: #ffffff !important;
}
/* Estado por defecto que quedaba en rojo */
.edgtf-btn.edgtf-btn-outline {
border-color: #FF6B1A !important;
color: #FF6B1A !important;
}
/* ── Tabla comparativa — filas y celdas rojas → brand ── */
.al-tabla-comp td.al-col-producto,
.al-tabla-comp th.al-col-producto {
border-color: #FF6B1A !important;
background: rgba(255,107,26,0.08) !important;
}
.al-tabla-comp .al-badge-top {
background: linear-gradient(135deg, #FF6B1A 0%, #D4007A 100%) !important;
}
/* ── Blockquote — línea izquierda roja → brand orange ── */
blockquote,
.wpb_text_column blockquote,
.vc_column_text blockquote {
border-left-color: #FF6B1A !important;
}
/* ── Progress bars / counters rojos → brand ── */
.edgtf-pb-content-holder .edgtf-pb-content {
background-color: #FF6B1A !important;
}
/* ── Paginación WooCommerce — activa/hover rojo → orange ── */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: #FF6B1A !important;
border-color: #FF6B1A !important;
color: #ffffff !important;
}
/* ── Revolution Slider — botón "Pide presupuesto sin compromiso" ── */
/* Este botón tiene fondo rojo con texto que cambia a naranja en hover */
/* Lo convertimos: naranja con texto negro, hover → texto blanco */
.tp-caption.rev-btn,
.tp-caption.tp-resizeme a,
.hermes .tp-bullet.selected,
.hermes .tp-bullet:hover {
background-color: #FF6B1A !important;
}
/* Forzar que los botones de RevSlider con clase específica sean brand */
[class*="rev-btn"].tp-caption,
.rev_slider_wrapper .tp-caption a {
background-color: #FF6B1A !important;
color: #000000 !important;
border-color: #FF6B1A !important;
}
/* ── Consulta tu configuración — etiqueta/badge ── */
.al-config-badge,
[class*="config"] .al-badge,
.al-configuracion-label {
background: #FF6B1A !important;
color: #000000 !important;
}
/* ==========================================================================
BRAND SWEEP — ELIMINACIÓN DE ROJO RESIDUAL
Detectados con inspector JS. Aplicar a todas las páginas.
========================================================================== */
/* ── Palabra "Arcade" resaltada en títulos de sección ── */
/* Nota: typo del tema — "hightlight" sin 'l' */
.edgtf-st-title-hightlight,
span.edgtf-st-title-hightlight {
color: #FF6B1A !important;
}
/* ── Contadores (edgtf_counter) — anulan inline style="color:#FF0505" ── */
.edgtf-counter,
.edgtf-counter-number .edgtf-counter,
.edgtf-counter-holder .edgtf-counter {
color: #FF6B1A !important;
}
.edgtf-counter-title {
color: #FF6B1A !important;
}
/* ── Ítem activo del menú de navegación ── */
.edgtf-main-menu .edgtf-menu-item.current-menu-item > a,
.edgtf-main-menu .edgtf-menu-item.current-menu-item > a span,
.edgtf-main-menu .edgtf-menu-item.current-menu-ancestor > a,
.edgtf-main-menu .edgtf-menu-item.current-menu-ancestor > a span,
li.current-menu-item > a,
li.current-menu-item > a span,
li.current-page-item > a {
color: #FF6B1A !important;
}
/* ── FAQ Accordion — texto visible por defecto (cerrado) ── */
.edgtf-accordion-holder .edgtf-accordion-title,
.edgtf-accordion-holder .edgtf-accordion-title .edgtf-tab-title,
.edgtf-accordion-holder .ui-accordion-header .edgtf-tab-title,
.edgtf-accordion-holder .ui-accordion-header {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
/* ── Estado activo/hover — barra naranja + letras BLANCAS ── */
/* Cubre tanto ui-state-active como ui-state-hover y ui-state-focus */
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-active,
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-hover,
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-focus,
.edgtf-accordion-holder .ui-accordion-header.ui-state-active,
.edgtf-accordion-holder .ui-accordion-header.ui-state-hover {
background: #FF6B1A !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-active .edgtf-tab-title,
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-hover .edgtf-tab-title,
.edgtf-accordion-holder .ui-accordion-header.ui-state-active .edgtf-tab-title,
.edgtf-accordion-holder .ui-accordion-header.ui-state-hover .edgtf-tab-title,
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-active *,
.edgtf-accordion-holder .edgtf-accordion-title.ui-state-hover * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* ── Cards con borde superior rojo ── */
/* Secciones tipo "DISEÑO QUE ENAMORA" con border-top #e52020 en línea */
.wpb_column > .vc_column-inner > .wpb_wrapper [style*="border-top"][style*="#e52020"],
.wpb_column > .vc_column-inner > .wpb_wrapper [style*="border-top"][style*="#ff0e1f"],
.wpb_column > .vc_column-inner > .wpb_wrapper [style*="border-top"][style*="#FF0505"],
.wpb_column > .vc_column-inner > .wpb_wrapper [style*="border-top"][style*="#e52020"] {
border-top-color: #FF6B1A !important;
}
/* Selector genérico para cualquier div con border-top rojo en contenido */
[style*="border-top: 3px solid #e52020"],
[style*="border-top:3px solid #e52020"],
[style*="border-top: 4px solid #e52020"],
[style*="border-top: 2px solid #e52020"] {
border-top-color: #FF6B1A !important;
}
/* ==========================================================================
BOTONES — REFUERZO FINAL DE LEGIBILIDAD
Garantiza que texto sea visible sobre fondo naranja o rosa, en cualquier
estado (default + hover). Se aplica al final para ganar en cascada.
========================================================================== */
/* Botón PIDE PRESUPUESTO — negro sobre naranja, blanco sobre rosa en hover */
a[href="/contacto"],
a[href*="contacto"] {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
a[href="/contacto"]:hover,
a[href*="contacto"]:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Cualquier
con fondo naranja (#FF6B1A) en inline style → texto negro */
[style*="background: #FF6B1A"] a,
[style*="background:#FF6B1A"] a,
a[style*="background: #FF6B1A"],
a[style*="background:#FF6B1A"] {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}
/* Hover sobre fondo naranja → texto blanco */
a[style*="background: #FF6B1A"]:hover,
a[style*="background:#FF6B1A"]:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Botón "Obtener" en sistema cards — fondo blanco, texto oscuro — PROTEGER */
a[style*="rgba(255,255,255"],
span[style*="rgba(255,255,255"] {
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
}
a[style*="rgba(255,255,255"]:hover {
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
}