/** Theme Name: biocultura Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: biocultura Template: astra */ /* colores paleta astra */ /* :root { --ast-global-color-0: #008f6c; --ast-global-color-1: #e50000; --ast-global-color-2: #211f1b; --ast-global-color-3: #3b3a35; --ast-global-color-4: #fbfaf6; --ast-global-color-5: #ffffff; --ast-global-color-6: #f4f2ea; --ast-global-color-7: #013f30; --ast-global-color-8: #c2d600; } */ /* general */ .relative { position: relative; } .entry-content p.mb-0 { margin-bottom: 0px; } .entry-content p.mb-10 { margin-bottom: 10px; } .card { border-radius: 20px; } /* header */ .site-title { display: none; } /* footer */ /* home */ body.home .card-hero-home { position: absolute; left: 10px; bottom: 10px; /* no debe de superar el 100% - 22px ya que se sale */ max-width: clamp(100px, calc(100% - 20px), 450px) !important; border-radius: 10px; } body.home .card-hero-home p, body.home .card-hero-home h1, body.home .card-hero-home h2, body.home .card-hero-home h3, body.home .card-hero-home h4, body.home .card-hero-home h5, body.home .card-hero-home h6 { margin-bottom: 0; } body.home .container-hero-home figure img { width: 100% !important; } body.home .hero-title strong { color: var(--ast-global-color-8) } .bc-prensa-page { width: 100% !important; } #primary.bc-sede-page { margin-top: 0; } /* 0. Astra pone `overflow-x: hidden` en el para evitar scroll horizontal. En Safari/iOS eso rompe `position: sticky` en cualquier hijo (bug conocido de WebKit) y el header se desplaza normalmente en vez de quedarse fijo — de ahí que solo falle en móvil. Movemos el overflow-x al , que sí es compatible con sticky. */ html { overflow-x: hidden; } body { overflow-x: visible; } /* 1. Fijamos la cabecera sin Astra Pro, sin que rompa el flujo (sticky nativo). "top" usa la altura real de la barra de administración de WordPress, medida por assets/js/header-sticky.js, para no perder la parte superior de la cabecera cuando hay una sesión de admin activa. */ #masthead { position: sticky; top: var(--bc-admin-bar-height, 0px); z-index: 9999; } /* 2. Astra añade un borde/sombra inferior por defecto a la cabecera, que se veía como una línea negra al dejar la barra transparente en el scroll. Lo quitamos por completo. */ #masthead, #masthead #ast-desktop-header, #masthead #ast-mobile-header, #masthead .ast-main-header-wrap, #masthead .site-header-below-section { border-bottom: none !important; box-shadow: none !important; } /* 3. Barra interna: declaramos valores de partida numéricos explícitos (nada de "none"/"auto") para que el navegador pueda interpolar la transición sin saltos bruscos. */ #masthead .ast-primary-header-bar { max-width: 100%; margin: 0 auto; box-shadow: 0 0 0 0 rgba(0, 170, 169, 0); transition: background-color 0.4s ease, box-shadow 0.4s ease, border-radius 0.4s ease, padding 0.4s ease, max-width 0.4s ease; } /* 4. Al hacer scroll (clase añadida por assets/js/header-sticky.js): hacemos transparentes los contenedores padre para que se vea el fondo de la web a los lados de la "pastilla" */ #masthead.is-scrolled, #masthead.is-scrolled #ast-desktop-header, #masthead.is-scrolled #ast-mobile-header, #masthead.is-scrolled .ast-main-header-wrap { background-color: transparent !important; } /* 5. Efecto "flotante" cuando la cabecera se vuelve pegajosa (Sticky) */ #masthead.is-scrolled .ast-primary-header-bar { border-radius: 0 0 20px 20px; /* Utiliza la variable nativa de ancho de Astra o ajusta a los píxeles de tu diseño */ max-width: var(--ast-container-default-max-width, 1240px); padding: 0 20px !important; box-shadow: 0px 48px 200px 0px rgba(0, 170, 169, 0.15); /* Equivalente al HEX #00AAA926 */ } /* 6. Ajuste para la cabecera móvil */ @media (max-width: 921px) { #masthead.is-scrolled .ast-mobile-header-wrap .ast-primary-header-bar { border-radius: 0 0 20px 20px; max-width: 95% !important; /* Margen lateral en móviles */ padding: 0 15px !important; } } #menu-menu-secundario-footer { text-align: center; } @media (max-width: 921px) { #menu-menu-secundario-footer { text-align: center; } }