/* =============================================================
   ASTIC Design System
   Estilos globales + clases reutilizables para Avada Builder
   ============================================================= */

/* -----------------------------------------------------------
   0a. Full-bleed: quitar padding de Avada cuando hay secciones a sangre
   ----------------------------------------------------------- */
#main:has(.astic-hero-gradient, .astic-bg-dark, .astic-bg-brand, .astic-hero-light, .astic-image-hero),
.post-content:has(.astic-hero-gradient, .astic-bg-dark, .astic-bg-brand, .astic-hero-light, .astic-image-hero),
#content:has(.astic-hero-gradient, .astic-bg-dark, .astic-bg-brand, .astic-hero-light, .astic-image-hero) {
  padding: 0 !important;
  margin: 0 !important;
}
.post-content > p:first-child:has(.astic-image-hero) {
  margin: 0 !important;
}
.post-content > p:first-child:empty {
  display: none !important;
  margin: 0 !important;
}
/* Sidebar layout wrapper */
.fusion-content-area:has(.astic-hero-gradient) {
  padding: 0 !important;
}

/* -----------------------------------------------------------
   0b. Variables (design tokens)
   ----------------------------------------------------------- */
:root {
  --astic-brand: #6badde;
  --astic-brand-dark: #1a80b6;
  --astic-brand-glow: rgba(107,173,222,.4);
  --astic-blue-deep: #0b3a5c;
  --astic-blue-mid: #165e8a;
  --astic-blue-btn: #007cba;
  --astic-blue-btn-dark: #005a87;
  --astic-heading: #1d2a3a;
  --astic-text: #4c5b6a;
  --astic-text-light: #5f6f82;
  --astic-surface: #ffffff;
  --astic-muted: #f5f7fa;
  --astic-border: #e6ebf0;
  --astic-border-light: #eaeaea;
  --astic-radius-sm: 6px;
  --astic-radius: 8px;
  --astic-radius-md: 12px;
  --astic-radius-lg: 14px;
  --astic-radius-xl: 16px;
  --astic-radius-2xl: 20px;
  --astic-shadow-sm: 0 2px 4px rgba(0,0,0,.05);
  --astic-shadow: 0 4px 14px rgba(0,0,0,.08);
  --astic-shadow-md: 0 8px 24px rgba(20,30,50,.08);
  --astic-shadow-lg: 0 16px 40px rgba(11,58,92,.18);
  --astic-shadow-hover: 0 10px 24px rgba(0,0,0,.15);
  --astic-shadow-glow: 0 8px 32px rgba(107,173,222,.3);
  --astic-transition: .3s cubic-bezier(.4,0,.2,1);
}

/* -----------------------------------------------------------
   1. Menú global (submenú bold + barrita azul)
   Migrado de Avada Custom CSS
   ----------------------------------------------------------- */
.fusion-main-menu .sub-menu li > a {
  font-weight: 700 !important;
  position: relative;
  display: block;
}
.fusion-main-menu .sub-menu li > a:hover,
.fusion-main-menu .sub-menu li.current-menu-item > a,
.fusion-main-menu .sub-menu li.current-menu-ancestor > a {
  color: var(--astic-brand-dark) !important;
}
.fusion-main-menu .sub-menu li > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.fusion-main-menu .sub-menu li > a:hover:after,
.fusion-main-menu .sub-menu li.current-menu-item > a:after {
  background-color: var(--astic-brand-dark);
}
.fusion-mobile-nav-item a {
  font-weight: 700 !important;
  position: relative;
  display: block;
}
.fusion-mobile-nav-item a:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: transparent;
  transition: background-color .2s ease;
}
.fusion-mobile-nav-item a:hover,
.fusion-mobile-nav-item.current-menu-item > a,
.fusion-mobile-nav-item.current-menu-ancestor > a {
  color: var(--astic-brand-dark) !important;
}
.fusion-mobile-nav-item a:hover:before,
.fusion-mobile-nav-item.current-menu-item > a:before,
.fusion-mobile-nav-item.current-menu-ancestor > a:before {
  background: var(--astic-brand-dark);
}

/* -----------------------------------------------------------
   2. Google Calendar embed (agenda)
   Migrado de Avada Custom CSS
   ----------------------------------------------------------- */
.gcal-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 12px;
}
.gcal-embed {
  border: 0;
  width: 100%;
  height: 800px;
}
@media (max-width: 1024px) {
  .gcal-embed { height: 85vh; }
}
@media (max-width: 480px) {
  .gcal-embed { height: 75vh; }
}

/* -----------------------------------------------------------
   3. Botones globales (gradient azul)
   Migrado de Avada Custom CSS
   ----------------------------------------------------------- */
.fusion-button.button-flat.fusion-button-default-size.button-default,
.acceso-form input[type="submit"] {
  background: linear-gradient(135deg, var(--astic-blue-btn) 0%, var(--astic-blue-btn-dark) 100%) !important;
  color: white !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  width: auto !important;
  min-width: 120px !important;
  max-width: 100% !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  text-align: center !important;
}
.fusion-button.button-flat.fusion-button-default-size.button-default .fusion-button-text,
.fusion-button.button-flat.fusion-button-default-size.button-default .awb-button__text,
.fusion-button.button-flat.fusion-button-default-size.button-default span,
.acceso-form input[type="submit"] {
  color: white !important;
}
.fusion-button.button-flat.fusion-button-default-size.button-default:hover,
.acceso-form input[type="submit"]:hover {
  background: linear-gradient(135deg, var(--astic-blue-btn-dark) 0%, #004066 100%) !important;
  transform: translateY(-1px) !important;
}
@media (max-width: 768px) {
  .fusion-button.button-flat.fusion-button-default-size.button-default,
  .acceso-form input[type="submit"] {
    width: 100% !important;
    min-width: auto !important;
  }
}

/* -----------------------------------------------------------
   28. Comunicacion: prensa, medios, corporativa e infografias
   ----------------------------------------------------------- */
.page-id-825 #main,
.page-id-847 #main,
.page-id-849 #main,
.page-id-851 #main,
.page-id-825 #content,
.page-id-847 #content,
.page-id-849 #content,
.page-id-851 #content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-825 #main,
.page-id-847 #main,
.page-id-849 #main,
.page-id-851 #main {
  padding-top: 0 !important;
}
.page-id-825 #main > .fusion-row,
.page-id-847 #main > .fusion-row,
.page-id-849 #main > .fusion-row,
.page-id-851 #main > .fusion-row {
  max-width: none !important;
  width: 100% !important;
}
.page-id-825 .post-content:not(.fusion-post-content),
.page-id-847 .post-content:not(.fusion-post-content),
.page-id-849 .post-content:not(.fusion-post-content),
.page-id-851 .post-content:not(.fusion-post-content) {
  background: #f3f7fa;
  padding: 0 24px 64px !important;
}
.page-id-825 .post-content:not(.fusion-post-content)::before,
.page-id-847 .post-content:not(.fusion-post-content)::before,
.page-id-849 .post-content:not(.fusion-post-content)::before,
.page-id-851 .post-content:not(.fusion-post-content)::before {
  background:
    linear-gradient(90deg, rgba(5,22,36,.88) 0%, rgba(7,28,44,.76) 54%, rgba(7,28,44,.44) 100%),
    url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") center center / cover no-repeat;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 900;
  line-height: 1.18;
  margin: 0 calc(50% - 50vw) 40px;
  max-width: 100vw;
  padding: 44px max(24px, calc((100vw - 1120px) / 2));
  text-shadow: 0 2px 18px rgba(0,0,0,.32);
  white-space: pre-line;
  width: 100vw;
}
.page-id-825 .post-content:not(.fusion-post-content)::before {
  content: "Todos nuestros comunicados y notas de prensa, reunidos en un único espacio de actualidad y seguimiento informativo";
}
.page-id-847 .post-content:not(.fusion-post-content)::before {
  content: "Selección de nuestra presencia en medios nacionales e internacionales a través de noticias, reportajes y entrevistas destacadas";
}
.page-id-849 .post-content:not(.fusion-post-content)::before {
  content: "Consulta nuestras memorias, dosieres y material corporativo de referencia sobre nuestra actividad y evolución";
}
.page-id-851 .post-content:not(.fusion-post-content)::before {
  content: "Selección de infografías para visualizar de forma clara y accesible los principales datos, iniciativas y tendencias relacionadas con nuestra actividad";
}
.page-id-825 .post-content > .fusion-fullwidth,
.page-id-847 .post-content > .fusion-fullwidth,
.page-id-849 .post-content > .fusion-fullwidth,
.page-id-851 .post-content > .fusion-fullwidth {
  background: transparent !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1120px;
  padding: 0 !important;
}
.page-id-825 .post-content > .fusion-fullwidth > .fusion-builder-row,
.page-id-847 .post-content > .fusion-fullwidth > .fusion-builder-row,
.page-id-849 .post-content > .fusion-fullwidth > .fusion-builder-row,
.page-id-851 .post-content > .fusion-fullwidth > .fusion-builder-row {
  max-width: 1120px !important;
}
.page-id-825 .fusion-blog-shortcode,
.page-id-847 .fusion-blog-shortcode,
.page-id-849 .fusion-blog-shortcode {
  margin: 0 !important;
}
.page-id-849 .fusion-blog-shortcode + .fusion-blog-shortcode {
  margin-top: 18px !important;
}
.page-id-825 .fusion-post-grid,
.page-id-847 .fusion-post-grid,
.page-id-849 .fusion-post-grid {
  padding: 8px !important;
}
.page-id-825 .fusion-post-wrapper,
.page-id-847 .fusion-post-wrapper,
.page-id-849 .fusion-post-wrapper {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid #dfe8f1 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(20,30,50,.06);
  display: flex;
  min-height: 158px;
  padding: 30px 28px !important;
  position: relative;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.page-id-825 .fusion-post-wrapper:hover,
.page-id-847 .fusion-post-wrapper:hover,
.page-id-849 .fusion-post-wrapper:hover {
  border-color: rgba(26,128,182,.38) !important;
  box-shadow: 0 14px 30px rgba(20,30,50,.11);
  transform: translateY(-2px);
}
.page-id-825 .fusion-post-wrapper::before,
.page-id-847 .fusion-post-wrapper::before,
.page-id-849 .fusion-post-wrapper::before {
  background: var(--astic-brand-dark);
  border-radius: 999px;
  content: "";
  height: 36px;
  left: 0;
  opacity: .95;
  position: absolute;
  top: 30px;
  transform: translateX(-50%);
  width: 4px;
}
.page-id-825 .fusion-post-content-wrapper,
.page-id-847 .fusion-post-content-wrapper,
.page-id-849 .fusion-post-content-wrapper {
  padding: 0 !important;
  width: 100%;
}
.page-id-825 .blog-shortcode-post-title,
.page-id-847 .blog-shortcode-post-title,
.page-id-849 .blog-shortcode-post-title {
  margin: 0 !important;
  text-align: left !important;
}
.page-id-825 .blog-shortcode-post-title a,
.page-id-847 .blog-shortcode-post-title a,
.page-id-849 .blog-shortcode-post-title a {
  color: var(--astic-heading) !important;
  display: block;
  font-size: clamp(17px, 1.5vw, 21px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}
.page-id-825 .blog-shortcode-post-title a:hover,
.page-id-847 .blog-shortcode-post-title a:hover,
.page-id-849 .blog-shortcode-post-title a:hover {
  color: var(--astic-brand-dark) !important;
}
.page-id-825 .fusion-single-line-meta,
.page-id-847 .fusion-single-line-meta,
.page-id-849 .fusion-single-line-meta {
  color: var(--astic-text-light) !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.4 !important;
  margin: 12px 0 0 !important;
  text-align: left !important;
}
.page-id-825 .fusion-single-line-meta a,
.page-id-847 .fusion-single-line-meta a,
.page-id-849 .fusion-single-line-meta a {
  color: var(--astic-brand-dark) !important;
}
.page-id-851 .fusion-text h1 {
  color: var(--astic-heading) !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.12 !important;
  margin: 0 0 30px !important;
}
.page-id-851 .fusion-text h1::after {
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin: 16px auto 0;
  width: 68px;
}
.page-id-851 .fusion-gallery {
  display: grid !important;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-id-851 .fusion-gallery .fusion-gallery-column {
  background: #ffffff;
  border: 1px solid #dfe8f1;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(20,30,50,.06);
  float: none !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  width: auto !important;
}
.page-id-851 .fusion-gallery .fusion-gallery-column:hover {
  border-color: rgba(26,128,182,.38);
  box-shadow: 0 14px 30px rgba(20,30,50,.11);
  transform: translateY(-2px);
}
.page-id-851 .fusion-gallery .fusion-gallery-image,
.page-id-851 .fusion-gallery .fusion-gallery-image a,
.page-id-851 .fusion-gallery img {
  display: block;
  width: 100% !important;
}
.page-id-851 .fusion-gallery img {
  aspect-ratio: 4 / 3;
  height: auto !important;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .page-id-825 .post-content:not(.fusion-post-content),
  .page-id-847 .post-content:not(.fusion-post-content),
  .page-id-849 .post-content:not(.fusion-post-content),
  .page-id-851 .post-content:not(.fusion-post-content) {
    padding-bottom: 52px !important;
  }
  .page-id-851 .fusion-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .page-id-825 .post-content:not(.fusion-post-content),
  .page-id-847 .post-content:not(.fusion-post-content),
  .page-id-849 .post-content:not(.fusion-post-content),
  .page-id-851 .post-content:not(.fusion-post-content) {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .page-id-825 .post-content:not(.fusion-post-content)::before,
  .page-id-847 .post-content:not(.fusion-post-content)::before,
  .page-id-849 .post-content:not(.fusion-post-content)::before,
  .page-id-851 .post-content:not(.fusion-post-content)::before {
    background-image:
      linear-gradient(180deg, rgba(5,22,36,.86) 0%, rgba(7,28,44,.78) 68%, rgba(7,28,44,.7) 100%),
      url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg");
    font-size: clamp(22px, 4vw, 30px);
    padding: 32px 18px;
    text-align: center;
  }
  .page-id-825 .fusion-post-grid,
  .page-id-847 .fusion-post-grid,
  .page-id-849 .fusion-post-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-id-825 .fusion-post-wrapper,
  .page-id-847 .fusion-post-wrapper,
  .page-id-849 .fusion-post-wrapper {
    min-height: 0;
    padding: 24px 22px !important;
  }
}

@media (max-width: 520px) {
  .page-id-825 .post-content:not(.fusion-post-content)::before,
  .page-id-847 .post-content:not(.fusion-post-content)::before,
  .page-id-849 .post-content:not(.fusion-post-content)::before,
  .page-id-851 .post-content:not(.fusion-post-content)::before {
    font-size: clamp(20px, 5vw, 26px);
    line-height: 1.2;
    padding: 26px 16px;
  }
  .page-id-825 .blog-shortcode-post-title a,
  .page-id-847 .blog-shortcode-post-title a,
  .page-id-849 .blog-shortcode-post-title a {
    font-size: 17px !important;
  }
  .page-id-851 .fusion-gallery {
    grid-template-columns: 1fr;
  }
}

/* -----------------------------------------------------------
   4. Imagen con tamaño máximo
   Migrado de Avada Custom CSS
   ----------------------------------------------------------- */
.max-img-height {
  width: 300px;
  height: 220px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* =============================================================
   DESIGN SYSTEM — Clases para Avada Builder
   Aplicar en campo "CSS Class" de cada elemento
   ============================================================= */

/* -----------------------------------------------------------
   5. HERO — Gradiente animado con mesh + glow
   Container > CSS Class: astic-hero-gradient
   ----------------------------------------------------------- */
.astic-hero-gradient {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 80% 50% at 20% 40%, rgba(107,173,222,.3), transparent),
    radial-gradient(ellipse 60% 60% at 80% 20%, rgba(22,94,138,.4), transparent),
    radial-gradient(ellipse 50% 70% at 50% 80%, rgba(11,58,92,.3), transparent),
    linear-gradient(160deg, #061e30 0%, var(--astic-blue-deep) 30%, var(--astic-blue-mid) 60%, var(--astic-brand) 100%) !important;
  border-radius: var(--astic-radius-2xl);
  box-shadow: var(--astic-shadow-lg), 0 0 80px rgba(107,173,222,.15);
  padding: 56px 40px !important;
  margin-bottom: 36px;
}
/* Animated floating orb */
.astic-hero-gradient::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -10%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107,173,222,.2) 0%, transparent 70%);
  animation: asticFloat 8s ease-in-out infinite;
  pointer-events: none;
}
.astic-hero-gradient::after {
  content: '';
  position: absolute;
  bottom: -20%;
  left: -5%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%);
  animation: asticFloat 10s ease-in-out 2s infinite reverse;
  pointer-events: none;
}
.astic-hero-gradient,
.astic-hero-gradient h1,
.astic-hero-gradient h2,
.astic-hero-gradient h3,
.astic-hero-gradient .fusion-title,
.astic-hero-gradient .fusion-title h1,
.astic-hero-gradient .fusion-title h2,
.astic-hero-gradient .fusion-text p {
  color: #fff !important;
}
.astic-hero-gradient .fusion-title h1,
.astic-hero-gradient .fusion-title h2 {
  text-shadow: 0 2px 20px rgba(0,0,0,.3);
}
.astic-hero-gradient .fusion-text p {
  font-size: clamp(16px, 1.5vw, 20px);
  opacity: .9;
  text-shadow: 0 1px 8px rgba(0,0,0,.2);
}
/* Buttons inside hero: glass style */
.astic-hero-gradient .fusion-button {
  background: rgba(255,255,255,.15) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: var(--astic-radius) !important;
  color: #fff !important;
  transition: all var(--astic-transition) !important;
}
.astic-hero-gradient .fusion-button:hover {
  background: rgba(255,255,255,.25) !important;
  border-color: rgba(255,255,255,.4) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2) !important;
}
.astic-hero-gradient .fusion-button .fusion-button-text,
.astic-hero-gradient .fusion-button span {
  color: #fff !important;
}
@media (max-width: 768px) {
  .astic-hero-gradient { padding: 36px 22px !important; border-radius: var(--astic-radius-xl); }
  .astic-hero-gradient::before, .astic-hero-gradient::after { display: none; }
}

