/* Theme Name: CCS EI Summit Elementor Theme URI: https://ccs.cl/eisummit Author: RESIT Author URI: https://resit.cl Description: Theme para EI Summit - Ecommerce Innovation Summit de la Cámara de Comercio de Santiago. Optimizado para Elementor Pro. Version: 2.0.0 Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ccs-eisummit */ /* ========================================================================== Variables CSS - Colores EI Summit ========================================================================== */ :root { /* Colores principales */ --color-primary: #00A651; --color-secondary: #0066CC; --color-accent: #F7931E; /* Colores de texto */ --color-text: #333333; --color-text-light: #666666; --color-text-white: #FFFFFF; /* Colores de fondo */ --color-bg: #FFFFFF; --color-bg-light: #F8F9FA; --color-bg-dark: #1A1A2E; /* Gradientes */ --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); --gradient-dark: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%); /* Tipografía */ --font-primary: 'Poppins', sans-serif; /* Espaciado */ --spacing-xs: 0.5rem; --spacing-sm: 1rem; --spacing-md: 2rem; --spacing-lg: 4rem; --spacing-xl: 6rem; /* Bordes */ --border-radius: 8px; --border-radius-lg: 16px; /* Sombras */ --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2); } /* ========================================================================== Reset y Base ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } /* Los iconos circulares (.icon de main.css) están dimensionados asumiendo content-box (como producción, que no aplica border-box global): el círculo es contenido 1.5em + padding .5em. Con border-box quedaban en 50px totales y el glifo se recortaba. */ i.icon, i.icon::before { box-sizing: content-box; } body { margin: 0; padding: 0; font-family: var(--font-primary); font-size: 16px; line-height: 1.6; color: var(--color-text); background-color: var(--color-bg); overflow-y: auto !important; overflow-x: hidden; height: auto !important; } html { overflow-y: scroll !important; height: auto !important; } /* ========================================================================== Estilos básicos para cuando NO se usa Elementor Theme Builder ========================================================================== */ .site-main { min-height: 50vh; } /* Single Post — se scopea al
(no a .single-post a secas, porque WordPress pone esa misma clase en el y encajonaba toda la pagina, incluido el footer). */ article.single-post { float: none; max-width: 800px; margin: 0 auto; padding: var(--spacing-lg) var(--spacing-md); } .entry-header { margin-bottom: var(--spacing-md); } .entry-meta { color: var(--color-text-light); font-size: 0.875rem; margin-bottom: var(--spacing-sm); } .entry-meta span { margin-right: var(--spacing-sm); } .entry-title { font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin: 0; } .entry-thumbnail { margin-bottom: var(--spacing-md); } .entry-thumbnail img { width: 100%; height: auto; border-radius: var(--border-radius); } .entry-content { font-size: 1.125rem; } .entry-content p { margin-bottom: var(--spacing-sm); } /* Archive */ .archive-header { text-align: center; padding: var(--spacing-lg) var(--spacing-md); background: var(--color-bg-light); } .archive-title { font-size: 2rem; margin: 0 0 var(--spacing-sm); } .posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--spacing-md); padding: var(--spacing-lg) var(--spacing-md); max-width: 1200px; margin: 0 auto; } .post-card { background: var(--color-bg); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow-sm); transition: transform 0.3s ease, box-shadow 0.3s ease; } .post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .post-card__image img { width: 100%; height: 200px; object-fit: cover; } .post-card__content { padding: var(--spacing-sm); } .post-card__date { font-size: 0.75rem; color: var(--color-text-light); } .post-card__title { font-size: 1.125rem; margin: var(--spacing-xs) 0; } .post-card__title a { color: var(--color-text); text-decoration: none; } .post-card__title a:hover { color: var(--color-primary); } .post-card__excerpt { font-size: 0.875rem; color: var(--color-text-light); margin-bottom: var(--spacing-sm); } /* Botones */ .btn { display: inline-block; padding: 0.75rem 1.5rem; font-size: 0.875rem; font-weight: 600; text-decoration: none; border-radius: var(--border-radius); transition: all 0.3s ease; cursor: pointer; border: 2px solid transparent; } .btn--primary { background: var(--color-primary); color: var(--color-text-white); } .btn--primary:hover { background: var(--color-secondary); } .btn--outline { background: transparent; border-color: var(--color-primary); color: var(--color-primary); } .btn--outline:hover { background: var(--color-primary); color: var(--color-text-white); } .btn--sm { padding: 0.5rem 1rem; font-size: 0.75rem; } .btn--lg { padding: 1rem 2rem; font-size: 1rem; } /* Paginación */ .pagination { text-align: center; padding: var(--spacing-md); } .pagination .nav-links { display: flex; justify-content: center; gap: var(--spacing-xs); } .pagination a, .pagination span { padding: 0.5rem 1rem; border: 1px solid var(--color-primary); border-radius: var(--border-radius); text-decoration: none; color: var(--color-primary); } .pagination a:hover, .pagination .current { background: var(--color-primary); color: var(--color-text-white); } /* ========================================================================== Header ========================================================================== */ .eisummit-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .header-container { max-width: 1400px; margin: 0 auto; padding: 0.75rem 2rem; display: flex; align-items: center; justify-content: space-between; } .header-logo img { height: 50px; width: auto; } .header-logo .site-title { font-size: 1.5rem; font-weight: 700; color: var(--color-text); text-decoration: none; } .header-nav .nav-menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 2rem; } .header-nav .nav-menu li a { color: var(--color-text); text-decoration: none; font-weight: 500; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.3s ease; padding: 0.5rem 0; } .header-nav .nav-menu li a:hover { color: #1cc5ce; } .mobile-menu-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 5px; } .mobile-menu-toggle span { width: 25px; height: 3px; background: var(--color-text); transition: all 0.3s ease; } @media (max-width: 992px) { .mobile-menu-toggle { display: flex; } .header-nav { position: fixed; top: 70px; left: 0; right: 0; background: white; padding: 1rem 2rem; box-shadow: 0 5px 10px rgba(0,0,0,0.1); transform: translateY(-100%); opacity: 0; visibility: hidden; transition: all 0.3s ease; } .header-nav.active { transform: translateY(0); opacity: 1; visibility: visible; } .header-nav .nav-menu { flex-direction: column; gap: 1rem; } } /* Body padding for fixed header */ body { padding-top: 70px; } /* ========================================================================== Footer ========================================================================== */ .eisummit-footer { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: white; padding: 3rem 2rem 1.5rem; } .footer-container { max-width: 1200px; margin: 0 auto; } .footer-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 1.5rem; } .footer-logo img { height: 60px; width: auto; filter: brightness(0) invert(1); } .footer-logo .site-title { font-size: 1.5rem; font-weight: 700; } .footer-social { display: flex; gap: 1rem; } .footer-social a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all 0.3s ease; } .footer-social a:hover { background: #1cc5ce; transform: translateY(-3px); } .footer-bottom { text-align: center; } .footer-bottom p { margin: 0.5rem 0; font-size: 0.875rem; opacity: 0.8; } .footer-bottom a { color: #1cc5ce; text-decoration: none; } .footer-bottom a:hover { text-decoration: underline; } @media (max-width: 768px) { .footer-top { flex-direction: column; gap: 1.5rem; text-align: center; } } /* ========================================================================== EI Summit Widgets Styles ========================================================================== */ /* Color Bar (línea de colores) */ .eisummit-color-bar { height: 4px; background: linear-gradient(90deg, #ffa726 0%, #ffa726 25%, #1cc5ce 25%, #1cc5ce 50%, #1cc5ce 50%, #1cc5ce 75%, #ec462d 75%, #ec462d 100%); } /* Marquee Text */ .eisummit-marquee { background: #f8f9fa; padding: 1.5rem 0; overflow: hidden; } .eisummit-marquee .marquee-track { display: flex; animation: marquee 20s linear infinite; } .eisummit-marquee .marquee-content { display: flex; white-space: nowrap; padding-right: 50px; } .eisummit-marquee .marquee-text { font-size: 1rem; color: #666; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* 2 Cajas */ .eisummit-two-boxes { background: #f8f9fa; padding: 4rem 2rem; } .eisummit-two-boxes .boxes-container { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .eisummit-two-boxes .box-item { background: white; border-radius: 8px; padding: 2.5rem 2rem; text-align: center; box-shadow: 0 2px 15px rgba(0,0,0,0.08); position: relative; } .eisummit-two-boxes .box-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #ffa726 0%, #ffa726 33%, #1cc5ce 33%, #1cc5ce 66%, #ec462d 66%, #ec462d 100%); } .eisummit-two-boxes .box-icon { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-size: 1.75rem; color: white; } .eisummit-two-boxes .box-icon.turquoise { background: #1cc5ce; } .eisummit-two-boxes .box-icon.orange { background: #f58324; } .eisummit-two-boxes .box-text { font-size: 1rem; color: #333; line-height: 1.6; } @media (max-width: 768px) { .eisummit-two-boxes .boxes-container { grid-template-columns: 1fr; } } /* 3 Cajas + Programa */ .eisummit-three-boxes { padding: 4rem 2rem; background: white; } .eisummit-three-boxes .boxes-container { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .eisummit-three-boxes .box-item { background: white; border-radius: 8px; padding: 2.5rem 1.5rem; text-align: center; box-shadow: 0 2px 15px rgba(0,0,0,0.08); position: relative; } .eisummit-three-boxes .box-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #ffa726 0%, #ffa726 33%, #1cc5ce 33%, #1cc5ce 66%, #ec462d 66%, #ec462d 100%); } .eisummit-three-boxes .box-icon { width: 70px; height: 70px; border-radius: 50%; border: 3px solid; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-size: 1.75rem; } .eisummit-three-boxes .box-icon.orange { border-color: #f58324; color: #f58324; } .eisummit-three-boxes .box-icon.turquoise { border-color: #1cc5ce; color: #1cc5ce; } .eisummit-three-boxes .box-icon.red { border-color: #ec462d; color: #ec462d; } .eisummit-three-boxes .box-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; } .eisummit-three-boxes .box-title.orange { color: #f58324; } .eisummit-three-boxes .box-title.turquoise { color: #1cc5ce; } .eisummit-three-boxes .box-title.red { color: #ec462d; } .eisummit-three-boxes .box-list { list-style: none; padding: 0; margin: 0; } .eisummit-three-boxes .box-list li { padding: 0.25rem 0; color: #666; } .eisummit-three-boxes .programa-btn { text-align: center; margin-top: 3rem; } .eisummit-three-boxes .programa-btn a { display: inline-block; background: #ec462d; color: white; padding: 0.875rem 2.5rem; border-radius: 4px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .eisummit-three-boxes .programa-btn a:hover { background: #d63a24; transform: translateY(-2px); } @media (max-width: 768px) { .eisummit-three-boxes .boxes-container { grid-template-columns: 1fr; } } /* Speakers */ .eisummit-speakers { padding: 5rem 2rem; background: linear-gradient(135deg, rgba(0,80,80,0.95) 0%, rgba(0,60,60,0.95) 100%); position: relative; } .eisummit-speakers::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,...') center/cover; opacity: 0.1; } .eisummit-speakers .section-header { text-align: center; margin-bottom: 3rem; position: relative; z-index: 1; } .eisummit-speakers .section-title { color: white; font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; text-transform: uppercase; } .eisummit-speakers .section-subtitle { color: rgba(255,255,255,0.8); font-size: 1.1rem; } .eisummit-speakers .speakers-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem; position: relative; z-index: 1; } .eisummit-speakers .speaker-card { text-align: center; } .eisummit-speakers .speaker-image { width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 1rem; overflow: hidden; border: 4px solid #1cc5ce; box-shadow: 0 5px 20px rgba(0,0,0,0.3); } .eisummit-speakers .speaker-image img { width: 100%; height: 100%; object-fit: cover; } .eisummit-speakers .speaker-name { color: white; font-size: 1rem; font-weight: 600; margin-bottom: 0.25rem; } .eisummit-speakers .speaker-role { color: rgba(255,255,255,0.7); font-size: 0.8rem; line-height: 1.4; } @media (max-width: 1024px) { .eisummit-speakers .speakers-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .eisummit-speakers .speakers-grid { grid-template-columns: repeat(2, 1fr); } .eisummit-speakers .speaker-image { width: 120px; height: 120px; } } /* Entradas/Tickets */ .eisummit-tickets { padding: 4rem 2rem; background: white; } .eisummit-tickets .tickets-container { max-width: 800px; margin: 0 auto; text-align: center; position: relative; padding: 2.5rem; } .eisummit-tickets .tickets-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #ffa726 0%, #ffa726 33%, #1cc5ce 33%, #1cc5ce 66%, #ec462d 66%, #ec462d 100%); } .eisummit-tickets .tickets-title { font-size: 1.75rem; font-weight: 700; color: #333; margin-bottom: 2rem; text-transform: uppercase; } .eisummit-tickets .tickets-btn { display: inline-block; background: #ec462d; color: white; padding: 1rem 2.5rem; border-radius: 4px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; } .eisummit-tickets .tickets-btn:hover { background: #d63a24; transform: translateY(-2px); } .eisummit-tickets .tickets-btn i { margin-right: 0.5rem; } /* Sponsors Grid */ .eisummit-sponsors-section { padding: 4rem 2rem; background: #f8f9fa; } .eisummit-sponsors-section .section-title { text-align: center; font-size: 1.5rem; font-weight: 700; color: #333; margin-bottom: 2rem; text-transform: uppercase; } .eisummit-sponsors-section .sponsors-grid { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2rem; } .eisummit-sponsors-section .sponsor-logo { max-width: 150px; max-height: 80px; object-fit: contain; filter: grayscale(100%); opacity: 0.7; transition: all 0.3s ease; } .eisummit-sponsors-section .sponsor-logo:hover { filter: grayscale(0%); opacity: 1; } /* Videos */ .eisummit-videos { padding: 5rem 2rem; background: linear-gradient(135deg, rgba(0,80,80,0.95) 0%, rgba(0,60,60,0.95) 100%); } .eisummit-videos .section-title { text-align: center; color: white; font-size: 2rem; font-weight: 700; margin-bottom: 3rem; text-transform: uppercase; } .eisummit-videos .videos-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .eisummit-videos .video-card { position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 16/9; } .eisummit-videos .video-card iframe { width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .eisummit-videos .videos-grid { grid-template-columns: 1fr; } } /* Noticias */ .eisummit-news { padding: 5rem 2rem; background: white; } .eisummit-news .section-title { text-align: center; font-size: 2rem; font-weight: 700; color: #333; margin-bottom: 3rem; text-transform: uppercase; } .eisummit-news .news-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .eisummit-news .news-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease; } .eisummit-news .news-card:hover { transform: translateY(-5px); } .eisummit-news .news-image { aspect-ratio: 16/10; overflow: hidden; } .eisummit-news .news-image img { width: 100%; height: 100%; object-fit: cover; } .eisummit-news .news-content { padding: 1.5rem; } .eisummit-news .news-title { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; } .eisummit-news .news-title a { color: #333; text-decoration: none; } .eisummit-news .news-title a:hover { color: #1cc5ce; } .eisummit-news .news-excerpt { font-size: 0.875rem; color: #666; line-height: 1.6; } @media (max-width: 768px) { .eisummit-news .news-grid { grid-template-columns: 1fr; } }