/* Theme Name: CERFOM Child Theme URI: Description: Child theme de Storefront para CERFOM Author: Wilson Pérez (Mamut Agencia Digital) Author URI: https://mamutagencia.com Template: storefront Version: 1.0.0 Text Domain: cerfom */ /* =================== VARIABLES =================== */ :root{ --cerfom-azul: #0C1C5C; /* azul del logo */ } /* =================== HEADER / MENÚ =================== */.grid-clase-menu .site-header .site-branding { margin-right: auto; } #site-navigation { margin-left: auto; } #site-navigation .menu { display:flex; gap:10px; align-items:center; } /* Botón WhatsApp en menú */ #site-navigation .menu > li.whatsapp-cta a{ display:inline-flex; align-items:center; gap:8px; padding:.55rem 1rem; border:2px solid var(--cerfom-azul); color: var(--cerfom-azul); text-decoration:none; font-weight:600; background:#fff; border-radius:4px; transition:.3s; } #site-navigation .menu > li.whatsapp-cta a:hover{ background:var(--cerfom-azul); color:#fff!important; } @media (max-width:768px){ #site-navigation .menu > li.whatsapp-cta a{ display:inline-block; margin-top:.5rem; } } /* Grid del header: logo izquierda / menú derecha */ .grid-clase-menu{ display:grid; grid-template-columns:20% 80%; min-height:96px; align-items:center; } .grid-clase-menu::before{ display:none!important; } /* Tamaño de logo */ .site-header .site-branding img{ max-height:56px !important; width:auto !important; height:auto !important; transition:max-height .25s ease; } /* Quitar padding top del header */ .site-header{ padding-top:0 !important; transition: min-height .25s ease, padding .25s ease, background .25s ease; } /* Home: header fijo sobre el slider con degradado */ .home .site-header{ position:fixed; top:44px; left:0; right:0; z-index:1000; margin-bottom:0!important; border-bottom:0; background: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.8) 10%, rgba(12,28,92,.85) 100%); backdrop-filter: saturate(120%) blur(1px); } /* Menú en home: estilos (tamaños, sombra, etc.) */ .home .site-header .main-navigation ul.menu > li > a, .home .site-header .storefront-primary-navigation ul.menu > li > a{ display:flex; align-items:center; height:48px; padding:0 16px; line-height:1; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.5px; text-shadow: 0 2px 4px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25); } /* ===== FORZAR MENÚ BLANCO GLOBAL (todas las páginas) ===== */ .site-header .main-navigation ul.menu > li > a, .site-header .storefront-primary-navigation ul.menu > li > a{ color:#fff !important; } .site-header .main-navigation ul.menu > li > a:hover, .site-header .storefront-primary-navigation ul.menu > li > a:hover, .site-header .main-navigation ul.menu > li > a:focus, .site-header .storefront-primary-navigation ul.menu > li > a:focus{ color:#fff !important; opacity:.9; /* sutil feedback */ } /* Item activo con línea blanca (en cualquier página) */ .site-header .main-navigation ul.menu > li.current-menu-item > a, .site-header .storefront-primary-navigation ul.menu > li.current-menu-item > a{ background:none!important; color:#fff!important; font-weight:700!important; border-bottom:3px solid #fff; padding-bottom:0px; transition:padding-bottom .25s ease; } /* Compacto en scroll (si tu JS añade .header-compact al

o ) */ header.site-header.header-compact .grid-clase-menu{ min-height:64px !important; } header.site-header.header-compact .site-branding img{ max-height:38px !important; } header.site-header.header-compact .main-navigation ul.menu > li > a{ height:40px !important; padding:0 14px !important; } header.site-header.header-compact .main-navigation li.whatsapp-cta{ display:none !important; } /* Alinear CTA a la derecha */ .menu li.whatsapp-cta { margin-left:auto !important; } .primary-navigation ul.menu{ display:flex !important; align-items:center; } .primary-navigation ul.menu li.whatsapp-cta{ margin-left:auto !important; } /* =================== TOPBAR RRSS =================== */ .cerfom-topbar{ position:fixed; top:0; left:0; right:0; z-index:1100; background:#fff; border-bottom:1px solid rgba(0,0,0,.06); font-size:14px; } .cerfom-topbar .col-full{ display:flex; align-items:center; justify-content:end; gap:16px; padding:.5rem 0; max-width: 75%; } .topbar-left{ display:flex; gap:10px; } .topbar-social{ display:flex; align-items:center; gap:14px; list-style:none; margin:0; } .cerfom-topbar .topbar-social a{ display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:50%; background:transparent; color:var(--cerfom-azul); border:1px solid var(--cerfom-azul); transition:.2s; } .cerfom-topbar .topbar-social a:hover{ background:var(--cerfom-azul); color:#fff; } @media (max-width:768px){ .cerfom-topbar .col-full{ justify-content:center; flex-wrap:wrap; gap:8px; } .topbar-left{ order:2; width:100%; justify-content:center; } .topbar-social{ order:1; } } /* =================== SLIDER CERFOM (cuadritos) =================== */ .cerfom-slider{ position:relative; width:100%; overflow:hidden; border-radius:0 !important; } .cerfom-layer{ position:absolute; inset:0; background-size:cover; background-position:center; transition:opacity .3s ease; animation:cerfom-zoom 5s ease-in-out infinite; transform-origin:center; } .cerfom-layer-next{ opacity:0; } .cerfom-layer-next.visible{ opacity:1; } .cerfom-tiles{ position:absolute; inset:0; pointer-events:none; } .cerfom-tile{ position:absolute; background-repeat:no-repeat; opacity:0; transform:scale(.9); transition:opacity .6s ease, transform .6s ease; will-change:opacity, transform; border-radius:1px; } .cerfom-tile.show{ opacity:1; transform:scale(1); } @keyframes cerfom-zoom{ 0%{transform:scale(1);} 100%{transform:scale(1.1);} } .cerfom-hero, .cerfom-slider{ width:100%; max-width:100%; margin:0; padding:0; } .home .site-header{ top:44px; } /* altura aprox topbar */ /* =================== WHATSAPP FLOTANTE =================== */ #wa-float{ position:fixed; right:18px; bottom:18px; z-index:1200; display:none; align-items:center; gap:8px; padding:12px 16px; border-radius:999px; background: var(--cerfom-azul); color:#fff; text-decoration:none; font-weight:700; border:0; box-shadow:0 8px 20px rgba(0,0,0,.18); transition:.15s; } #wa-float i{ font-size:18px; } #wa-float.show{ display:inline-flex; } #wa-float:hover{ transform:translateY(-2px); } /* =================== AJUSTES VARIOS =================== */ .entry-title{ display:none; } /* ocultar título de página */ /* =================== SECCIÓN CURSOS =================== */ /* Color título principal (si lo usas) */ .cerfom-courses h2{ color:#09013c; } /* Padding de la sección */ .cerfom-courses.wrap{ padding:10px 16px 70px !important; } /* Hover: capa azul del logo sobre cada curso */ .course-card{ position:relative; overflow:hidden; } .course-card::after{ content:""; position:absolute; inset:0; background: color-mix(in srgb, var(--cerfom-azul) 88%, transparent); opacity:0; transition:opacity .25s ease; pointer-events:none; } .course-card:hover::after{ opacity:1; } /* Zoom sutil */ .course-card img{ transition:transform .35s ease; } .course-card:hover img{ transform:scale(1.03); } /* “CURSOS” (eyebrow) con degradado horizontal + línea inferior */ .cerfom-courses .eyebrow{ display:inline-block; font-size:30px !important; font-weight:800; text-transform:uppercase; margin-bottom:14px; padding-bottom:6px; background: linear-gradient(to right, var(--cerfom-azul) 0%, #1a1a1a 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; border-bottom:3px solid var(--cerfom-azul); margin-left: 50px; margin-right: 50px; } .cerfom-courses .eyebrow { display: block; font-size: 13px; letter-spacing: 0px!important; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; } .cerfom-courses__filters { display: none!important; } .course-card { position: relative; overflow: hidden; } .course-card img { display: block; width: 100%; height: auto; transition: transform .3s ease; } .course-card:hover img { transform: scale(1.05); } /* Overlay */ .course-overlay { position: absolute; inset: 0; background: rgba(12,28,92,0.9); /* azul del logo con transparencia */ color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s ease; text-align: center; padding: 20px; } .course-card:hover .course-overlay { opacity: 1; } .course-overlay h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; } .course-overlay .btn-ver-todos { display: inline-block; padding: 8px 16px; background: #fff; color: var(--cerfom-azul); border-radius: 4px; font-weight: 600; text-decoration: none; transition: background .3s ease, color .3s ease; } .course-overlay .btn-ver-todos:hover { background: var(--cerfom-azul); color: #fff; } /*ALINEACION DE LOGO VERTICAL*/ /* --- Contenedor real del logo y menú --- */ .site-header .col-full, .grid-clase-menu { display: flex !important; align-items: center !important; /* centra vertical */ justify-content: space-between; /* logo a izq, menú a der */ } /* Que .site-branding y el nav ocupen 40/60 si quieres esa proporción */ .grid-clase-menu .site-branding { flex: 0 0 40%; } .grid-clase-menu #site-navigation { flex: 1 1 60%; } /* Quita márgenes/paddings que los levantan */ .site-header .site-branding, .site-header .main-navigation { margin: 0 !important; padding: 0 !important; } /* El enlace del logo sin espacio de línea y centrado */ .site-header .site-branding .custom-logo-link { display: flex; align-items: center; line-height: 0; /* elimina gap por imagen inline */ } /* La imagen del logo como bloque y limitada en altura */ .site-header .site-branding img { display: block; height: auto !important; width: auto !important; max-height: 56px !important; /* ajusta a gusto */ } /* Ya no es necesario forzar flex en el header completo */ .site-header { padding: 0 20px !important; /* quita si tenías: display:flex; align-items:center; justify-content:space-between; */ } /* Botón WhatsApp en menú */ #site-navigation .menu > li.whatsapp-cta a { display: inline-flex; align-items: center; gap: 8px; padding: .55rem 1rem; border: 2px solid var(--cerfom-azul); color: var(--cerfom-azul); /* Texto color del logo */ text-decoration: none; font-weight: 600; } /* Ícono WhatsApp verde */ #site-navigation .menu > li.whatsapp-cta a i.fa-whatsapp { color: #25D366; /* Verde oficial WhatsApp */ font-size: 1.2em; } /* Excepción: Botón WhatsApp */ .site-header .main-navigation ul.menu > li.whatsapp-cta > a, .site-header .storefront-primary-navigation ul.menu > li.whatsapp-cta > a { color: var(--cerfom-azul) !important; /* texto azul del logo */ background: #ffffff; /* fondo blanco (opcional) */ border: 2px solid var(--cerfom-azul); /* borde azul */ box-shadow: none !important; /* sin sombra */ text-shadow: none !important; /* sin sombra en el texto */ } /* Ícono WhatsApp en verde */ .site-header .main-navigation ul.menu > li.whatsapp-cta > a .fa-whatsapp, .site-header .storefront-primary-navigation ul.menu > li.whatsapp-cta > a .fa-whatsapp { color: #25D366 !important; /* verde oficial WhatsApp */ } /* 1) Menú general en blanco, EXCEPTO el botón WhatsApp */ .site-header .main-navigation ul.menu > li:not(.whatsapp-cta) > a, .site-header .storefront-primary-navigation ul.menu > li:not(.whatsapp-cta) > a { color: #fff !important; text-shadow: none !important; } /* 2) Botón WhatsApp: texto azul, sin sombras */ .site-header .main-navigation ul.menu > li.whatsapp-cta > a, .site-header .storefront-primary-navigation ul.menu > li.whatsapp-cta > a { color: var(--cerfom-azul) !important; /* texto del color del logo */ border: 2px solid var(--cerfom-azul); background: #fff; /* quita si lo quieres transparente */ box-shadow: none !important; text-shadow: none !important; } /* 3) Ícono WhatsApp en verde */ .site-header .main-navigation ul.menu > li.whatsapp-cta > a .fa-whatsapp, .site-header .storefront-primary-navigation ul.menu > li.whatsapp-cta > a .fa-whatsapp { color: #25D366 !important; } /* 4) Mantener colores en hover/visited (evita que vuelva a blanco) */ .site-header .main-navigation ul.menu > li.whatsapp-cta > a:hover, .site-header .storefront-primary-navigation ul.menu > li.whatsapp-cta > a:hover, .site-header .main-navigation ul.menu > li.whatsapp-cta > a:visited, .site-header .storefront-primary-navigation ul.menu > li.whatsapp-cta > a:visited { color: var(--cerfom-azul) !important; background: #fff; } .cerfom-courses.wrap { margin-top: -50px!important; /* sube la sección */ position: relative; /* necesario para que z-index funcione */ z-index: 10; /* más alto que el slider */ background-color: white; border-radius: 10px; } } /*----------------------------------------------------------*/ /* A11y helper */ .sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } /* Card base */ .course-card{ position:relative; overflow:hidden; cursor:pointer; } .course-card img{ display:block; width:100%; height:auto; } /* Overlay */ .course-overlay{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; background:rgba(0,0,0,.55); opacity:0; transform:scale(1.02); transition:opacity .25s ease, transform .25s ease; text-align:center; padding:1rem; } .course-card:hover .course-overlay{ opacity:1; transform:scale(1); } .course-title{ color:#fff; font-size:1.25rem; font-weight:700; margin:0; } .btn-ver-todos{ display:inline-block; background:#ffffff; color:#0C1C5C; font-weight:600; padding:.5rem .9rem; border-radius:.5rem; text-decoration:none; } .btn-ver-todos:focus{ outline:2px solid #fff; outline-offset:2px; } /**/ /* ------- FIX: overlay y textos en hover sobre cada .course-card ------- */ .cerfom-courses .course-card{ position: relative; overflow: hidden; cursor: pointer; } .cerfom-courses .course-card img{ display:block; width:100%; height:auto; } /* Capa oscura (fondo azul oscuro) */ .cerfom-courses .course-card::before{ content:""; position:absolute; inset:0; background: rgba(0, 28, 92, 0.9); /* azul oscuro con opacidad */ opacity:0; transition: opacity .25s ease; z-index:1; } /* Segunda línea: "Ver todos los cursos" (no clickable, solo texto) */ .cerfom-courses .course-card::after{ content:"Ver todos los cursos"; position:absolute; left:50%; top:85%; transform: translate(-50%, -50%); color:#fff; font-weight:600; font-size:13px; letter-spacing:.2px; padding:5px 20px; border:1px solid #fff; border-radius:8px; opacity:0; transition: opacity .25s ease, transform .25s ease; z-index:2; height: 20px; } /* Primera línea: el título (figcaption) */ .cerfom-courses .course-card figcaption{ /* anulamos estilos anteriores que lo hacían pequeño y con fondo */ position:absolute !important; left:50%; top:55%; transform: translate(-50%, -50%); margin:0 !important; padding:0 !important; background:none !important; color:#fff !important; font-size:25px !important; font-weight:700 !important; text-align:center; line-height:1.2; opacity:0; transition: opacity .25s ease; z-index:2; /* por encima del overlay */ pointer-events:none; } /* Mostrar en hover */ .cerfom-courses .course-card:hover::before{ opacity:1; } .cerfom-courses .course-card:hover figcaption{ opacity:1; } .cerfom-courses .course-card:hover::after{ opacity:1; transform: translate(-50%, -56%); /* leve levantada al aparecer */ } /* ======================== CERFOM – Sección "Quiénes somos" ======================== */ .cerfom-about { padding: 20px 0; } .cerfom-about .about-content { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: center; } .cerfom-about .about-text .eyebrow { font-size: 16px; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: 1px; } .cerfom-about .about-text h2 { font-size: 42px; font-weight: 700; color: #3949ab; /* azul */ margin: 10px 0; } .cerfom-about .about-text .line { width: 80px; height: 3px; background: linear-gradient(90deg, #26c6da, #3949ab); margin: 15px 0 25px; } .cerfom-about .about-text p { font-size: 16px; line-height: 1.6; color: #333; margin-bottom: 25px; } .cerfom-about .btn-about { display: inline-block; background: #3949ab; color: #fff; padding: 12px 26px; border-radius: 6px; font-weight: 600; text-decoration: none; transition: background .3s ease; } .cerfom-about .btn-about:hover { background: #2c358f; } /* Galería estilo collage */ .cerfom-about .about-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 150px; gap: 10px; } .cerfom-about .about-gallery .grid-item { position: relative; overflow: hidden; border-radius: 6px; } .cerfom-about .about-gallery .grid-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; } .cerfom-about .about-gallery .grid-item:hover img { transform: scale(1.05); } .cerfom-about .about-gallery .tall { grid-row: span 2; } .cerfom-about .about-gallery .wide { grid-column: span 2; } /* Responsive */ @media (max-width: 900px) { .cerfom-about .about-content { grid-template-columns: 1fr; } .cerfom-about .about-gallery { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .cerfom-about .about-gallery { grid-template-columns: 1fr; } } /* ========================= CERFOM – Sección Números/Logros ========================= */ .cerfom-stats { background: linear-gradient(90deg, #1fb6ff, #4758f0); color: #fff; padding: 60px 0; text-align: center; } .cerfom-stats .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .cerfom-stats .stat-item i { font-size: 48px; margin-bottom: 15px; display: block; } .cerfom-stats .stat-item h3 { font-size: 32px; margin: 0 0 10px; font-weight: 700; } .cerfom-stats .stat-item p { margin: 0; font-size: 16px; } /* Responsive */ @media (max-width: 768px) { .cerfom-stats .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 15px; } } @media (max-width: 480px) { .cerfom-stats .stats-grid { grid-template-columns: 1fr; } } /* ===== Sección de Stats full-width ===== */ .cerfom-stats { width: 100vw; /* ocupa todo el ancho de la ventana */ margin-left: calc(-50vw + 50%); /* rompe el centrado del .col-full */ margin-right: calc(-50vw + 50%); background: linear-gradient(90deg, #12c2e9, #3a7bd5); /* ejemplo de fondo */ color: #fff; } .cerfom-stats .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; padding: 0px 50px; } .cerfom-stats .stat { display: flex; flex-direction: column; align-items: center; } .cerfom-stats .stat i { font-size: 40px; margin-bottom: 15px; } .cerfom-stats .stat strong { font-size: 28px; font-weight: 700; display: block; } .cerfom-stats .stat span { font-size: 16px; opacity: 0.9; } /* ===== Sección de Stats full-width con fondo ===== */ .cerfom-stats { position: relative; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); color: #fff; overflow: hidden; } /* Imagen de fondo */ .cerfom-stats::before { content: ""; position: absolute; inset: 0; background: url('https://cerform.mamutagencia.com/wp-content/uploads/2025/08/CURSO-9-1.jpg') center/cover no-repeat; z-index: 1; } /* Capa traslúcida */ .cerfom-stats::after { content: ""; position: absolute; inset: 0; background: rgba(12, 28, 92, 0.75); /* azul oscuro con transparencia */ z-index: 2; } /* Contenido */ .cerfom-stats .stats-grid { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; padding: 40px 20px; } .cerfom-stats .stat { display: flex; flex-direction: column; align-items: center; } .cerfom-stats .stat i { font-size: 40px; margin-bottom: 15px; color: #fff; } .cerfom-stats .stat strong { font-size: 28px; font-weight: 700; display: block; } .cerfom-stats .stat span { font-size: 16px; opacity: 0.9; } .cerfom-stats .stat-item h3 { color: #fff; font-size: 50px; } /* =============================== CERFOM – Slider de Clientes =============================== */ :root{ --cerfom-primario: #4a57d6; /* Título/flechas */ --cerfom-grad-a: #36c3e6; /* Subrayado */ --cerfom-grad-b: #4961f6; } .cerfom-clients{ background:#fff; padding: 56px 0 72px; } .cerfom-clients__inner.container{ max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; } .cerfom-clients__title{ text-align:center; font-size: clamp(28px, 4.2vw, 56px); font-weight: 700; color: var(--cerfom-primario); margin: 0 0 10px; line-height: 1.1; } .cerfom-clients__underline{ width: min(420px, 60%); height: 4px; margin: 12px auto 40px; background: linear-gradient(90deg, var(--cerfom-grad-a), var(--cerfom-grad-b)); border-radius: 999px; } /* Swiper area */ .cerfom-clients .swiper{ overflow: hidden; padding: 20px 64px; /* espacio para flechas */ opacity: 0; /* evitar parpadeo */ transition: opacity .2s ease; } .cerfom-clients .swiper.is-ready{ opacity: 1; } .cerfom-clients .swiper-wrapper{ align-items: center; } .cerfom-clients .swiper-slide{ display:flex; align-items:center; justify-content:center; height: 140px; } .cerfom-clients .swiper-slide a, .cerfom-clients .swiper-slide .client-logo{ display:inline-flex; width:100%; height:100%; align-items:center; justify-content:center; text-decoration:none; } .cerfom-clients .swiper-slide img{ max-width: 220px; max-height: 80px; width:auto; height:auto; object-fit: contain; transition: transform .18s ease, filter .18s ease; } .cerfom-clients .swiper-slide:hover img{ transform: translateY(-2px); } /* Flechas */ .cerfom-clients__nav{ position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 999px; border: 2px solid var(--cerfom-primario); background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.06); display: grid; place-items: center; cursor: pointer; z-index: 5; transition: background .15s ease, transform .15s ease; } .cerfom-clients__nav:hover{ background:#f4f6ff; transform: translateY(-50%) scale(1.04); } .cerfom-clients__chev{ font-size:24px; line-height:1; color:var(--cerfom-primario); } .cerfom-clients__prev{ left: 8px; } .cerfom-clients__next{ right: 8px; } /* Responsive */ @media (max-width: 992px){ .cerfom-clients .swiper{ padding: 16px 56px; } } @media (max-width: 768px){ .cerfom-clients .swiper{ padding: 12px 48px; } .cerfom-clients .swiper-slide{ height: 110px; } .cerfom-clients .swiper-slide img{ max-width: 180px; max-height: 64px; } } @media (max-width: 480px){ .cerfom-clients .swiper{ padding: 8px 44px; } .cerfom-clients .swiper-slide{ height: 96px; } .cerfom-clients__prev{ left: 6px; } .cerfom-clients__next{ right: 6px; } } /* Foco visible */ .cerfom-clients__nav:focus-visible{ outline:2px solid var(--cerfom-grad-b); outline-offset:2px; } /* Reduce Motion */ @media (prefers-reduced-motion: reduce){ .cerfom-clients .swiper, .cerfom-clients .swiper-slide img, .cerfom-clients__nav{ transition:none!important; } } .site-header .col-full, .grid-clase-menu { max-width: 90%; } /* ========================= FOOTER CERFOM ========================= */ .site-footer { background-color: #0C1C5C!important; /* Azul del logo */ color: #ffffff!important; /* Letras blancas */ text-align: center!important; /* Centrado */ padding: 20px 10px!important; } .site-footer a { color: #ffffff!important; /* Links también en blanco */ text-decoration!: none; } .site-footer a:hover { text-decoration: underline!important; } /* Ocultar texto de Storefront */ .site-footer .site-info!important, .site-footer .site-info a { display: none !important; } .site-footer a:not(.button):not(.components-button) { display: none; }