/* Hero claro con glass effect */
.astic-hero-light {
  position: relative;
  background: linear-gradient(135deg, #f0f4f8 0%, #e8edf3 50%, #f5f7fa 100%) !important;
  border-radius: var(--astic-radius-2xl);
  padding: 56px 40px !important;
  margin-bottom: 36px;
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: var(--astic-shadow-md), inset 0 1px 0 rgba(255,255,255,.8);
}
.astic-hero-light h1,
.astic-hero-light h2,
.astic-hero-light .fusion-title h1,
.astic-hero-light .fusion-title h2 { color: var(--astic-heading) !important; }
.astic-hero-light .fusion-text p { color: var(--astic-text) !important; }
@media (max-width: 768px) {
  .astic-hero-light { padding: 36px 22px !important; }
}

/* -----------------------------------------------------------
   6. GLASS CARD — Glassmorphism moderno
   Columna > CSS Class: astic-glass
   ----------------------------------------------------------- */
.astic-glass > .fusion-column-wrapper {
  background: rgba(255,255,255,.7) !important;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255,255,255,.5);
  border-radius: var(--astic-radius-2xl) !important;
  padding: 32px 28px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.6);
  transition: transform var(--astic-transition), box-shadow var(--astic-transition);
  height: 100%;
}
.astic-glass:hover > .fusion-column-wrapper {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.6);
}

/* Glass sobre fondo oscuro */
.astic-glass-dark > .fusion-column-wrapper {
  background: rgba(255,255,255,.08) !important;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--astic-radius-2xl) !important;
  padding: 32px 28px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.2);
  transition: all var(--astic-transition);
  height: 100%;
}
.astic-glass-dark:hover > .fusion-column-wrapper {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.2);
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,.3);
}
.astic-glass-dark h2, .astic-glass-dark h3, .astic-glass-dark h4,
.astic-glass-dark .fusion-title,
.astic-glass-dark .fusion-text p { color: #fff !important; }

/* -----------------------------------------------------------
   7. TARJETAS modernas
   Columna > CSS Class: astic-card
   ----------------------------------------------------------- */
.astic-card > .fusion-column-wrapper {
  background: var(--astic-surface);
  border: 1px solid var(--astic-border-light);
  border-radius: var(--astic-radius-xl) !important;
  padding: 28px 24px !important;
  box-shadow: var(--astic-shadow);
  transition: all var(--astic-transition);
  height: 100%;
  position: relative;
}
.astic-card:hover > .fusion-column-wrapper {
  transform: translateY(-4px);
  box-shadow: var(--astic-shadow-hover);
  border-color: var(--astic-brand);
}

/* Elevated card con glow al hover */
.astic-card-elevated > .fusion-column-wrapper {
  background: var(--astic-surface);
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius-xl) !important;
  padding: 36px 30px !important;
  box-shadow: var(--astic-shadow-md);
  transition: all var(--astic-transition);
  height: 100%;
}
.astic-card-elevated:hover > .fusion-column-wrapper {
  transform: translateY(-6px);
  box-shadow: var(--astic-shadow-lg), var(--astic-shadow-glow);
  border-color: rgba(107,173,222,.3);
}

/* Card con borde gradiente */
.astic-card-accent > .fusion-column-wrapper {
  background: var(--astic-surface);
  border-radius: var(--astic-radius-xl) !important;
  padding: 28px 24px !important;
  box-shadow: var(--astic-shadow);
  transition: all var(--astic-transition);
  height: 100%;
  border: 2px solid transparent;
  background-clip: padding-box;
  position: relative;
}
.astic-card-accent::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: calc(var(--astic-radius-xl) + 2px);
  background: linear-gradient(135deg, var(--astic-brand), var(--astic-blue-mid), var(--astic-brand));
  z-index: -1;
  transition: opacity var(--astic-transition);
  opacity: .6;
}
.astic-card-accent:hover::before { opacity: 1; }
.astic-card-accent:hover > .fusion-column-wrapper {
  transform: translateY(-4px);
  box-shadow: var(--astic-shadow-glow);
}

/* -----------------------------------------------------------
   8. SECCIONES DE FONDO
   Container > CSS Class
   ----------------------------------------------------------- */
.astic-bg-muted {
  background: var(--astic-muted) !important;
  padding: 48px 0 !important;
}

/* Sección oscura con mesh gradient */
.astic-bg-dark {
  position: relative;
  background:
    radial-gradient(ellipse 60% 50% at 70% 30%, rgba(22,94,138,.5), transparent),
    radial-gradient(ellipse 50% 60% at 20% 70%, rgba(107,173,222,.15), transparent),
    linear-gradient(160deg, #061e30 0%, #0a2e47 50%, var(--astic-blue-deep) 100%) !important;
  padding: 56px 0 !important;
  overflow: hidden;
}
.astic-bg-dark::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}
.astic-bg-dark,
.astic-bg-dark h1, .astic-bg-dark h2, .astic-bg-dark h3, .astic-bg-dark h4,
.astic-bg-dark .fusion-title, .astic-bg-dark .fusion-title h1, .astic-bg-dark .fusion-title h2,
.astic-bg-dark .fusion-text p,
.astic-bg-dark .fusion-text li {
  color: #fff !important;
}
.astic-bg-dark .fusion-text p { opacity: .9; }

/* Brand section con gradiente vivo */
.astic-bg-brand {
  background:
    radial-gradient(ellipse 80% 60% at 30% 20%, rgba(255,255,255,.1), transparent),
    linear-gradient(135deg, var(--astic-blue-mid) 0%, var(--astic-brand) 50%, #8ec5e8 100%) !important;
  padding: 56px 0 !important;
}
.astic-bg-brand,
.astic-bg-brand h1, .astic-bg-brand h2, .astic-bg-brand h3,
.astic-bg-brand .fusion-title, .astic-bg-brand .fusion-title h1,
.astic-bg-brand .fusion-text p {
  color: #fff !important;
}

/* -----------------------------------------------------------
   9. HIGHLIGHT — Callout moderno con icono lateral
   Container > CSS Class: astic-highlight
   ----------------------------------------------------------- */
.astic-highlight {
  position: relative;
  background: linear-gradient(135deg, rgba(107,173,222,.08) 0%, rgba(107,173,222,.04) 100%) !important;
  border: 1px solid rgba(107,173,222,.2) !important;
  border-left: 4px solid var(--astic-brand) !important;
  border-radius: 0 var(--astic-radius-md) var(--astic-radius-md) 0 !important;
  padding: 28px 32px !important;
  backdrop-filter: blur(4px);
}
.astic-highlight h2, .astic-highlight h3,
.astic-highlight .fusion-title { color: var(--astic-blue-deep) !important; }
.astic-highlight .fusion-text p { color: var(--astic-text) !important; }

/* -----------------------------------------------------------
   10. STATS — Números grandes con gradiente
   Columna > CSS Class: astic-stat
   ----------------------------------------------------------- */
.astic-stat > .fusion-column-wrapper {
  text-align: center;
  padding: 28px 16px !important;
}
.astic-stat .fusion-title,
.astic-stat .fusion-title h1,
.astic-stat .fusion-title h2 {
  font-size: clamp(40px, 5vw, 64px) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, var(--astic-brand), var(--astic-blue-mid));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
}
.astic-stat .fusion-text p {
  font-size: 14px;
  color: var(--astic-text-light) !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* -----------------------------------------------------------
   11. ICONO REDONDO con glow
   Imagen > CSS Class: astic-icon-circle
   ----------------------------------------------------------- */
.astic-icon-circle {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(107,173,222,.15), rgba(107,173,222,.08));
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px !important;
  box-shadow: 0 4px 12px rgba(20,30,50,.08), 0 0 0 1px rgba(107,173,222,.1);
  transition: all var(--astic-transition);
}
.astic-icon-circle:hover {
  box-shadow: 0 4px 20px rgba(107,173,222,.25), 0 0 0 1px rgba(107,173,222,.2);
  transform: scale(1.05);
}
.astic-icon-circle img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain;
}

/* -----------------------------------------------------------
   12. SEPARADOR con gradiente
   Separator > CSS Class: astic-divider
   ----------------------------------------------------------- */
.astic-divider .fusion-separator {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--astic-brand), transparent) !important;
  max-width: 200px;
  margin: 28px auto !important;
}

/* -----------------------------------------------------------
   13. ANIMACIONES de entrada
   Cualquier elemento > CSS Class
   ----------------------------------------------------------- */
.astic-fade-in {
  animation: asticFadeIn .7s cubic-bezier(.4,0,.2,1) both;
}
.astic-fade-in-up {
  animation: asticFadeInUp .7s cubic-bezier(.4,0,.2,1) both;
}
.astic-fade-in-delay {
  animation: asticFadeIn .7s cubic-bezier(.4,0,.2,1) .15s both;
}
.astic-fade-in-up-delay {
  animation: asticFadeInUp .7s cubic-bezier(.4,0,.2,1) .15s both;
}
.astic-scale-in {
  animation: asticScaleIn .5s cubic-bezier(.4,0,.2,1) both;
}
@keyframes asticFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes asticFadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes asticScaleIn {
  from { opacity: 0; transform: scale(.9); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes asticFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -20px) scale(1.05); }
  66% { transform: translate(-20px, 15px) scale(.95); }
}

