/* CM26_INTERACCIONES_V1 Categorías, botones y corazones de Construmin 2 */ /* 1. CATEGORÍAS: FONDO OSCURO AL PASAR EL CURSOR */ body:has(#cm26-premium-footer) .category-wrapper .single-category { border: 0 !important; box-shadow: var(--box-shadow) !important; transition: background .35s ease, transform .35s ease, box-shadow .35s ease !important; } body:has(#cm26-premium-footer) .category-wrapper .single-category:hover { background: linear-gradient( 115deg, #1B2533 0%, #26333B 100% ) !important; border: 0 !important; transform: translateY(-4px) !important; box-shadow: 0 0 30px rgba(24,34,44,.10), 0 12px 30px rgba(24,34,44,.12) !important; color: #FFFFFF !important; } body:has(#cm26-premium-footer) .category-wrapper .single-category:hover :is(.single-category-name, .single-category-name *, h3, h4, h5, p, small) { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } /* Mantener los colores originales de los iconos */ body:has(#cm26-premium-footer) .category-wrapper .single-category:hover img { filter: none !important; } /* 2. CURSOS: SOMBRA ORIGINAL COMPLETA */ body:has(#cm26-premium-footer) .featured-course .single-feature, body:has(#cm26-premium-footer) .featured-course .single-feature:hover { background: #FFFFFF !important; border: 0 !important; border-radius: 20px !important; box-shadow: var(--box-shadow) !important; } /* 3. CORAZÓN BLANCO CON ICONO DORADO */ body:has(#cm26-premium-footer) .featured-course .courses-img .heart { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 0 !important; color: #B78432 !important; box-shadow: 0 3px 12px rgba(24,34,44,.14) !important; transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease !important; } body:has(#cm26-premium-footer) .featured-course .courses-img .heart i { color: #B78432 !important; } /* Al pasar el cursor: iluminación dorada */ body:has(#cm26-premium-footer) .featured-course .courses-img .heart:hover, body:has(#cm26-premium-footer) .featured-course .courses-img .heart:focus, body:has(#cm26-premium-footer) .featured-course .courses-img .heart.inList { background: linear-gradient( 135deg, #FFF5DB 0%, #E6BA66 100% ) !important; background-color: #E6BA66 !important; border: 0 !important; color: #82571F !important; box-shadow: 0 0 0 3px rgba(222,174,88,.16), 0 5px 19px rgba(194,139,45,.38) !important; } body:has(#cm26-premium-footer) .featured-course .courses-img .heart:hover, body:has(#cm26-premium-footer) .featured-course .courses-img .heart:focus { transform: translateY(-2px) scale(1.06) !important; } body:has(#cm26-premium-footer) .featured-course .courses-img .heart:hover i, body:has(#cm26-premium-footer) .featured-course .courses-img .heart:focus i, body:has(#cm26-premium-footer) .featured-course .courses-img .heart.inList i { color: #82571F !important; } /* CM26_MISMO_EFECTO_HERO_V4 */ body:has(#cm26-premium-footer) .section-padding .eBtn.gradient, body:has(#cm26-premium-footer) #cm26-premium-footer .newslater-form .eBtn.gradient { background-image: linear-gradient( 105deg, #A97729 0%, #D5A64B 22%, #F8DEA0 48%, #C18C39 72%, #E8C47A 100% ) !important; background-size: 240% 100% !important; background-position: 0% 50% !important; color: #18212A !important; box-shadow: 0 6px 16px rgba(0,0,0,.07) !important; filter: none !important; transition: background-position .5s ease, transform .3s ease !important; animation: none !important; } body:has(#cm26-premium-footer) .section-padding .eBtn.gradient:hover, body:has(#cm26-premium-footer) #cm26-premium-footer .newslater-form .eBtn.gradient:hover { background-position: 100% 50% !important; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.10) !important; filter: none !important; animation: none !important; } body:has(#cm26-premium-footer) .section-padding .eBtn.gradient::before {content:none !important;display:none !important;} /* CM26_BOTON_SIN_SALTO_V5 Mismo barrido de 0,5 segundos que el botón del slider. La transición es idéntica en reposo y hover. */ body:has(#cm26-premium-footer) .featured-course-all-button > a.eBtn.gradient, body:has(#cm26-premium-footer) .featured-course-all-button > a.eBtn.gradient:hover { background-image: linear-gradient( 105deg, #A97729 0%, #D5A64B 22%, #F8DEA0 48%, #C18C39 72%, #E8C47A 100% ) !important; background-size: 240% 100% !important; color: #18212A !important; border: 0 !important; animation: none !important; transition: background-position .5s ease, transform .3s ease, box-shadow .3s ease !important; } /* Posición inicial */ body:has(#cm26-premium-footer) .featured-course-all-button > a.eBtn.gradient { background-position: 0% 50% !important; transform: translateY(0); box-shadow: 0 6px 16px rgba(0,0,0,.07) !important; } /* Al entrar: el degradado se desplaza hacia la izquierda */ body:has(#cm26-premium-footer) .featured-course-all-button > a.eBtn.gradient:hover { background-position: 100% 50% !important; transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(0,0,0,.10) !important; } /* Desactivar la capa de la animación lenta anterior */ body:has(#cm26-premium-footer) .featured-course-all-button > a.eBtn.gradient::before { content: none !important; display: none !important; } @media (prefers-reduced-motion: reduce) { body:has(#cm26-premium-footer) .featured-course-all-button > a.eBtn.gradient { transition: none !important; } } /* CM26_FLECHAS_ORIGINALES_V4 La geometría y separación las controla Academy. */ /* Flecha izquierda: champán */ body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-prev, body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-prev:hover { background-image: linear-gradient( 105deg, #EAD2A8 0%, #FFF5DF 48%, #DAB77E 100% ) !important; background-size: 240% 100% !important; transition: background-position .5s ease, transform .25s ease !important; } /* Flecha derecha: dorado */ body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-next, body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-next:hover { background-image: linear-gradient( 105deg, #A97729 0%, #F8DEA0 48%, #BA8432 100% ) !important; background-size: 240% 100% !important; transition: background-position .5s ease, transform .25s ease !important; } body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-prev, body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-next { background-position: 0% 50% !important; } body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-prev:not(.disabled):hover, body.cm26-v2 .testimonials-wrapper .owl-nav button.owl-next:not(.disabled):hover { background-position: 100% 50% !important; }