/* -----------------------------------------------------------
   14. TEXTO centrado
   Column > CSS Class: astic-text-center
   ----------------------------------------------------------- */
.astic-text-center > .fusion-column-wrapper {
  text-align: center;
}
.astic-text-center .fusion-text p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* -----------------------------------------------------------
   15. GRADIENT TEXT — Texto con gradiente
   Title > CSS Class: astic-gradient-text
   ----------------------------------------------------------- */
.astic-gradient-text h1,
.astic-gradient-text h2,
.astic-gradient-text h3 {
  background: linear-gradient(135deg, var(--astic-blue-deep) 0%, var(--astic-brand) 50%, var(--astic-blue-mid) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* -----------------------------------------------------------
   16. LISTA con checks animados
   Text > CSS Class: astic-check-list
   ----------------------------------------------------------- */
.astic-check-list ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.astic-check-list ul li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  color: var(--astic-text);
  transition: transform .2s ease;
}
.astic-check-list ul li:hover {
  transform: translateX(4px);
}
.astic-check-list ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--astic-brand), var(--astic-blue-mid));
  display: flex;
  align-items: center;
  justify-content: center;
}
.astic-check-list ul li:after {
  content: "\2713";
  position: absolute;
  left: 5px;
  top: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
}

/* -----------------------------------------------------------
   17. BADGE / Etiquetas modernas
   ----------------------------------------------------------- */
.astic-badge {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  backdrop-filter: blur(4px);
}
.astic-badge-blue {
  background: rgba(107,173,222,.12);
  color: var(--astic-brand-dark);
  border: 1px solid rgba(107,173,222,.2);
}
.astic-badge-green {
  background: rgba(46,125,50,.08);
  color: #2e7d32;
  border: 1px solid rgba(46,125,50,.15);
}
.astic-badge-orange {
  background: rgba(245,124,0,.08);
  color: #f57c00;
  border: 1px solid rgba(245,124,0,.15);
}

/* -----------------------------------------------------------
   18. TIMELINE / Línea temporal
   Container > CSS Class: astic-timeline
   ----------------------------------------------------------- */
.astic-timeline .fusion-layout-column {
  position: relative;
  padding-left: 40px !important;
}
.astic-timeline .fusion-layout-column::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--astic-brand), rgba(107,173,222,.2));
}
.astic-timeline .fusion-layout-column::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--astic-brand);
  box-shadow: 0 0 0 4px rgba(107,173,222,.2);
}

/* -----------------------------------------------------------
   19. HOVER GLOW — Glow azul al pasar el ratón
   Cualquier elemento > CSS Class: astic-hover-glow
   ----------------------------------------------------------- */
.astic-hover-glow {
  transition: all var(--astic-transition);
}
.astic-hover-glow:hover {
  box-shadow: 0 0 30px rgba(107,173,222,.3), 0 0 60px rgba(107,173,222,.1);
}

/* -----------------------------------------------------------
   20. ANIMATED BORDER — Borde con gradiente animado
   Columna > CSS Class: astic-animated-border
   ----------------------------------------------------------- */
.astic-animated-border > .fusion-column-wrapper {
  border-radius: var(--astic-radius-xl) !important;
  padding: 32px 28px !important;
  position: relative;
  background: var(--astic-surface);
  height: 100%;
}
.astic-animated-border::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: calc(var(--astic-radius-xl) + 2px);
  background: conic-gradient(from var(--angle, 0deg), var(--astic-brand), var(--astic-blue-mid), var(--astic-brand-dark), var(--astic-brand));
  z-index: -1;
  animation: asticRotateBorder 4s linear infinite;
}
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes asticRotateBorder {
  to { --angle: 360deg; }
}

/* -----------------------------------------------------------
   21. COUNTER UP — Para números que crecen
   Título dentro de astic-stat se anima
   ----------------------------------------------------------- */
.astic-counter > .fusion-column-wrapper {
  text-align: center;
  padding: 32px 20px !important;
  position: relative;
}
.astic-counter .fusion-title h1,
.astic-counter .fusion-title h2 {
  font-size: clamp(44px, 6vw, 72px) !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, var(--astic-brand), #4fc3f7, var(--astic-brand));
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: asticShimmer 3s linear infinite;
  line-height: 1 !important;
}
.astic-counter .fusion-text p {
  font-size: 14px;
  color: var(--astic-text-light) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 8px;
}
@keyframes asticShimmer {
  to { background-position: 200% center; }
}

/* -----------------------------------------------------------
   22. ASTIC Page System para paginas Avada
   Clases reutilizables: heroes, secciones, objetivos y cards.
   ----------------------------------------------------------- */
.astic-page-hero,
.astic-qh-hero {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  padding: 54px 24px 46px !important;
}
.astic-page-hero .fusion-title,
.astic-qh-hero .fusion-title {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 840px;
}
.astic-page-hero h1,
.astic-qh-hero h1 {
  color: var(--astic-heading) !important;
  font-size: clamp(38px, 4.5vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  margin-bottom: 14px !important;
}
.astic-page-hero h1::after,
.astic-qh-hero h1::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin: 18px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
}
.astic-page-hero h3,
.astic-page-hero p,
.astic-qh-hero h3,
.astic-qh-hero p {
  color: var(--astic-text) !important;
  font-size: 21px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 760px;
}
.astic-page-hero .fusion-title,
.astic-qh-hero .fusion-title {
  animation: asticFadeUp .55s ease both;
}
.astic-page-hero .fusion-title + .fusion-title,
.astic-qh-hero .fusion-title + .fusion-title {
  animation-delay: .08s;
}
.astic-image-hero,
.astic-image-hero.astic-qh-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 0 !important;
  min-height: 460px;
  padding: 92px 24px 86px !important;
  background-color: #071b2b !important;
  background-image:
    linear-gradient(90deg, rgba(5,22,36,.86) 0%, rgba(7,28,44,.72) 42%, rgba(7,28,44,.36) 78%, rgba(7,28,44,.22) 100%),
    var(--astic-hero-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.astic-image-hero--transport {
  --astic-hero-image: url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg");
}
.astic-image-hero .fusion-builder-row {
  position: relative;
  z-index: 1;
}
.astic-image-hero .fusion-title,
.astic-image-hero.astic-qh-hero .fusion-title {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 780px;
}
.astic-image-hero h1,
.astic-image-hero.astic-qh-hero h1 {
  color: #ffffff !important;
  text-align: left !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.28);
}
.astic-image-hero h1::after,
.astic-image-hero.astic-qh-hero h1::after {
  margin-left: 0;
  margin-right: 0;
  background: linear-gradient(90deg, #ffffff, var(--astic-brand));
}
.astic-image-hero h3,
.astic-image-hero p,
.astic-image-hero.astic-qh-hero h3,
.astic-image-hero.astic-qh-hero p {
  color: rgba(255,255,255,.92) !important;
  text-align: left !important;
  margin-left: 0 !important;
  max-width: 720px;
  text-shadow: 0 2px 14px rgba(0,0,0,.32);
}

.astic-brand-section,
.astic-goals-section,
.astic-qh-objectives {
  background: #f3f7fa !important;
  padding: 42px 24px 48px !important;
  border-top: 1px solid var(--astic-border);
  border-bottom: 1px solid var(--astic-border);
}
.astic-brand-section .fusion-builder-row,
.astic-goals-section .fusion-builder-row,
.astic-qh-objectives .fusion-builder-row {
  max-width: 1120px !important;
}
.astic-brand-section h2,
.astic-brand-section h3,
.astic-goals-section h2,
.astic-goals-section h3,
.astic-qh-objectives h2,
.astic-qh-objectives h3 {
  color: var(--astic-heading) !important;
  line-height: 1.2 !important;
}
.astic-brand-section .fusion-text p,
.astic-goals-section .fusion-text p,
.astic-qh-objectives .fusion-text p {
  color: var(--astic-text) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}
.astic-goals-section .fusion-text,
.astic-qh-objectives .fusion-text {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(230,235,240,.9);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-sm);
  height: 100%;
  padding: 22px 24px;
  animation: asticFadeUp .55s ease both;
}
.astic-goals-section .fusion-builder-row:nth-of-type(2) .fusion-layout-column:nth-child(2) .fusion-text,
.astic-qh-objectives .fusion-builder-row:nth-of-type(2) .fusion-layout-column:nth-child(2) .fusion-text {
  animation-delay: .08s;
}
.astic-goals-section .fusion-text p,
.astic-qh-objectives .fusion-text p {
  margin-bottom: 0;
}
.astic-goals-section .fusion-text strong,
.astic-goals-section .fusion-text b,
.astic-qh-objectives .fusion-text strong,
.astic-qh-objectives .fusion-text b {
  color: var(--astic-brand-dark) !important;
  font-size: 26px !important;
  line-height: 1;
}

.astic-feature-section,
.astic-qh-areas {
  background: #ffffff !important;
  padding: 46px 24px 58px !important;
}
.astic-feature-section > .fusion-builder-row,
.astic-qh-areas > .fusion-builder-row {
  max-width: 1120px !important;
}
.astic-feature-section .fusion-title h2,
.astic-feature-section .fusion-title h3,
.astic-qh-areas .fusion-title h2,
.astic-qh-areas .fusion-title h3 {
  color: var(--astic-heading) !important;
  line-height: 1.22 !important;
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.astic-feature-section > .fusion-builder-row:first-child,
.astic-qh-areas > .fusion-builder-row:first-child {
  margin-bottom: 26px !important;
}
.astic-feature-section .fusion-column-wrapper,
.astic-qh-areas .fusion-column-wrapper {
  min-height: 0 !important;
}
.astic-feature-card > .fusion-column-wrapper,
.astic-qh-card > .fusion-column-wrapper {
  background: #ffffff !important;
  border: 1px solid var(--astic-border) !important;
  border-top: 4px solid var(--astic-brand-dark) !important;
  border-radius: var(--astic-radius) !important;
  box-shadow: var(--astic-shadow-md) !important;
  height: 100% !important;
  padding: 32px 28px !important;
  animation: asticFadeUp .58s ease both;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.astic-feature-card:nth-of-type(2) > .fusion-column-wrapper,
.astic-qh-card:nth-of-type(2) > .fusion-column-wrapper {
  animation-delay: .08s;
}
.astic-feature-card:nth-of-type(3) > .fusion-column-wrapper,
.astic-qh-card:nth-of-type(3) > .fusion-column-wrapper {
  animation-delay: .16s;
}
.astic-feature-card:hover > .fusion-column-wrapper,
.astic-qh-card:hover > .fusion-column-wrapper {
  border-color: rgba(26,128,182,.35) !important;
  box-shadow: 0 16px 34px rgba(15,45,70,.12) !important;
  transform: translateY(-3px);
}
.astic-feature-card .fusion-image-element,
.astic-qh-card .fusion-image-element {
  display: flex;
  justify-content: center;
}
.astic-feature-card .imageframe-align-center,
.astic-qh-card .imageframe-align-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #eef7fc;
  border: 1px solid rgba(107,173,222,.28);
}
.astic-feature-card .fusion-imageframe,
.astic-qh-card .fusion-imageframe {
  display: block;
}
.astic-feature-card img,
.astic-qh-card img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(763%) hue-rotate(166deg) brightness(88%) contrast(89%) !important;
  height: 56px !important;
  max-width: 64px !important;
  object-fit: contain;
}
.astic-feature-card .fusion-title,
.astic-qh-card .fusion-title {
  margin-top: 22px !important;
  margin-bottom: 12px !important;
}
.astic-feature-card h2,
.astic-feature-card h3,
.astic-qh-card h2,
.astic-qh-card h3 {
  color: var(--astic-brand-dark) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}
.astic-feature-card .fusion-text p,
.astic-feature-card p,
.astic-qh-card .fusion-text p,
.astic-qh-card p {
  color: var(--astic-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
.astic-feature-section .fusion-text:not(.astic-feature-card .fusion-text),
.astic-qh-areas .fusion-text:not(.astic-qh-card .fusion-text) {
  color: var(--astic-text) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}
.astic-feature-section > .fusion-builder-row:last-child,
.astic-qh-areas > .fusion-builder-row:last-child {
  margin-top: 28px !important;
}
.astic-content-section,
.astic-team-section,
.astic-objectives-section,
.astic-network-section {
  padding: 48px 24px !important;
}
.astic-content-section > .fusion-builder-row,
.astic-team-section > .fusion-builder-row,
.astic-objectives-section > .fusion-builder-row,
.astic-network-section > .fusion-builder-row {
  max-width: 1120px !important;
}
.astic-content-section h2,
.astic-team-section h2,
.astic-objectives-section h1,
.astic-objectives-section h2,
.astic-network-section h2 {
  color: var(--astic-heading) !important;
  line-height: 1.18 !important;
  margin-bottom: 18px !important;
}
.astic-content-section .fusion-text p,
.astic-team-section .fusion-text p,
.astic-objectives-section .fusion-text p,
.astic-network-section .fusion-text p {
  color: var(--astic-text) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}
.astic-content-section img,
.astic-team-section img {
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-md);
}
.astic-team-section {
  background: #ffffff !important;
}
.astic-team-tabs {
  border: 1px solid var(--astic-border) !important;
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-md);
  overflow: hidden;
  background: #ffffff;
}
.astic-team-tabs .nav-tabs {
  display: flex !important;
  gap: 0;
  padding: 8px !important;
  background: #f3f7fa !important;
  border: 0 !important;
}
.astic-team-tabs .nav-tabs > li {
  flex: 1 1 0;
  margin: 0 !important;
}
.astic-team-tabs .nav-tabs > li > a,
.astic-team-tabs .tab-link {
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--astic-heading) !important;
  display: block !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
  text-align: center !important;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.astic-team-tabs .nav-tabs > li.active > a,
.astic-team-tabs .nav-tabs > li > a:hover {
  background: #ffffff !important;
  color: var(--astic-brand-dark) !important;
  box-shadow: var(--astic-shadow-sm);
}
.astic-team-tabs .tab-content {
  padding: 28px 26px 32px !important;
}
.astic-team-tabs .fusion-builder-row-inner {
  display: flex !important;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  margin: 0 0 26px !important;
}
.astic-team-tabs .fusion-builder-row-inner:last-child {
  margin-bottom: 0 !important;
}
.astic-team-tabs .fusion-layout-column {
  background: #ffffff;
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-sm);
  box-sizing: border-box;
  clear: none !important;
  flex: 1 1 calc((100% - 72px) / 3);
  float: none !important;
  margin: 0 !important;
  max-width: calc((100% - 72px) / 3);
  min-width: 0;
  overflow: hidden;
  padding: 0 0 18px !important;
  width: calc((100% - 72px) / 3) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.astic-team-tabs .fusion-layout-column:hover {
  border-color: rgba(26,128,182,.32);
  box-shadow: 0 14px 30px rgba(15,45,70,.12);
  transform: translateY(-2px);
}
.astic-team-tabs .fusion-image-element {
  margin: 0 !important;
}
.astic-team-tabs img,
.astic-team-tabs .max-img-height {
  aspect-ratio: 4 / 3;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block;
  height: auto !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: cover;
  width: 100% !important;
}
.astic-team-tabs .fusion-title {
  margin: 18px 18px 8px !important;
}
.astic-team-tabs h4 {
  color: var(--astic-heading) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  min-height: 38px;
  text-transform: uppercase;
}
.astic-team-tabs .fusion-text {
  margin: 0 18px !important;
}
.astic-team-tabs .fusion-text p,
.astic-team-tabs .fusion-text a,
.astic-team-tabs .person-name {
  color: var(--astic-text) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.astic-objectives-section {
  background: #f3f7fa !important;
  border-top: 1px solid var(--astic-border);
  border-bottom: 1px solid var(--astic-border);
}
.astic-objectives-section > .fusion-builder-row:first-child {
  margin-bottom: 26px !important;
}
.astic-objectives-section > .fusion-builder-row:first-child .fusion-layout-column:first-child,
.astic-objectives-section > .fusion-builder-row:first-child .fusion-layout-column:last-child {
  display: none !important;
}
.astic-objectives-section > .fusion-builder-row:first-child .fusion-two-third {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 860px;
  width: 100% !important;
}
.astic-objectives-section > .fusion-builder-row:first-child h1,
.astic-objectives-section > .fusion-builder-row:first-child h2 {
  color: var(--astic-heading) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
}
.astic-objectives-section > .fusion-builder-row:first-child h1::after,
.astic-objectives-section > .fusion-builder-row:first-child h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
}
.astic-objectives-section > .fusion-builder-row:first-child .fusion-text p {
  color: var(--astic-text) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) > .fusion-layout-column {
  display: flex !important;
  margin-bottom: 24px !important;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) > .fusion-layout-column > .fusion-column-wrapper,
.astic-objectives-section .fusion-builder-column-inner-bg-wrapper,
.astic-objectives-section .fusion-column-inner-bg {
  background: #ffffff !important;
  border-radius: var(--astic-radius) !important;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) > .fusion-layout-column > .fusion-column-wrapper {
  border: 1px solid var(--astic-border) !important;
  border-top: 4px solid var(--astic-brand-dark) !important;
  box-shadow: var(--astic-shadow-md) !important;
  box-sizing: border-box;
  height: 100% !important;
  padding: 30px 28px !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  width: 100%;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) > .fusion-layout-column:hover > .fusion-column-wrapper {
  border-color: rgba(26,128,182,.35) !important;
  box-shadow: 0 16px 34px rgba(15,45,70,.12) !important;
  transform: translateY(-3px);
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) .fusion-image-element {
  margin-bottom: 22px !important;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) .imageframe-align-center {
  align-items: center;
  background: #eef7fc;
  border: 1px solid rgba(107,173,222,.28);
  border-radius: var(--astic-radius) !important;
  display: inline-flex;
  height: 86px;
  justify-content: center;
  width: 86px;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) img {
  box-shadow: none !important;
  filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(763%) hue-rotate(166deg) brightness(88%) contrast(89%) !important;
  height: 54px !important;
  max-width: 62px !important;
  object-fit: contain;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) h2,
.astic-objectives-section > .fusion-builder-row:not(:first-child) h3 {
  color: var(--astic-brand-dark) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}
.astic-objectives-section > .fusion-builder-row:not(:first-child) .fusion-text,
.astic-objectives-section > .fusion-builder-row:not(:first-child) .fusion-text p {
  color: var(--astic-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
.astic-network-section {
  background: #ffffff !important;
}
.astic-network-section .fusion-text {
  background: #ffffff;
  border-left: 4px solid var(--astic-brand-dark);
  box-shadow: var(--astic-shadow-sm);
  padding: 4px 0 4px 24px;
}
.astic-transparency-hero .fusion-button-wrapper,
.astic-transparency-hero .fusion-aligncenter {
  display: inline-flex;
  margin-right: 12px;
}
.astic-transparency-hero .fusion-button {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 6px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  padding: 13px 18px !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.astic-transparency-hero .fusion-button:hover {
  background: rgba(255,255,255,.2) !important;
  border-color: rgba(255,255,255,.62) !important;
  transform: translateY(-2px);
}
.astic-transparency-hero .fusion-button-text {
  color: #ffffff !important;
}
.astic-transparency-section {
  background: #ffffff !important;
  padding: 56px 24px !important;
}
.astic-transparency-section > .fusion-builder-row {
  max-width: 1060px !important;
}
.astic-transparency-section h2 {
  color: var(--astic-heading) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  margin-bottom: 24px !important;
  text-align: left !important;
}
.astic-transparency-section h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
}
.astic-transparency-law {
  background: #f3f7fa !important;
  border-top: 1px solid var(--astic-border);
  border-bottom: 1px solid var(--astic-border);
}
.astic-transparency-law .fusion-text,
.astic-transparency-grants .fusion-text {
  background: #ffffff;
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-md);
  padding: 30px 32px;
}
.astic-transparency-law .fusion-text {
  border-left: 5px solid var(--astic-brand-dark);
}
.astic-transparency-law h3 {
  color: var(--astic-brand-dark) !important;
  font-size: 22px !important;
  line-height: 1.28 !important;
  margin: 0 0 12px !important;
}
.astic-transparency-law .fusion-separator {
  margin: 26px 0 !important;
}
.astic-transparency-section .fusion-text,
.astic-transparency-section .fusion-text p {
  color: var(--astic-text) !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}
.astic-transparency-grants {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
}
.astic-transparency-grants .fusion-text {
  border-top: 5px solid var(--astic-brand-dark);
  font-size: 17px !important;
  line-height: 1.8 !important;
  max-width: 820px;
}
.astic-transparency-grants .fusion-text strong {
  color: var(--astic-heading) !important;
  display: inline-block;
  min-width: 180px;
}
.astic-transparency-grants .fusion-text p {
  margin-bottom: 0 !important;
}

/* -----------------------------------------------------------
   23. Pagina Contacto
   ----------------------------------------------------------- */
.page-id-6209 #main,
.page-id-6209 #content,
.page-id-6209 .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child {
  background:
    linear-gradient(90deg, rgba(5,22,36,.86) 0%, rgba(7,28,44,.66) 48%, rgba(7,28,44,.28) 100%),
    url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") center center / cover no-repeat !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 0 !important;
  min-height: 360px;
  overflow: hidden;
  padding: 82px 24px 76px !important;
  position: relative;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child > .fusion-builder-row {
  position: relative;
  z-index: 1;
}
.page-id-6209 .post-content > .fusion-fullwidth > .fusion-builder-row {
  box-sizing: border-box;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-one-sixth {
  display: none !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-two-third {
  float: none !important;
  margin: 0 auto !important;
  max-width: 880px;
  width: 100% !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-title {
  margin-bottom: 14px !important;
  margin-top: 0 !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child h1 {
  color: #ffffff !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  text-align: left !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.3);
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child h1::after {
  background: linear-gradient(90deg, #ffffff, var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 18px;
  width: 72px;
}
.page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text p,
.page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text span {
  color: rgba(255,255,255,.94) !important;
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 600;
  line-height: 1.5 !important;
  margin-left: 0 !important;
  max-width: 760px !important;
  text-align: left !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.32);
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) {
  background: #f3f7fa !important;
  padding: 56px 24px 64px !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) > .fusion-builder-row {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 28px;
  max-width: 1120px !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-one-sixth {
  display: none !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-one-third {
  display: flex !important;
  flex: 1 1 calc((100% - 84px) / 2);
  float: none !important;
  margin: 0 !important;
  max-width: calc((100% - 84px) / 2);
  width: calc((100% - 84px) / 2) !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-one-third > .fusion-column-wrapper {
  background: #ffffff !important;
  border: 1px solid var(--astic-border) !important;
  border-top: 4px solid var(--astic-brand-dark) !important;
  border-radius: var(--astic-radius) !important;
  box-shadow: var(--astic-shadow-md) !important;
  box-sizing: border-box;
  min-height: 100%;
  padding: 34px 34px 36px !important;
  width: 100%;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-title {
  margin-bottom: 24px !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) h1,
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) h2,
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) h3 {
  color: var(--astic-heading) !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) h1::after,
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) h2::after,
.page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) h3::after {
  display: none !important;
}
.page-id-6209 .wpforms-container {
  margin: 0 !important;
}
.page-id-6209 .wpforms-container .wpforms-field {
  padding: 0 0 18px !important;
}
.page-id-6209 .wpforms-container .wpforms-field-label {
  color: var(--astic-heading) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
}
.page-id-6209 .wpforms-container input[type="text"],
.page-id-6209 .wpforms-container input[type="email"],
.page-id-6209 .wpforms-container textarea {
  background: #f8fafc !important;
  border: 1px solid #d8e1ea !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: var(--astic-heading) !important;
  font-size: 16px !important;
  max-width: none !important;
  min-height: 46px;
  padding: 11px 13px !important;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  width: 100% !important;
}
.page-id-6209 .wpforms-container textarea {
  min-height: 150px;
  resize: vertical;
}
.page-id-6209 .wpforms-container input:focus,
.page-id-6209 .wpforms-container textarea:focus {
  background: #ffffff !important;
  border-color: var(--astic-brand-dark) !important;
  box-shadow: 0 0 0 3px rgba(26,128,182,.14) !important;
  outline: none !important;
}
.page-id-6209 .wpforms-submit-container {
  margin-top: 4px !important;
  padding-top: 0 !important;
}
.page-id-6209 button.wpforms-submit {
  background: linear-gradient(135deg, var(--astic-blue-btn), var(--astic-blue-btn-dark)) !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0,124,186,.24) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  min-width: 148px;
  padding: 13px 22px !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.page-id-6209 button.wpforms-submit:hover {
  background: linear-gradient(135deg, var(--astic-blue-btn-dark), #004066) !important;
  box-shadow: 0 14px 28px rgba(0,90,135,.28) !important;
  transform: translateY(-2px);
}
.page-id-6209 .astic-contact-card {
  background: #f8fafc !important;
  border: 1px solid var(--astic-border) !important;
  border-radius: var(--astic-radius) !important;
  box-shadow: none !important;
  margin-bottom: 22px;
  padding: 24px 24px 18px !important;
}
.page-id-6209 .astic-contact-card p {
  color: var(--astic-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
}
.page-id-6209 .astic-contact-card p strong {
  color: var(--astic-heading) !important;
  display: block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.page-id-6209 .astic-contact-card a {
  color: var(--astic-brand-dark) !important;
  font-weight: 800;
  text-decoration: none;
}
.page-id-6209 .astic-contact-card a:hover {
  text-decoration: underline;
}
.page-id-6209 .map-wrap {
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius) !important;
  box-shadow: var(--astic-shadow-sm);
  margin-top: 0 !important;
  overflow: hidden;
  padding-bottom: 62% !important;
}

/* -----------------------------------------------------------
   24. Home: bloque institucional ASTIC
   ----------------------------------------------------------- */
.home .fusion-builder-row-6 {
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%) !important;
  border-top: 1px solid var(--astic-border);
  border-bottom: 1px solid var(--astic-border);
  padding: 44px 24px 56px !important;
}
.home .fusion-builder-row-6 > .fusion-builder-row {
  max-width: 1120px !important;
}
.home .fusion-builder-row-6 .fusion-builder-column-12,
.home .fusion-builder-row-6 .fusion-builder-column-14 {
  display: none !important;
}
.home .fusion-builder-row-6 .fusion-builder-column-13 {
  float: none !important;
  margin: 48px auto 0 !important;
  max-width: 1120px;
  width: 100% !important;
}
.home .fusion-builder-row-6 .fusion-builder-column-13 > .fusion-column-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.home .fusion-text-10 {
  counter-reset: astic-home-facts;
  margin-top: 0 !important;
}
.home .fusion-text-10 > h2 {
  color: var(--astic-heading) !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.12 !important;
  margin: 0 0 26px !important;
  max-width: 820px;
}
.home .fusion-text-10 > h2::after {
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 16px;
  width: 66px;
}
.home .fusion-text-10 ul {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.home .fusion-text-10 li {
  background: #f8fafc;
  border: 1px solid #dfe8f1;
  border-radius: var(--astic-radius);
  counter-increment: astic-home-facts;
  margin: 0 !important;
  min-height: 100%;
  padding: 20px 20px 20px 66px;
  position: relative;
}
.home .fusion-text-10 li::before {
  align-items: center;
  background: #eef7fc;
  border: 1px solid rgba(107,173,222,.32);
  border-radius: 50%;
  color: var(--astic-brand-dark);
  content: counter(astic-home-facts);
  display: flex;
  font-size: 15px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  left: 18px;
  line-height: 1;
  position: absolute;
  top: 21px;
  width: 34px;
}
.home .fusion-text-10 li h2 {
  color: var(--astic-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
.home .fusion-text-10 strong {
  color: var(--astic-brand-dark) !important;
  font-weight: 900;
}
.home .fusion-builder-row-6 .fusion-builder-column-15 .fusion-aligncenter {
  margin-top: 28px !important;
}
.home .fusion-builder-row-6 .fusion-builder-column-15 .fusion-button {
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0,124,186,.22) !important;
  font-weight: 900 !important;
}
.home .astic-home-logos__img[alt="CEPYME"] {
  max-height: 104px !important;
  max-width: 260px !important;
}
@media (max-width: 820px) {
  .home .astic-home-logos__img[alt="CEPYME"] {
    max-height: 92px !important;
    max-width: 240px !important;
  }
}

/* -----------------------------------------------------------
   25. Pagina Regimen TIR
   ----------------------------------------------------------- */
.page-id-6311 #main,
.page-id-6311 #content,
.page-id-6311 .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-6311 #main > .fusion-row {
  max-width: none !important;
  width: 100% !important;
}
.page-id-6311 .post-content > .fusion-fullwidth {
  overflow: hidden;
}
.page-id-6311 .post-content > .fusion-fullwidth > .fusion-builder-row {
  box-sizing: border-box;
  max-width: 1120px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:first-child {
  background:
    linear-gradient(90deg, rgba(5,22,36,.88) 0%, rgba(7,28,44,.74) 46%, rgba(7,28,44,.34) 100%),
    url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") center center / cover no-repeat !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  min-height: 390px;
  padding: 88px 24px 78px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:first-child .fusion-title {
  margin: 0 0 18px !important;
  max-width: 760px;
}
.page-id-6311 .post-content > .fusion-fullwidth:first-child h1,
.page-id-6311 .post-content > .fusion-fullwidth:first-child h2,
.page-id-6311 .post-content > .fusion-fullwidth:first-child span {
  color: #ffffff !important;
  font-size: clamp(42px, 5vw, 66px) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  text-align: left !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.32);
}
.page-id-6311 .post-content > .fusion-fullwidth:first-child h1::after,
.page-id-6311 .post-content > .fusion-fullwidth:first-child h2::after {
  background: linear-gradient(90deg, #ffffff, var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin: 18px 0 0;
  width: 72px;
}
.page-id-6311 .post-content > .fusion-fullwidth:first-child .subtitle-banner {
  color: rgba(255,255,255,.93) !important;
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 760px;
  text-align: left !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.32);
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(2),
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(4) {
  background: #ffffff !important;
  padding: 56px 24px 62px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) {
  background: #f3f7fa !important;
  border-bottom: 1px solid var(--astic-border);
  border-top: 1px solid var(--astic-border);
  padding: 54px 24px 58px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(2) > .fusion-builder-row,
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(4) > .fusion-builder-row {
  max-width: 1040px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title {
  margin-bottom: 18px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title h1,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title h2,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title h3,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title h4,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title span {
  color: var(--astic-heading) !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two h1,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two h2,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two span {
  font-size: clamp(30px, 3.3vw, 44px) !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three h2,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three h3,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three span {
  font-size: clamp(24px, 2.4vw, 32px) !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-four h2,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-four h4,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-four span {
  color: var(--astic-brand-dark) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two h1::after,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two h2::after,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three h2::after,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three h3::after {
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin: 14px 0 0;
  width: 64px;
}
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-center h1::after,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-center h2::after,
.page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-center h3::after {
  margin-left: auto;
  margin-right: auto;
}
.page-id-6311 .fusion-text h3 {
  color: var(--astic-text) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  margin: 0 0 18px !important;
}
.page-id-6311 .fusion-text .subtitle {
  color: var(--astic-text-light) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.62 !important;
  margin: 0 auto 30px !important;
  max-width: 820px;
  text-align: center;
}
.page-id-6311 .fusion-separator {
  margin: 28px 0 30px !important;
}
.page-id-6311 .fusion-separator-border {
  border-color: var(--astic-border) !important;
}
.page-id-6311 .fusion-text ul {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0 0 28px !important;
  padding: 0 !important;
}
.page-id-6311 .fusion-text li {
  background: #f8fafc;
  border: 1px solid #dfe8f1;
  border-radius: var(--astic-radius);
  margin: 0 !important;
  min-height: 100%;
  padding: 18px 18px 18px 48px;
  position: relative;
}
.page-id-6311 .fusion-text li::before {
  background: var(--astic-brand-dark);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(26,128,182,.1);
  content: "";
  height: 9px;
  left: 22px;
  position: absolute;
  top: 27px;
  width: 9px;
}
.page-id-6311 .fusion-text li h3 {
  color: var(--astic-text) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.58 !important;
  margin: 0 !important;
}
.page-id-6311 .fusion-text-5 ul,
.page-id-6311 .fusion-text-6 ul,
.page-id-6311 .fusion-text-7 ul,
.page-id-6311 .fusion-text-10 ul,
.page-id-6311 .fusion-text-11 ul,
.page-id-6311 .fusion-text-12 ul {
  margin-bottom: 32px !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-builder-row-inner {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-md);
  display: flex !important;
  gap: 34px;
  padding: 34px;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-layout-column {
  float: none !important;
  margin: 0 !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-two-third {
  flex: 1 1 60%;
  width: auto !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-one-third {
  flex: 0 0 250px;
  width: auto !important;
}
.page-id-6311 .fusion-text-8 {
  margin-top: 0 !important;
}
.page-id-6311 .fusion-text-8 h3 {
  color: var(--astic-text) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.72 !important;
  margin: 0 !important;
  text-align: left !important;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) img {
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-sm);
  max-height: 260px;
  object-fit: contain;
}
.page-id-6311 .post-content > .fusion-fullwidth:nth-child(4) {
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%) !important;
}

/* -----------------------------------------------------------
   26. Acceso afiliados
   ----------------------------------------------------------- */
.page-id-5181 #main,
.page-id-5181 #content,
.page-id-5181 .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-5181 .post-content {
  align-items: center;
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%) !important;
  border-top: 1px solid var(--astic-border);
  display: flex;
  justify-content: center;
  min-height: 560px;
  padding: 64px 18px 72px !important;
}
.page-id-5181 .acceso-afiliados-wrap {
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 480px !important;
  width: 100%;
}
.page-id-5181 .acceso-afiliados-form {
  background: #ffffff;
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius);
  box-shadow: 0 18px 44px rgba(20,30,50,.11);
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 480px !important;
  overflow: hidden;
  padding: 0 !important;
  width: 100%;
}
.page-id-5181 .acceso-afiliados-form::before {
  background: linear-gradient(135deg, #0b3a5c 0%, #165e8a 58%, #6badde 100%);
  content: "";
  display: block;
  height: 8px;
  width: 100%;
}
.page-id-5181 .acceso-afiliados-form > * {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.page-id-5181 .acceso-afiliados-form > .acceso-kicker {
  margin-top: 30px !important;
}
.page-id-5181 .acceso-kicker {
  color: var(--astic-brand-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.3;
  margin-bottom: 8px !important;
  text-transform: uppercase;
}
.page-id-5181 .acceso-afiliados-form > h3 {
  color: var(--astic-heading) !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  text-align: left !important;
}
.page-id-5181 .acceso-afiliados-form > h3::after {
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 14px;
  width: 58px;
}
.page-id-5181 .acceso-intro {
  color: var(--astic-text) !important;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 24px !important;
}
.page-id-5181 .acceso-form {
  margin-top: 0 !important;
}
.page-id-5181 .acceso-form p {
  margin: 0 0 18px !important;
}
.page-id-5181 .acceso-form label {
  color: var(--astic-heading) !important;
  display: block;
  font-size: 14px;
  font-weight: 800 !important;
  line-height: 1.35;
  margin: 0 !important;
}
.page-id-5181 .acceso-form input[type="text"],
.page-id-5181 .acceso-form input[type="password"] {
  background: #f8fafc !important;
  border: 1px solid #d8e1ea !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  color: var(--astic-heading) !important;
  font-size: 16px !important;
  margin-top: 8px;
  min-height: 48px;
  padding: 11px 13px !important;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  width: 100% !important;
}
.page-id-5181 .acceso-form input[type="text"]:focus,
.page-id-5181 .acceso-form input[type="password"]:focus {
  background: #ffffff !important;
  border-color: var(--astic-brand-dark) !important;
  box-shadow: 0 0 0 3px rgba(26,128,182,.14) !important;
  outline: none !important;
}
.page-id-5181 .acceso-meta-row {
  align-items: center;
  display: flex !important;
  gap: 14px;
  justify-content: space-between;
  margin: 4px 0 20px !important;
}
.page-id-5181 .acceso-meta-row label {
  align-items: center;
  color: var(--astic-text) !important;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600 !important;
  gap: 7px;
}
.page-id-5181 .acceso-meta-row input[type="checkbox"] {
  accent-color: var(--astic-brand-dark);
  margin: 0 !important;
}
.page-id-5181 .acceso-meta-row a {
  color: var(--astic-brand-dark) !important;
  font-size: 14px !important;
  font-weight: 700;
  text-decoration: none;
}
.page-id-5181 .acceso-meta-row a:hover {
  text-decoration: underline;
}
.page-id-5181 .acceso-form input[type="submit"] {
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0,124,186,.22) !important;
  font-weight: 900 !important;
  margin-bottom: 0 !important;
  min-height: 46px;
  width: 100% !important;
}
.page-id-5181 .acceso-form input[type="submit"]:disabled {
  cursor: not-allowed !important;
  opacity: .58;
  transform: none !important;
}
.page-id-5181 .acceso-password-rules {
  background: #f8fafc;
  border: 1px solid var(--astic-border);
  border-radius: 6px;
  color: var(--astic-text);
  font-size: 13px;
  line-height: 1.55;
  list-style-position: outside;
  margin: -4px 0 14px !important;
  padding: 12px 16px 12px 32px !important;
}
.page-id-5181 .acceso-password-rules li {
  margin: 2px 0;
}
.page-id-5181 .acceso-password-strength {
  border-radius: 6px;
  display: none;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 16px !important;
  padding: 12px 14px;
}
.page-id-5181 .acceso-password-strength.is-danger {
  background: #fff0f0;
  border: 1px solid #f3b5b5;
  color: #8a1f1f;
}
.page-id-5181 .acceso-password-strength.is-warning {
  background: #fff7df;
  border: 1px solid #f3d27a;
  color: #765514;
}
.page-id-5181 .acceso-password-strength.is-info {
  background: #eaf5ff;
  border: 1px solid #b6d4fe;
  color: #084298;
}
.page-id-5181 .acceso-password-strength.is-success {
  background: #edf8ef;
  border: 1px solid #a9d8b2;
  color: #155724;
}
.page-id-5181 .acceso-back-link {
  border-top: 1px solid var(--astic-border);
  color: var(--astic-text);
  font-size: 14px;
  margin-bottom: 0 !important;
  margin-top: 22px !important;
  padding: 20px 0 28px;
  text-align: center;
}
.page-id-5181 .acceso-back-link a {
  color: var(--astic-brand-dark) !important;
  font-weight: 800;
  text-decoration: none;
}
.page-id-5181 .acceso-back-link a:hover {
  text-decoration: underline;
}
.page-id-5181 .fusion-alert.alert {
  border-radius: 6px !important;
  font-size: 15px;
  line-height: 1.45;
  margin: 0 0 18px !important;
}
@media (max-width: 520px) {
  .page-id-5181 .acceso-afiliados-wrap {
    max-width: 100% !important;
  }
  .page-id-5181 .acceso-afiliados-form > * {
    margin-left: 22px !important;
    margin-right: 22px !important;
  }
  .page-id-5181 .acceso-afiliados-form > .acceso-kicker {
    margin-top: 24px !important;
  }
  .page-id-5181 .acceso-afiliados-form > h3 {
    font-size: 24px !important;
  }
  .page-id-5181 .acceso-meta-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* -----------------------------------------------------------
   27. Formulario Contact Form 7
   ----------------------------------------------------------- */
.page-id-221 #main,
.page-id-221 #content,
.page-id-221 .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-221 .post-content {
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%) !important;
  border-top: 1px solid var(--astic-border);
  min-height: 620px;
  padding: 58px 18px 68px !important;
}
.page-id-221 .wpcf7 {
  background: #ffffff;
  border: 1px solid var(--astic-border);
  border-top: 4px solid var(--astic-brand-dark);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-md);
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 680px;
  padding: 34px 34px 30px;
}
.page-id-221 .wpcf7::before {
  color: var(--astic-heading);
  content: "Formulario de contacto";
  display: block;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 26px;
}
.page-id-221 .wpcf7::after {
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  left: 34px;
  position: absolute;
  top: 82px;
  width: 58px;
}
.page-id-221 .wpcf7 {
  position: relative;
}
.page-id-221 .wpcf7-form {
  margin-top: 10px;
}
.page-id-221 .wpcf7-form p {
  margin: 0 0 18px !important;
}
.page-id-221 .wpcf7-form label {
  color: var(--astic-heading) !important;
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}
.page-id-221 .wpcf7-form-control-wrap {
  display: block;
  margin-top: 8px;
}
.page-id-221 .wpcf7 input[type="text"],
.page-id-221 .wpcf7 input[type="email"],
.page-id-221 .wpcf7 textarea {
  background: #f8fafc !important;
  border: 1px solid #d8e1ea !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  color: var(--astic-heading) !important;
  font-size: 16px !important;
  max-width: none !important;
  min-height: 48px;
  padding: 11px 13px !important;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  width: 100% !important;
}
.page-id-221 .wpcf7 textarea {
  min-height: 160px;
  resize: vertical;
}
.page-id-221 .wpcf7 input[type="text"]:focus,
.page-id-221 .wpcf7 input[type="email"]:focus,
.page-id-221 .wpcf7 textarea:focus {
  background: #ffffff !important;
  border-color: var(--astic-brand-dark) !important;
  box-shadow: 0 0 0 3px rgba(26,128,182,.14) !important;
  outline: none !important;
}
.page-id-221 .wpcf7-submit {
  background: linear-gradient(135deg, var(--astic-blue-btn), var(--astic-blue-btn-dark)) !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0,124,186,.22) !important;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 16px !important;
  font-weight: 900 !important;
  min-height: 46px;
  padding: 12px 24px !important;
}
.page-id-221 .wpcf7-submit:hover {
  background: linear-gradient(135deg, var(--astic-blue-btn-dark), #004066) !important;
}
.page-id-221 .wpcf7-spinner {
  margin-left: 12px;
}
.page-id-221 .wpcf7-not-valid-tip {
  color: #a33a3a;
  font-size: 13px;
  font-weight: 700;
  margin-top: 6px;
}
.page-id-221 .wpcf7-response-output {
  border-radius: 6px !important;
  margin: 22px 0 0 !important;
}

/* -----------------------------------------------------------
   28. Pagina UOTC
   ----------------------------------------------------------- */
.page-id-6294 #main,
.page-id-6294 #content,
.page-id-6294 .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-6294 #main > .fusion-row {
  max-width: none !important;
  width: 100% !important;
}
.page-id-6294 .post-content > .fusion-fullwidth {
  overflow: hidden;
}
.page-id-6294 .post-content > .fusion-fullwidth > .fusion-builder-row {
  box-sizing: border-box;
  max-width: 1120px !important;
}
.page-id-6294 .fusion-separator {
  display: none !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:first-child {
  background:
    linear-gradient(90deg, rgba(5,22,36,.88) 0%, rgba(7,28,44,.74) 46%, rgba(7,28,44,.34) 100%),
    url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") center center / cover no-repeat !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  min-height: 360px;
  padding: 88px 24px 78px !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:first-child .fusion-column-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 190px;
}
.page-id-6294 .post-content > .fusion-fullwidth:first-child .fusion-image-element {
  display: none !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:first-child .fusion-column-wrapper::before {
  color: #ffffff;
  content: "UOTC";
  display: block;
  font-size: clamp(42px, 5vw, 66px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.02;
  text-shadow: 0 2px 18px rgba(0,0,0,.22);
}
.page-id-6294 .post-content > .fusion-fullwidth:first-child .fusion-column-wrapper::after {
  color: rgba(255,255,255,.93);
  content: "Unión de Operadores de Transporte Comodal";
  display: block;
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 600;
  line-height: 1.5;
  margin-top: 18px;
  max-width: 760px;
  text-shadow: 0 2px 14px rgba(0,0,0,.22);
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(2),
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(4),
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(5) {
  background: #ffffff !important;
  padding: 54px 24px 60px !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(3) {
  background: #f3f7fa !important;
  border-bottom: 1px solid var(--astic-border);
  border-top: 1px solid var(--astic-border);
  padding: 54px 24px 60px !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(6) {
  background:
    linear-gradient(135deg, #071b2b 0%, #0b3a5c 58%, #165e8a 100%) !important;
  padding: 46px 24px 54px !important;
}
.page-id-6294 .fusion-title {
  margin: 0 0 18px !important;
}
.page-id-6294 .fusion-title h1,
.page-id-6294 .fusion-title h2,
.page-id-6294 .fusion-title span {
  color: var(--astic-heading) !important;
  font-size: clamp(30px, 3.2vw, 42px) !important;
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
}
.page-id-6294 .fusion-title h1::after,
.page-id-6294 .fusion-title h2::after {
  background: linear-gradient(90deg, var(--astic-brand-dark), var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin: 14px auto 0;
  width: 64px;
}
.page-id-6294 .fusion-text .subtitle,
.page-id-6294 .fusion-text-7 h3 {
  color: var(--astic-text-light) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.62 !important;
  margin: 0 auto 30px !important;
  max-width: 820px;
  text-align: center !important;
}
.page-id-6294 .fusion-text h2,
.page-id-6294 .fusion-text h3 {
  color: var(--astic-text) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  margin: 0 0 16px !important;
}
.page-id-6294 .fusion-builder-row-inner {
  align-items: center;
  display: flex !important;
  gap: 34px;
}
.page-id-6294 .fusion-builder-row-inner > .fusion-layout-column {
  float: none !important;
  margin: 0 !important;
}
.page-id-6294 .fusion-builder-row-inner .fusion-one-half {
  flex: 1 1 calc(50% - 17px);
  width: auto !important;
}
.page-id-6294 .fusion-builder-row-inner .fusion-one-third {
  flex: 0 0 260px;
  width: auto !important;
}
.page-id-6294 .fusion-builder-row-inner .fusion-two-third {
  flex: 1 1 0;
  width: auto !important;
}
.page-id-6294 .fusion-text-2 {
  background: #ffffff;
  border-left: 5px solid var(--astic-brand-dark);
  box-shadow: var(--astic-shadow-sm);
  padding: 24px 0 24px 26px;
}
.page-id-6294 .fusion-text-2 h3,
.page-id-6294 .fusion-text-2 h3 strong {
  text-align: left !important;
}
.page-id-6294 .fusion-builder-row-inner img {
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-sm);
  max-height: 260px;
  object-fit: contain;
}
.page-id-6294 .fusion-text ol {
  counter-reset: astic-uotc-list;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.page-id-6294 .fusion-text li {
  background: #ffffff;
  border: 1px solid #dfe8f1;
  border-radius: var(--astic-radius);
  counter-increment: astic-uotc-list;
  margin: 0 !important;
  min-height: 100%;
  padding: 18px 18px 18px 62px;
  position: relative;
}
.page-id-6294 .fusion-text li::before {
  align-items: center;
  background: #eef7fc;
  border: 1px solid rgba(107,173,222,.32);
  border-radius: 50%;
  color: var(--astic-brand-dark);
  content: counter(astic-uotc-list);
  display: flex;
  font-size: 14px;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  left: 18px;
  line-height: 1;
  position: absolute;
  top: 18px;
  width: 32px;
}
.page-id-6294 .fusion-text li h3 {
  color: var(--astic-text) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.58 !important;
  margin: 0 !important;
  text-align: left !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(5) .fusion-text {
  background: #f8fafc;
  border: 1px solid var(--astic-border);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-sm);
  margin: 0 auto !important;
  max-width: 820px;
  padding: 26px 28px;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(5) .fusion-text h3 {
  margin: 0 !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(6) .fusion-column-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(6) .fusion-aligncenter {
  margin: 0 !important;
}
.page-id-6294 .post-content > .fusion-fullwidth:nth-child(6) .fusion-button {
  border-radius: 6px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
  font-weight: 900 !important;
  min-width: 250px;
}

/* -----------------------------------------------------------
   29. Premios IRU
   ----------------------------------------------------------- */
.page-id-6322 #main,
.page-id-6324 #main,
.page-id-6322 #content,
.page-id-6324 #content,
.page-id-6322 .post-content,
.page-id-6324 .post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-6322 .post-content > .fusion-fullwidth,
.page-id-6324 .post-content > .fusion-fullwidth {
  background:
    linear-gradient(180deg, #ffffff 0%, #f3f7fa 100%) !important;
  overflow: hidden;
  padding: 0 24px 64px !important;
}
.page-id-6322 .post-content > .fusion-fullwidth > .fusion-builder-row,
.page-id-6324 .post-content > .fusion-fullwidth > .fusion-builder-row {
  box-sizing: border-box;
  max-width: 1040px !important;
}
.page-id-6322 .fusion-separator,
.page-id-6324 .fusion-separator,
.page-id-6322 .fusion-title-2,
.page-id-6324 .fusion-title-2 {
  display: none !important;
}
.page-id-6322 .fusion-title-1,
.page-id-6324 .fusion-title-1 {
  background:
    linear-gradient(90deg, rgba(5,22,36,.9) 0%, rgba(7,28,44,.74) 48%, rgba(7,28,44,.34) 100%),
    url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") center center / cover no-repeat !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-sizing: border-box;
  margin: 0 calc(50% - 50vw) 42px !important;
  min-height: 360px;
  padding: 92px max(24px, calc((100vw - 1040px) / 2)) 82px !important;
  text-align: left !important;
  width: 100vw;
}
.page-id-6322 .fusion-title-1 h1,
.page-id-6322 .fusion-title-1 h2,
.page-id-6324 .fusion-title-1 h1,
.page-id-6324 .fusion-title-1 h2 {
  color: #ffffff !important;
  font-size: clamp(40px, 4.8vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  max-width: 860px;
  text-align: left !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.32);
}
.page-id-6322 .fusion-title-1 h1::after,
.page-id-6322 .fusion-title-1 h2::after,
.page-id-6324 .fusion-title-1 h1::after,
.page-id-6324 .fusion-title-1 h2::after {
  background: linear-gradient(90deg, #ffffff, var(--astic-brand));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 18px;
  width: 72px;
}
.page-id-6322 .fusion-text-1,
.page-id-6322 .fusion-text-2,
.page-id-6324 .fusion-text-1 {
  background: #ffffff;
  border: 1px solid var(--astic-border);
  border-top: 4px solid var(--astic-brand-dark);
  border-radius: var(--astic-radius);
  box-shadow: var(--astic-shadow-md);
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 900px;
  padding: 30px 32px;
}
.page-id-6322 .fusion-text-1 {
  margin-bottom: 22px !important;
}
.page-id-6322 .fusion-text-1 h3 {
  color: var(--astic-heading) !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-align: left !important;
}
.page-id-6322 .fusion-text-2 p,
.page-id-6324 .fusion-text-1 p {
  color: var(--astic-text) !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin: 0 0 16px !important;
  text-align: left !important;
}
.page-id-6322 .fusion-text-2 p:last-child,
.page-id-6324 .fusion-text-1 p:last-child {
  margin-bottom: 0 !important;
}
.page-id-6322 .fusion-text-2 p[style*="center"] {
  color: var(--astic-brand-dark) !important;
  font-size: 18px !important;
  letter-spacing: .18em;
  margin: 18px 0 !important;
}
.page-id-6322 .fusion-text-2 a,
.page-id-6324 .fusion-text-1 a {
  color: var(--astic-brand-dark) !important;
  font-weight: 800;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.page-id-6322 .fusion-text-2 a:hover,
.page-id-6324 .fusion-text-1 a:hover {
  text-decoration: underline;
}
.page-id-6324 .fusion-button-wrapper {
  display: flex;
  justify-content: center;
  margin: 26px auto 0 !important;
  max-width: 900px;
}
.page-id-6324 .fusion-button {
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0,124,186,.22) !important;
  font-weight: 900 !important;
}

/* -----------------------------------------------------------
   30. Home: videos testimonios afiliados
   ----------------------------------------------------------- */
.home .astic-video-testimonials {
  background: #2b2e3c !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-top: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  padding: 48px 24px 64px !important;
}
.home .astic-video-testimonials > .fusion-builder-row {
  box-sizing: border-box;
  display: grid !important;
  gap: 30px 28px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-width: 1120px !important;
}
.home .astic-video-testimonials > .fusion-builder-row > .fusion-layout-column {
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}
.home .astic-video-testimonials > .fusion-builder-row > .fusion-one-full:first-child {
  grid-column: 1 / -1;
}
.home .astic-video-testimonials > .fusion-builder-row > .fusion-one-sixth:has(.fusion-video) {
  grid-column: span 2;
}
.home .astic-video-testimonials > .fusion-builder-row > .fusion-one-sixth:not(:has(.fusion-video)),
.home .astic-video-testimonials > .fusion-builder-row > .fusion-one-full:last-child {
  display: none !important;
}
.home .astic-video-testimonials > .fusion-builder-row > .fusion-layout-column:nth-child(6):has(.fusion-video) {
  grid-column: 2 / span 2;
}
.home .astic-video-testimonials > .fusion-builder-row > .fusion-layout-column:nth-child(7):has(.fusion-video) {
  grid-column: 4 / span 2;
}
.home .astic-video-testimonials .fusion-title {
  margin: 0 0 4px !important;
}
.home .astic-video-testimonials .fusion-title h1,
.home .astic-video-testimonials .fusion-title h2,
.home .astic-video-testimonials .fusion-title h3,
.home .astic-video-testimonials .fusion-title span {
  color: #ffffff !important;
  font-size: clamp(26px, 2.6vw, 36px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}
.home .astic-video-testimonials .fusion-separator {
  margin-bottom: 6px !important;
}
.home .astic-video-testimonials .fusion-separator-border {
  border-color: rgba(255,255,255,.28) !important;
}
.home .astic-video-testimonials .fusion-column-wrapper {
  height: 100%;
}
.home .astic-video-testimonials .fusion-one-sixth:has(.fusion-video) > .fusion-column-wrapper {
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(5,10,18,.18);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.home .astic-video-testimonials .fusion-one-sixth:has(.fusion-video) > .fusion-column-wrapper:hover {
  border-color: rgba(107,173,222,.42);
  box-shadow: 0 20px 42px rgba(5,10,18,.24);
  transform: translateY(-2px);
}
.home .astic-video-testimonials .fusion-video {
  border-bottom: 1px solid rgba(255,255,255,.1);
  max-height: none !important;
  max-width: none !important;
  width: 100% !important;
}
.home .astic-video-testimonials .fluid-width-video-wrapper {
  padding-top: 56.25% !important;
}
.home .astic-video-testimonials .fusion-text {
  padding: 18px 18px 20px;
}
.home .astic-video-testimonials .fusion-text p {
  color: rgba(255,255,255,.9) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.home .astic-video-testimonials .fusion-text span {
  color: inherit !important;
}
.home .astic-video-testimonials .fusion-text strong {
  color: #ffffff !important;
  display: block;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 3px;
}
.home .astic-video-testimonials .fusion-text em {
  color: rgba(255,255,255,.72) !important;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 11px;
}
.home .astic-video-testimonials iframe {
  display: block;
}

/* iOS auto-detects phone numbers and can repaint them as dark links. */
.home .fusion-builder-row-1 .fusion-title-heading a[href^="tel"],
.home .fusion-builder-row-1 .fusion-title-heading a[x-apple-data-detectors],
.home .fusion-builder-row-2 .fusion-title-heading a[href^="tel"],
.home .fusion-builder-row-2 .fusion-title-heading a[x-apple-data-detectors] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}
.home .fusion-builder-row-2 > .fusion-builder-row > .fusion-layout-column {
  --awb-padding-top: 22px !important;
  --awb-padding-bottom: 22px !important;
  --awb-margin-top: 0px !important;
}
.home .fusion-builder-row-2 > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper {
  padding-bottom: 22px !important;
  padding-top: 22px !important;
}
.home .fusion-builder-row-2 .fusion-title {
  margin-bottom: 2px !important;
  margin-top: 3px !important;
}

/* -----------------------------------------------------------
   31. Portal afiliados
   ----------------------------------------------------------- */
.page-id-22197 #main,
.page-id-22197 .post-content {
  background: #f5f8fb;
}
.page-id-22197 #main {
  padding-top: 0 !important;
}
.page-id-22197 .post-content {
  padding-bottom: 56px !important;
}
.astic-portal-grid {
  color: #1d2a3a;
  margin: 0;
}
.astic-portal-grid .portal-hero {
  background-image:
    linear-gradient(90deg, rgba(5,22,36,.9) 0%, rgba(7,28,44,.78) 54%, rgba(7,28,44,.56) 100%),
    url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg");
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
  margin-left: calc(50% - 50vw);
  min-height: 245px;
  padding: 44px 24px;
  width: 100vw;
}
.astic-portal-grid .portal-hero-inner {
  margin: 0 auto;
  max-width: 1120px;
}
.astic-portal-grid .portal-eyebrow,
.astic-portal-grid .portal-heading p {
  color: #007cba;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.3;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.astic-portal-grid .portal-eyebrow {
  color: #75c6f4;
}
.astic-portal-grid .portal-hero h1 {
  color: #ffffff;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.06;
  margin: 0;
  max-width: 700px;
}
.astic-portal-grid .portal-hero-copy {
  color: rgba(255,255,255,.88);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.55;
  margin: 16px 0 0;
  max-width: 660px;
}
.astic-portal-grid .portal-shell {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1120px;
  padding: 42px 24px 0;
}
.astic-portal-grid .portal-heading {
  margin: 0 0 20px;
}
.astic-portal-grid .portal-heading h2 {
  color: #1d2a3a;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
}
.astic-portal-grid .portal-cards {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.astic-portal-grid .portal-card {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e1e8ef;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(18,35,52,.08);
  box-sizing: border-box;
  color: #263444;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr;
  min-height: 118px;
  padding: 24px;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.astic-portal-grid .portal-card:hover {
  border-color: rgba(0,124,186,.38);
  box-shadow: 0 18px 36px rgba(18,35,52,.13);
  transform: translateY(-2px);
}
.astic-portal-grid .portal-card:focus-visible {
  outline: 3px solid rgba(0,124,186,.35);
  outline-offset: 3px;
}
.astic-portal-grid .portal-icon-wrap {
  align-items: center;
  background: #eaf6fc;
  border-radius: 8px;
  color: #007cba;
  display: flex;
  height: 58px;
  justify-content: center;
  width: 58px;
}
.astic-portal-grid .portal-icon {
  color: inherit;
  display: block;
  font-size: 29px;
  line-height: 1;
  margin: 0;
}
.astic-portal-grid .portal-title {
  color: #263444;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
  margin: 0;
  text-align: left;
}

@media (max-width: 1024px) {
  .astic-portal-grid .portal-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .page-id-22197 .post-content {
    padding-bottom: 42px !important;
  }
  .astic-portal-grid .portal-hero {
    min-height: 210px;
    padding: 36px 18px;
  }
  .astic-portal-grid .portal-hero h1 {
    font-size: 34px;
  }
  .astic-portal-grid .portal-hero-copy {
    font-size: 16px;
  }
  .astic-portal-grid .portal-shell {
    padding: 30px 18px 0;
  }
  .astic-portal-grid .portal-heading h2 {
    font-size: 25px;
  }
  .astic-portal-grid .portal-cards {
    grid-template-columns: 1fr;
  }
  .astic-portal-grid .portal-card {
    min-height: 96px;
    padding: 18px;
  }
  .astic-portal-grid .portal-title {
    font-size: 18px;
  }
}

@keyframes asticFadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .astic-page-hero .fusion-title,
  .astic-qh-hero .fusion-title,
  .astic-goals-section .fusion-text,
  .astic-qh-objectives .fusion-text,
  .astic-feature-card > .fusion-column-wrapper,
  .astic-qh-card > .fusion-column-wrapper,
  .astic-transparency-hero .fusion-button,
  .astic-portal-grid .portal-card {
    animation: none !important;
  }
  .astic-feature-card:hover > .fusion-column-wrapper,
  .astic-qh-card:hover > .fusion-column-wrapper,
  .astic-transparency-hero .fusion-button:hover,
  .astic-portal-grid .portal-card:hover {
    transform: none !important;
  }
}

@media (max-width: 1024px) {
  .astic-image-hero,
  .astic-image-hero.astic-qh-hero {
    min-height: 420px;
    padding-top: 74px !important;
    padding-bottom: 70px !important;
    background-image:
      linear-gradient(90deg, rgba(5,22,36,.88) 0%, rgba(7,28,44,.74) 54%, rgba(7,28,44,.46) 100%),
      var(--astic-hero-image) !important;
    background-position: 58% center !important;
  }
  .astic-feature-section,
  .astic-qh-areas {
    padding-top: 38px !important;
    padding-bottom: 46px !important;
  }
  .astic-feature-card > .fusion-column-wrapper,
  .astic-qh-card > .fusion-column-wrapper {
    padding: 28px 24px !important;
  }
  .astic-feature-card .imageframe-align-center,
  .astic-qh-card .imageframe-align-center {
    width: 76px;
    height: 76px;
  }
  .astic-feature-card img,
  .astic-qh-card img {
    height: 48px !important;
    max-width: 56px !important;
  }
  .astic-team-tabs .fusion-builder-row-inner {
    gap: 22px;
  }
  .astic-team-tabs .fusion-layout-column {
    flex-basis: calc((100% - 22px) / 2);
    max-width: calc((100% - 22px) / 2);
    width: calc((100% - 22px) / 2) !important;
  }
}

@media (max-width: 800px) {
  .fusion-header {
    transform: none !important;
  }
  .fusion-mobile-menu-icons .awb-icon-bars {
    align-items: center;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(26,128,182,.22);
    border-radius: 6px;
    box-shadow: 0 8px 22px rgba(15,45,70,.16);
    box-sizing: border-box;
    color: var(--astic-brand-dark) !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center;
    padding: 0 !important;
    position: fixed !important;
    right: 14px;
    top: 12px;
    width: 40px !important;
    z-index: 100020;
  }
  .fusion-mobile-nav-holder {
    background: #ffffff !important;
    border: 1px solid var(--astic-border);
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(15,45,70,.18);
    left: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    position: fixed !important;
    right: 12px !important;
    top: 58px !important;
    width: auto !important;
    z-index: 100010;
  }
  .page-id-6209 .fusion-mobile-menu-icons .awb-icon-bars {
    color: var(--astic-brand-dark) !important;
    display: block !important;
    font-size: 0 !important;
    height: 22px;
    width: 24px;
  }
  .page-id-6209 .fusion-mobile-menu-icons .awb-icon-bars::before {
    background: currentColor;
    border-radius: 999px;
    box-shadow: 0 7px 0 currentColor, 0 14px 0 currentColor;
    content: "" !important;
    display: block;
    font-family: inherit !important;
    height: 3px;
    margin-top: 3px;
    width: 22px;
  }
  .astic-image-hero,
  .astic-content-section,
  .astic-team-section,
  .astic-objectives-section,
  .astic-network-section,
  .astic-transparency-section,
  .astic-goals-section,
  .astic-feature-section,
  .astic-qh-objectives,
  .astic-qh-areas {
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: auto !important;
    width: 100% !important;
  }
  .astic-image-hero > .fusion-builder-row,
  .astic-content-section > .fusion-builder-row,
  .astic-team-section > .fusion-builder-row,
  .astic-objectives-section > .fusion-builder-row,
  .astic-network-section > .fusion-builder-row,
  .astic-transparency-section > .fusion-builder-row,
  .astic-goals-section > .fusion-builder-row,
  .astic-feature-section > .fusion-builder-row,
  .astic-qh-objectives > .fusion-builder-row,
  .astic-qh-areas > .fusion-builder-row {
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 36px) !important;
    width: 100% !important;
  }
  .astic-image-hero .fusion-layout-column,
  .astic-content-section .fusion-layout-column,
  .astic-team-section .fusion-layout-column,
  .astic-objectives-section .fusion-layout-column,
  .astic-network-section .fusion-layout-column,
  .astic-transparency-section .fusion-layout-column,
  .astic-goals-section .fusion-layout-column,
  .astic-feature-section .fusion-layout-column,
  .astic-qh-objectives .fusion-layout-column,
  .astic-qh-areas .fusion-layout-column {
    box-sizing: border-box;
    max-width: 100% !important;
  }
  .astic-page-hero,
  .astic-brand-section,
  .astic-goals-section,
  .astic-transparency-section,
  .astic-feature-section,
  .astic-qh-hero,
  .astic-qh-objectives,
  .astic-qh-areas {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .astic-page-hero,
  .astic-qh-hero {
    padding-top: 38px !important;
    padding-bottom: 34px !important;
  }
  .astic-image-hero,
  .astic-image-hero.astic-qh-hero {
    min-height: 380px;
    padding-top: 54px !important;
    padding-bottom: 52px !important;
    background-image:
      linear-gradient(180deg, rgba(5,22,36,.82) 0%, rgba(7,28,44,.76) 54%, rgba(7,28,44,.68) 100%),
      var(--astic-hero-image) !important;
    background-position: 62% center !important;
  }
  .astic-page-hero .fusion-layout-column,
  .astic-qh-hero .fusion-layout-column {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .astic-page-hero .fusion-layout-column:first-child,
  .astic-page-hero .fusion-layout-column:last-child,
  .astic-qh-hero .fusion-layout-column:first-child,
  .astic-qh-hero .fusion-layout-column:last-child {
    display: none !important;
  }
  .astic-page-hero h1,
  .astic-qh-hero h1 {
    font-size: 36px !important;
  }
  .astic-image-hero .fusion-title,
  .astic-image-hero.astic-qh-hero .fusion-title {
    max-width: 100%;
  }
  .astic-image-hero h1,
  .astic-image-hero.astic-qh-hero h1,
  .astic-image-hero h3,
  .astic-image-hero p,
  .astic-image-hero.astic-qh-hero h3,
  .astic-image-hero.astic-qh-hero p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .astic-image-hero h1::after,
  .astic-image-hero.astic-qh-hero h1::after {
    margin-left: auto;
    margin-right: auto;
  }
  .astic-page-hero h3,
  .astic-page-hero p,
  .astic-qh-hero h3,
  .astic-qh-hero p {
    font-size: 18px !important;
    line-height: 1.48 !important;
    font-weight: 500 !important;
  }
  .astic-goals-section .fusion-one-half,
  .astic-qh-objectives .fusion-one-half,
  .astic-feature-card,
  .astic-qh-card {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .astic-goals-section .fusion-one-half,
  .astic-qh-objectives .fusion-one-half {
    margin-bottom: 16px !important;
  }
  .astic-feature-card > .fusion-column-wrapper,
  .astic-qh-card > .fusion-column-wrapper {
    padding: 26px 22px !important;
  }
  .astic-feature-card,
  .astic-qh-card {
    margin-bottom: 18px !important;
  }
  .astic-feature-card .fusion-text p,
  .astic-feature-card p,
  .astic-qh-card .fusion-text p,
  .astic-qh-card p {
    text-align: center !important;
  }
  .astic-content-section,
  .astic-team-section,
  .astic-objectives-section,
  .astic-network-section {
    padding: 34px 18px !important;
  }
  .astic-team-tabs .nav-tabs {
    flex-direction: column;
    gap: 8px;
  }
  .astic-team-tabs > .nav {
    display: block !important;
  }
  .fusion-tabs.astic-team-tabs.mobile-mode-accordion > .nav {
    display: block !important;
  }
  body.page-id-5379 .post-content .fusion-tabs.fusion-tabs-1.clean.nav-is-justified.astic-team-tabs.horizontal-tabs.mobile-mode-accordion > .nav {
    display: block !important;
  }
  .astic-team-tabs .tab-content > .fusion-mobile-tab-nav {
    display: none !important;
  }
  .fusion-tabs.astic-team-tabs.mobile-mode-accordion .tab-content > .fusion-mobile-tab-nav {
    display: none !important;
  }
  body.page-id-5379 .post-content .fusion-tabs.fusion-tabs-1.clean.nav-is-justified.astic-team-tabs.horizontal-tabs.mobile-mode-accordion .tab-content > .fusion-mobile-tab-nav {
    display: none !important;
  }
  .astic-team-tabs .tab-content {
    padding: 20px 18px 24px !important;
  }
  .astic-team-tabs .fusion-builder-row-inner {
    gap: 18px;
  }
  .astic-team-tabs .fusion-layout-column {
    flex-basis: 100%;
    max-width: 100%;
    width: 100% !important;
  }
  .astic-team-tabs h4 {
    min-height: 0;
  }
  .astic-transparency-hero .fusion-aligncenter {
    display: flex;
    justify-content: center;
    margin: 10px 0 0;
  }
  .astic-transparency-hero .fusion-button {
    width: min(100%, 280px);
  }
  .astic-transparency-section {
    padding: 38px 18px !important;
  }
  .astic-transparency-law .fusion-text,
  .astic-transparency-grants .fusion-text {
    padding: 24px 22px;
  }
  .astic-transparency-grants .fusion-text strong {
    display: block;
    min-width: 0;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child {
    min-height: 330px;
    overflow: hidden;
    padding: 54px 18px 52px !important;
    background-image:
      linear-gradient(180deg, rgba(5,22,36,.84) 0%, rgba(7,28,44,.76) 62%, rgba(7,28,44,.68) 100%),
      url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") !important;
    background-position: 62% center !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child h1,
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text p,
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text span {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth > .fusion-builder-row,
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-two-third {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 36px) !important;
    width: calc(100vw - 36px) !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text p {
    width: calc(100vw - 36px) !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child h1::after {
    margin-left: auto;
    margin-right: auto;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) {
    padding: 36px 18px 44px !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) > .fusion-builder-row {
    gap: 22px;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-one-third {
    flex-basis: 100%;
    max-width: 100%;
    width: 100% !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-one-third > .fusion-column-wrapper {
    padding: 28px 24px 30px !important;
  }
  .page-id-6209 button.wpforms-submit {
    width: 100%;
  }
  .home .fusion-builder-row-6 {
    padding: 34px 18px 42px !important;
  }
  .home .fusion-builder-row-6 .fusion-builder-column-13 {
    margin-top: 34px !important;
    max-width: calc(100vw - 36px);
  }
  .home .fusion-builder-row-6 .fusion-builder-column-13 > .fusion-column-wrapper {
    padding: 0 !important;
  }
  .home .fusion-text-10 > h2 {
    font-size: 24px !important;
  }
  .home .fusion-text-10 ul {
    grid-template-columns: 1fr;
  }
  .home .fusion-text-10 li {
    padding: 18px 18px 18px 58px;
  }
  .home .fusion-text-10 li::before {
    left: 16px;
    top: 18px;
  }
  .home .astic-video-testimonials {
    padding: 40px 18px 48px !important;
  }
  .home .astic-video-testimonials > .fusion-builder-row {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: calc(100vw - 36px) !important;
  }
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-one-full:first-child,
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-one-sixth:has(.fusion-video),
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-layout-column:nth-child(6):has(.fusion-video),
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-layout-column:nth-child(7):has(.fusion-video) {
    grid-column: auto;
  }
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-one-full:first-child {
    grid-column: 1 / -1;
  }
  .home .astic-video-testimonials .fusion-text {
    padding: 16px 16px 18px;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child {
    min-height: 340px;
    padding: 58px 18px 54px !important;
    background-image:
      linear-gradient(180deg, rgba(5,22,36,.84) 0%, rgba(7,28,44,.76) 62%, rgba(7,28,44,.68) 100%),
      url("https://astic.net/wp-content/uploads/2019/04/camion-astic-1806x1236-oscuro.jpg") !important;
    background-position: 62% center !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth > .fusion-builder-row {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 36px) !important;
    width: calc(100vw - 36px) !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child .fusion-title,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child .fusion-text,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child .subtitle-banner {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child h1,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child h2,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child span {
    text-align: center !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child h1::after,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child h2::after {
    margin-left: auto;
    margin-right: auto;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(2),
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(4) {
    padding: 38px 18px 44px !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) {
    padding: 38px 18px 44px !important;
  }
  .page-id-6311 .fusion-text ul {
    grid-template-columns: 1fr;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-builder-row-inner {
    flex-direction: column;
    gap: 22px;
    padding: 26px 22px;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-two-third,
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) .fusion-one-third {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100% !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:nth-child(3) img {
    max-height: 220px;
  }
  .page-id-5181 .post-content {
    min-height: auto;
    padding: 42px 18px 52px !important;
  }
  .page-id-5181 .acceso-afiliados-form {
    padding: 28px 24px 26px !important;
  }
  .page-id-5181 .acceso-meta-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .page-id-221 .post-content {
    min-height: auto;
    padding: 42px 18px 52px !important;
  }
  .page-id-221 .wpcf7 {
    padding: 28px 24px 26px;
  }
  .page-id-221 .wpcf7::after {
    left: 24px;
    top: 76px;
  }
  .page-id-221 .wpcf7-submit {
    width: 100%;
  }
  .page-id-6294 .post-content > .fusion-fullwidth:first-child {
    padding: 54px 18px 50px !important;
  }
  .page-id-6294 .post-content > .fusion-fullwidth:first-child .fusion-imageframe {
    padding: 18px 22px;
  }
  .page-id-6294 .post-content > .fusion-fullwidth > .fusion-builder-row {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 36px) !important;
    width: calc(100vw - 36px) !important;
  }
  .page-id-6294 .post-content > .fusion-fullwidth:nth-child(2),
  .page-id-6294 .post-content > .fusion-fullwidth:nth-child(3),
  .page-id-6294 .post-content > .fusion-fullwidth:nth-child(4),
  .page-id-6294 .post-content > .fusion-fullwidth:nth-child(5) {
    padding: 38px 18px 44px !important;
  }
  .page-id-6294 .post-content > .fusion-fullwidth:nth-child(6) {
    padding: 34px 18px 42px !important;
  }
  .page-id-6294 .fusion-builder-row-inner {
    flex-direction: column;
    gap: 24px;
  }
  .page-id-6294 .fusion-builder-row-inner .fusion-one-half,
  .page-id-6294 .fusion-builder-row-inner .fusion-one-third,
  .page-id-6294 .fusion-builder-row-inner .fusion-two-third {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100% !important;
  }
  .page-id-6294 .fusion-text ol {
    grid-template-columns: 1fr;
  }
  .page-id-6294 .fusion-text-2 {
    padding: 22px 22px 22px 24px;
  }
  .page-id-6294 .post-content > .fusion-fullwidth:nth-child(6) .fusion-button {
    min-width: 0;
    width: min(100%, 330px);
  }
  .page-id-6322 .post-content > .fusion-fullwidth,
  .page-id-6324 .post-content > .fusion-fullwidth {
    padding: 0 18px 46px !important;
  }
  .page-id-6322 .post-content > .fusion-fullwidth > .fusion-builder-row,
  .page-id-6324 .post-content > .fusion-fullwidth > .fusion-builder-row {
    max-width: calc(100vw - 36px) !important;
  }
  .page-id-6322 .fusion-title-1,
  .page-id-6324 .fusion-title-1 {
    margin-bottom: 32px !important;
    min-height: 330px;
    padding: 58px 18px 54px !important;
  }
  .page-id-6322 .fusion-title-1 h1,
  .page-id-6322 .fusion-title-1 h2,
  .page-id-6324 .fusion-title-1 h1,
  .page-id-6324 .fusion-title-1 h2 {
    text-align: center !important;
  }
  .page-id-6322 .fusion-title-1 h1::after,
  .page-id-6322 .fusion-title-1 h2::after,
  .page-id-6324 .fusion-title-1 h1::after,
  .page-id-6324 .fusion-title-1 h2::after {
    margin-left: auto;
    margin-right: auto;
  }
  .page-id-6322 .fusion-text-1,
  .page-id-6322 .fusion-text-2,
  .page-id-6324 .fusion-text-1 {
    padding: 26px 22px;
  }
  .page-id-6324 .fusion-button {
    width: min(100%, 360px);
  }
}

@media (max-width: 480px) {
  .astic-page-hero,
  .astic-qh-hero {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .astic-image-hero,
  .astic-image-hero.astic-qh-hero {
    min-height: 340px;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .astic-page-hero h1,
  .astic-qh-hero h1 {
    font-size: 31px !important;
  }
  .astic-page-hero h1::after,
  .astic-qh-hero h1::after {
    width: 56px;
    height: 3px;
    margin-top: 14px;
  }
  .astic-brand-section,
  .astic-goals-section,
  .astic-feature-section,
  .astic-qh-objectives,
  .astic-qh-areas {
    padding-top: 30px !important;
    padding-bottom: 34px !important;
  }
  .astic-goals-section .fusion-text,
  .astic-qh-objectives .fusion-text {
    padding: 18px 18px;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child {
    min-height: 300px;
    padding: 44px 16px 42px !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child h1 {
    font-size: 34px !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text p,
  .page-id-6209 .post-content > .fusion-fullwidth:first-child .fusion-text span {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
  .page-id-6209 .post-content > .fusion-fullwidth:nth-child(2) .fusion-one-third > .fusion-column-wrapper {
    padding: 24px 18px 26px !important;
  }
  .page-id-6209 .astic-contact-card {
    padding: 20px 18px 14px !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child {
    min-height: 310px;
    padding: 46px 16px 44px !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child h1,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child h2,
  .page-id-6311 .post-content > .fusion-fullwidth:first-child span {
    font-size: 34px !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:first-child .subtitle-banner,
  .page-id-6311 .fusion-text .subtitle {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two h1,
  .page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two h2,
  .page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-two span {
    font-size: 28px !important;
  }
  .page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three h2,
  .page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three h3,
  .page-id-6311 .post-content > .fusion-fullwidth:not(:first-child) .fusion-title-size-three span {
    font-size: 23px !important;
  }
  .page-id-6311 .fusion-text li {
    padding: 17px 16px 17px 44px;
  }
  .page-id-6311 .fusion-text li::before {
    left: 19px;
    top: 25px;
  }
  .page-id-5181 .post-content {
    padding: 34px 16px 44px !important;
  }
  .page-id-5181 .acceso-afiliados-form {
    padding: 24px 18px 24px !important;
  }
  .page-id-5181 .acceso-afiliados-form > h3 {
    font-size: 25px !important;
  }
  .page-id-221 .post-content {
    padding: 34px 16px 44px !important;
  }
  .page-id-221 .wpcf7 {
    padding: 24px 18px 24px;
  }
  .page-id-221 .wpcf7::before {
    font-size: 25px;
  }
  .page-id-221 .wpcf7::after {
    left: 18px;
    top: 67px;
  }
  .page-id-6294 .post-content > .fusion-fullwidth:first-child img {
    max-height: 110px;
  }
  .page-id-6294 .fusion-title h1,
  .page-id-6294 .fusion-title h2,
  .page-id-6294 .fusion-title span {
    font-size: 28px !important;
  }
  .page-id-6294 .fusion-text .subtitle,
  .page-id-6294 .fusion-text-7 h3 {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .page-id-6294 .fusion-text li {
    padding: 17px 16px 17px 56px;
  }
  .page-id-6294 .fusion-text li::before {
    left: 16px;
    top: 17px;
  }
  .page-id-6322 .fusion-title-1,
  .page-id-6324 .fusion-title-1 {
    min-height: 300px;
    padding: 46px 16px 44px !important;
  }
  .page-id-6322 .fusion-title-1 h1,
  .page-id-6322 .fusion-title-1 h2,
  .page-id-6324 .fusion-title-1 h1,
  .page-id-6324 .fusion-title-1 h2 {
    font-size: 32px !important;
  }
  .page-id-6322 .fusion-text-1,
  .page-id-6322 .fusion-text-2,
  .page-id-6324 .fusion-text-1 {
    padding: 22px 18px;
  }
  .page-id-6322 .fusion-text-1 h3 {
    font-size: 21px !important;
  }
  .page-id-6322 .fusion-text-2 p,
  .page-id-6324 .fusion-text-1 p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
  .home .astic-video-testimonials {
    padding: 34px 16px 42px !important;
  }
  .home .astic-video-testimonials > .fusion-builder-row {
    grid-template-columns: 1fr;
    max-width: calc(100vw - 32px) !important;
  }
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-one-full:first-child,
  .home .astic-video-testimonials > .fusion-builder-row > .fusion-one-sixth:has(.fusion-video) {
    grid-column: 1 / -1;
  }
  .home .astic-video-testimonials .fusion-title h1,
  .home .astic-video-testimonials .fusion-title h2,
  .home .astic-video-testimonials .fusion-title h3,
  .home .astic-video-testimonials .fusion-title span {
    font-size: 24px !important;
  }
  .astic-feature-section .fusion-title h2,
  .astic-feature-section .fusion-title h3,
  .astic-qh-areas .fusion-title h2,
  .astic-qh-areas .fusion-title h3 {
    font-size: 24px !important;
  }
}