#hub #header-nav {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1300px;
margin: 0 auto;
}
#hub .cmp-navigation__item--active a {
color: #f0ab02;
}
#hub #header-nav .cmp-navigation__item.cmp-navigation__item--active:last-child a {
color: inherit;
}
#hub p {
font-size: 18px;
line-height: normal;
}
#hub #az-video {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
#hub p {
font-size:16px;
}
}
#hub .sub-titles {
line-height: normal;
}
#hub #header-logo {
width: 200px;
margin: 30px 40px;
}
#hub #header-btn-nav {
margin: 30px 40px;
font-family: 'Inter';
color: black;
}
#hub .cmp-navigation__item-link {
text-decoration: none;
color: black;
font-weight: 700;
}
#hub .cmp-navigation__item-link>span {
font-weight: 700;
}
#hub .cmp-navigation__item-link>.cmp-navigation__item--active:active {
background-color: #c9d53b;
color: #000;
font-weight: bold;
border: none;
border-radius: 50px;
padding: 10px 25px;
cursor: pointer;
font-size: 16px;
}
#hub #footer-container {
max-width: 1300px;
margin: 0 auto;
}
@media (max-width: 1300px) {
#hub #footer-container {
width: 60%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
#hub #footer-container {
width: 85%;
margin: 0 auto;
}
}
#hub #footer-logo-img {
width: 160px;
}
#hub #footer-links {
display: flex;
justify-content: space-between;
align-items: center;
}
#hub #footer-social-icons {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
#hub #footer-social-icons .cmp-image > img {
width: 40px;
height: auto;
display: block;
}
#footer-social-icons .image {
width: 32px;
}
#hub #hub-legal-text p {
font-size: 13px;
line-height: 100%;
letter-spacing: 0;
opacity: 0.45;
}
#hub #hub-legal-text a {
text-decoration: underline;
color: black;
}
#hub #footer-left-nav {
display: flex;
align-items: center;
margin-bottom: 25px;
}
#hub #footer-left-nav .image {
margin-right: 40px;
}
#hub #footer-links-nav {
display: flex;
gap: 30px;
}
@media (max-width: 600px) {
#hub #footer-links-nav {
display: flex;
}
#hub #footer-links-nav p {
font-size: 12px;
line-height: 10px;
}
}
#hub #footer-links-nav p {
font-size: 15px;
}
#hub #footer-links-nav a {
color: black;
}
#hub #community-banner {
max-width: 1000px;
margin: 70px auto;
}
#hub #community-banner .cmp-container__backgroundImage--enabled {
border-radius: 20px;
}
#hub #community-banner-cards {
max-width: 1300px;
}
#hub #community-banner .image {
position: relative;
}
#hub #community-banner-cards .text {
position: absolute;
top: 0;
right: 0;
margin: 60px;
max-width: 300px;
text-align: right;
color: white;
}
#hub #community-banner-cards .button-white-hub {
background-color: white;
color: black !important;
text-align: center;
margin: 20px 0;
position: absolute;
right: 0;
border-radius: 30px;
text-decoration: none;
}
#hub #community-banner .button-white-hub a {
color: black !important;
text-decoration: none;
}
#hub #banner-text-hub {
max-width: 990px;
margin: 0 auto;
padding: 40px 70px;
}
#hub #banner-text-hub .azcl-column-par2 {
display: flex;
align-items: center;
}
#hub #banner-text-hub .azcl-column-par1 .banner-text {
font-size: 13px!important;
}
#hub #banner-cta-hub {
text-align: end;
}
#banner-cta-hub a {
color: inherit;
}
#banner-cta-hub p:last-child {
margin-top: 16px;
}
#hub #banner-cta-hub .cta-suscribe {
padding: 30px!important;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 42px;
height: 50px;
min-width: 287px;
border-radius: 999px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
color: #111;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 700;
line-height: 1;
text-decoration: none;
letter-spacing: -0.25px;
transition: all 0.25s ease;
cursor: pointer;
}
.cta-suscribe:hover {
transform: scale(1.04);
box-shadow: 0 12px 32px rgba(0,0,0,0.18);
}
.cta-suscribe:active {
transform: scale(0.98);
box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}
.cta-suscribe:focus-visible {
outline: 3px solid #0078ff;
outline-offset: 2px;
}
@media (max-width: 600px) {
.cta-suscribe {
width: 100%;
height: 64px;
font-size: 18px;
}
}
#container-blocks-hubs {
max-width: 1300px;
margin: 70px auto;
}
#container-blocks-hubs .az-hero__grid {
padding: 40px;
border-radius: 24px;
max-width:1225px;
margin:0 auto;
}
#retos-accion #container-blocks-hubs .az-hero__grid {
    max-width:100%;
}
#hub #high-text-card {
display: flex;
justify-content: flex-end;
text-align: end;
color: white;
}
#hub #high-text-card {
position: absolute;
text-align: end;
right: 0;
margin: 0 30px;
width: 230px;
color: white;
}
#hub #partners-container {
max-width: 1300px;
margin: 0 auto;
}
#hub #hub-wrapper-xl {
max-width: 1300px;
margin: 0 auto;
}
#carousel-partners-block .image {
width: 300px;
margin: 0 auto;
}
#hub #wrapper-hub-container {
max-width: 1000px;
margin: 0 auto;
padding: 16px;
}
#hub #wrapper-hub-container-xl {
max-width: 1300px;
margin: 0 auto;
padding: 16px;
}
@media (max-width: 769px) {
#hub #community-banner-cards .text {
position: unset;
margin: 60px;
max-width: 100%;
text-align: center;
color: white;
}
#hub #high-text-card {
position: absolute;
right: 0;
width: 100%;
color: #fff!important;
padding: 0 40px;
text-align: center;
margin: 0 auto;
}
#hub #community-banner-cards .button-white-hub {
right: 160px;
}
}
#hub #hub-text {
font-family: 'Inter'!important;
}
#hub h1, #hub h2, #hub h3, #hub h4, #hub h5, #hub h6 {
font-family: "Inter", sans-serif!important;
}
#hub .container.responsivegrid {
margin-top: 0 !important;
}
#hub .carousel .cmp-carousel__content .cmp-carousel__indicators {
bottom: 4% !important;
justify-content: center;
left: 0;
gap: 8px;
}
root {
--radius-xl: 28px;
--radius-xxl: 36px;
--shadow-lg: 0 18px 40px rgba(0,0,0,.22);
--shadow-sm: 0 8px 24px rgba(0,0,0,.16);
}
.az-hero {
position: relative;
max-width: 1200px;
margin: 32px auto;
padding: 28px;
border-radius: var(--radius-xxl);
overflow: hidden;
box-shadow: var(--shadow-sm);
background: #8e0f5a;
color: #fff;
}
.az-hero::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(1200px 480px at 20% 10%, rgba(255,255,255,.12), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.08));
z-index: 1;
}
.az-hero__grid {position: relative;z-index: 2;display: grid;grid-template-columns: 1fr 1fr;gap: 16px;align-items: center;background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/banner-background.jpg');background-size: cover;}
@media (max-width: 980px) {
.az-hero__grid {
grid-template-columns:1fr;
gap: 24px
}
}
.tiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
}
@media (max-width: 520px) {
.tiles {
grid-template-columns:1fr 1fr;
}
}
.tile {
position: relative;
border-radius: 24px;
overflow: hidden;
aspect-ratio: 1/1;
display: grid;
place-items: center;
text-align: center;
box-shadow: var(--shadow-sm);
padding: 16px;
max-width: 200px;
}
.tile__grad {
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(180deg,#ff6a6a, #ff9f2b);
}
.tile:nth-child(2) .tile__grad {
background: linear-gradient(180deg,#0ac4c2,#78d65c,#ffd84f)
}
.tile:nth-child(3) .tile__grad {
background: linear-gradient(180deg,#b6f065,#6cd1ff)
}
.tile:nth-child(4) .tile__grad {
background: linear-gradient(180deg,#986ae6,#67d1e3)
}
.tile__inner {
position: relative;
z-index: 1;
color: #fff
}
.tile__icon {
width: 84px;
height: 84px;
object-fit: contain;
display: block;
margin: 0 auto 14px;
filter: brightness(100%);
}
.tile__title {
margin: 0;
font-weight: 800;
line-height: 1.15;
font-size: clamp(16px, 2.2vw, 24px);
text-wrap: balance;
}
.right {display: grid;grid-template-rows: auto 1fr auto;gap: 22px;align-items: start;}
#hub #timer {
color: #C4D600!important;
}
#hub #timer div {
background: transparent!important;
padding: 0;
}
#hub .counter, #banner-retos-otros .counter {
height: 84px;
padding: 0 28px;
border-radius: 999px;
background: #fff;
color: #c4da00;
font-weight: 800;
font-size: clamp(22px,3.6vw,36px);
box-shadow: var(--shadow-sm);
width: max-content;
justify-self: end;
max-width: 400px;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 768px) {
.counter {
width:100%;
}
#hub #timer div, #hub #banner-retos-otros #timer div {
font-size: 32px!important;
}
}
.panel {
    display:flex;
    flex-direction:column;
    align-items:end;
    align-items: end;
    background: rgba(0,0,0,.65);
    color: #fff;
    border-radius: 28px;
    padding: 26px 24px;
    max-width: 680px;
    box-shadow: var(--shadow-lg);
    text-align: right;
    flex-direction: column;
    justify-content: normal;
    }
.panel h3 {
margin: 0 0 10px;
font-size: clamp(20px,2.4vw,28px);
line-height: 1.25;
font-weight: 800;

}
.panel p {
margin: 0;
font-size: clamp(14px,1.8vw,18px);
opacity: .95;
    max-width:95%;
}
@media screen and (max-width:768px){
    .panel p {
        max-width:100%;
    }
}
.cta-row {display: flex;gap: 8px;flex-wrap: wrap;justify-content: flex-end;flex-direction: row;}
.cta-sim {
margin: 0;
display: inline-grid;
place-items: center;
cursor: pointer;
user-select: none;
padding: 0 28px;
height: 64px;
min-width: 240px;
border-radius: 999px;
background: #fff;
color: #111;
font-weight: 800;
font-size: 18px;
box-shadow: var(--shadow-sm);
border: 1px solid rgba(0,0,0,.08);
transition: transform .2s ease, box-shadow .2s ease;
}
.cta-sim:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0,0,0,.22)
}
.cta-sim:active {
transform: translateY(0) scale(.98)
}
.cta-sim:focus-visible {
outline: 3px solid #91c2ff;
outline-offset: 2px
}
.visually-hidden {
position: absolute!important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.tiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
#retos-heading {
margin-bottom: 16px!important;
}
.tile {
position: relative;
aspect-ratio: 1 / 1;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 18px 40px rgba(0,0,0,.28);
background: #0000;
width: calc(50% - 16px);
}
.tile__grad {
display: none;
}
.tile__inner {
position: absolute;
inset: 0;
}
.tile__icon {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 520px) {
.tiles {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 768px) {
#hub .ic-header #header-navigation {
display:none;
}
#hub .ic-hamburger {
display: block;
position: relative;
top: 0;
margin: 0;
z-index: 9991;
height: 24px;
width: 24px;
left: 3px;
}
#hub .hamburger-wrapper {
position: relative;
z-index: 3;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 32px;
background-image: url(/content/dam/intelligentcontent/multibrand/es/az-one/images/icons/burger-menu.svg)
}
#hub #footer-left-nav, #hub #footer-links-nav, #hub #footer-links {
flex-direction: column;
align-items: start;
gap: 24px;
}
#hub #footer-social-icons {
margin-bottom: 24px;
}
#hub .ic-hamburger.open .hamburger-wrapper {
background-image: url(/content/dam/intelligentcontent/multibrand/es/az-one/images/icons/cancel-burger.svg)
}
#hub .navigation-overlay {
position: fixed;
left: 0;
top: 150px;
z-index: 1;
width: 100%;
}
#hub .navigation-mobile {
background: white;
}
#hub .navigation-mobile ul {
text-align: center;
flex-direction: column;
}
}
@keyframes slide {
from {
transform: translateX(0) ;
}
to {
transform: translateX(-100%) ;
}
}
.logos {
overflow: hidden;
padding: 60px 0 ;
white-space: nowrap;
position: relative;
display:flex;
align-items:center;
}
.logos:hover .logos-slide {
animation-play-state: paused;
}
.logos-slide {
display: inline-block;
  animation: moveLogos 35s linear infinite;
}
.logos-slide img {
height: 50px;
margin: 0 40px;
}

.logos-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.logos-slide {
  display: flex;
  gap: 24px;
  position: absolute;
  left: 100%;
  animation: moveLogos 35s linear infinite;
  align-items:center;
}

@keyframes moveLogos {
  0% {
    left: 0%;
  }
  100% {
    left: -430%;  /* se desplaza bien fuera de pantalla */
  }
}
.logos-slide.startups {

  animation: moveStartups 25s linear infinite;
}

@keyframes moveStartups {
  0% {
    left: 0%;
  }
  100% {
    left: -230%;  /* se desplaza bien fuera de pantalla */
  }
}
:root {
--gap: 28px;
--card-w: 333px;
--card-h: 560px;
--radius: 28px;
--shadow: 0 10px 30px rgba(0,0,0,.18);
--text: #0b0b0b;
}
#hub .carousel {
position: relative;
padding: 32px 22px 56px;
max-width: 1400px;
margin: 0 auto;
}
#hub #carousel-hub-1.carousel {
padding: 0!important;
}
.viewport {
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
height: calc(var(--card-h) + 6px);
}
.viewport::-webkit-scrollbar {
display: none;
}
.track {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-auto-flow: column;
gap: var(--gap);
grid-auto-columns: var(--card-w);
align-items: center;
}
@media (max-width: 1100px) {
:root {
--card-w: 360px;
--card-h: 520px;
}
}
@media (max-width: 760px) {
:root {
--card-w: 86vw;
--card-h: 520px;
}
.carousel {
padding-inline: 16px; }
}
.card {
width: var(--card-w);
height: var(--card-h);
border-radius: var(--radius);
background: #fff;
overflow: hidden;
display: grid;
grid-template-rows: 1fr auto;
transform: translateZ(0);
transform: translateY(18px) scale(.98);
transition: opacity .45s ease, transform .45s ease;
}
.card.in {
opacity: 1;
transform: none;
}
.card:hover {
transform: translateY(-6px) scale(1.02);
}
.card-media {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
}
.card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1.02);
transition: transform .45s ease;
}
.card:hover .card-media img {
transform: scale(1.08);
}
.btn-expand {
position: absolute;
top: 10px;
right: 10px;
width: 42px;
height: 42px;
border-radius: 999px;
border: none;
cursor: pointer;
background: rgba(255,255,255,.95);
display: grid;
place-items: center;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.btn-expand svg {
width: 20px;
height: 20px;
}
.card-body {
display: grid;
grid-template-rows: auto auto 1fr;
gap: 10px;
padding: 18px 20px 22px;
color: #111;
background: #ffd000;
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.lime {
background: #c6e600;
}
.amber {
background: #f3a300;
}
.orange {
background: #f19b00;
}
.yellow {
background: #efb800;
}
#hub .title {
margin: 0;
font-weight: 800;
font-size: 22px;
line-height: 1.18;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pill-date {
font-size: 14px;
margin: 0 0 4px;
font-weight: 700;
}
.excerpt {
margin: 0;
font-size: 15px;
line-height: 1.42;
opacity: .95;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 999px;
border: none;
cursor: pointer;
display: grid;
place-items: center;
background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,.18);
transition: transform .15s ease;
}
.nav-btn:active {
transform: translateY(-50%) scale(.96);
}
.prev {
left: -50px;
}
.next {
right: -50px;
}
.dots {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 18px;
}
.dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: #c8c8c8;
border: none;
cursor: pointer;
}
.dot[aria-current="true"] {
background: #111;
width: 24px;
}
.animated-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.blob-1, .blob-2, .blob-3, .blob-4 {
position: absolute;
opacity: 0.7;
filter: blur(100px);
animation-timing-function: ease-in-out;
}
.blob-1 {
background-color: #00bcd4;
width: 250px;
height: 600px;
border-radius: 40% 60% 70% 30% / 40% 50% 50% 60%;
top: -10%;
left: 5%;
animation: move-blob-1 18s infinite alternate;
}
.blob-2 {
background-color: #ff007f;
width: 400px;
height: 300px;
border-radius: 30% 70% 60% 40% / 60% 40% 60% 40%;
top: 30%;
left: 35%;
animation: move-blob-2 20s infinite alternate-reverse;
}
.blob-3 {
background-color: #cddc39;
width: 500px;
height: 400px;
border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
top: 50%;
left: 45%;
animation: move-blob-3 16s infinite alternate;
}
.blob-4 {
background-color: #00bcd4;
width: 180px;
height: 180px;
border-radius: 50%;
opacity: 0.5;
filter: blur(80px);
top: 0;
left: 15%;
animation: move-blob-4 14s infinite alternate-reverse;
}
@keyframes move-blob-1 {
0% {
transform: translate(0, 0) scale(1) rotate(0deg);
}
50% {
transform: translate(10vw, 5vh) scale(1.05) rotate(5deg);
}
100% {
transform: translate(-5vw, -10vh) scale(0.95) rotate(-5deg);
}
}
@keyframes move-blob-2 {
0% {
transform: translate(0, 0) scale(1) rotate(0deg);
}
40% {
transform: translate(-10vw, 15vh) scale(1.1) rotate(8deg);
}
100% {
transform: translate(5vw, -10vh) scale(0.9) rotate(-3deg);
}
}
@keyframes move-blob-3 {
0% {
transform: translate(0, 0) scale(0.9) rotate(0deg);
}
60% {
transform: translate(10vw, -15vh) scale(1.1) rotate(-7deg);
}
100% {
transform: translate(-10vw, 10vh) scale(1.0) rotate(4deg);
}
}
@keyframes move-blob-4 {
0% {
transform: translate(0, 0) scale(1);
}
50% {
transform: translate(5vw, 10vh) scale(1.1);
}
100% {
transform: translate(-3vw, -5vh) scale(0.9);
}
}
#grey-banner-2-col h4 {
margin: 0;
}
#grey-banner-2-col {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
justify-content: center;
background: #CCCCCC80;
padding: 40px;
border-radius: 16px;
}
#grey-banner-2-col > div:first-child {
width: 50%;
}
@media screen and (max-width: 768px) {
#grey-banner-2-col > div:first-child {
width:100%;
}
#grey-banner-2-col #banner-cta-hub .cta-suscribe {
width: 100%!important;
}
#grey-banner-2-col #banner-cta-hub p:last-child {
text-align: center;
}
#grey-banner-2-col {
background: #CCCCCC80;
padding: 40px;
display: flex;
flex-direction: column;
gap: 32px;
border-radius: 0;
}
}
#hub .aem-card-slider {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
position: relative;
}
#hub .slider-container {
position: relative;
display: flex;
align-items: center;
gap: 20px;
}
#hub .slider-wrapper {
overflow: hidden;
flex: 1;
border-radius: 12px;
}
#hub .slider-track {
display: flex;
gap: 20px;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#hub .slider-card {
flex: 0 0 calc(25% - 15px);
background: #f0ab02;
border-radius: 16px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
min-width: 0;
min-height: 550px;
}
#hub .green {
background: #C4D600;
}
#hub .blue {
background: #69D2DF;
}
#hub .slider-card:hover {
transform: translateY(-8px);
}
#hub .card-image:after {
content: "";
position: absolute;
top: 16px;
right: 16px;
width: 30px;
height: 30px;
background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/Botton.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#hub #img-modal img {
border-radius: 24px;
}
#hub .card-image {
width: 100%;
height: 60%;
overflow: hidden;
position: relative;
border-radius: 16px;
}
#hub .card-image:after {
content: "";
position: absolute;
top: 16px;
right: 16px;
width: 30px;
height: 30px;
background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/Botton.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#hub .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
#hub .slider-card:hover .card-image img {
transform: scale(1.1);
}
#hub .card-content {
padding: 24px;
}
#hub .card-title {
font-size: 20px;
font-weight: bold!important;
color: #1a202c;
margin: 0 0 12px 0;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
}
#hub .card-description {
font-size: 18px;
color: #000;
line-height: 1.2;
margin: 16px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
}
#hub .card-link {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
color: #2563eb;
text-decoration: none;
transition: color 0.2s ease;
}
@media screen and (max-width: 768px) {
    #hub .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .button-group{
        display:flex;
        flex-direction:column;
        gap:16px;
    }
#hub .card-image {
height: 60%;
}
#hub .card-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
}
#hub .slider-card {
min-height: 450px;
}
}
#hub .card-link:hover {
color: #1d4ed8;
}
#hub .slider-nav {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background: transparent;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
color: #1a202c;
}
#hub .slider-nav:hover:not(:disabled) {
color: #ffffff;
}
#hub .slider-nav:disabled {
opacity: 0.3;
cursor: not-allowed;
}
#hub .slider-nav svg {
width: 24px;
height: 24px;
}
#hub .slider-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 32px;
}
#hub .slider-nav.next, #hub .slider-nav.prev {
background-image: url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/chevron-nav.svg");
background-repeat: no-repeat;
background-position: center center;
transform: rotate(270deg)
}
#hub .slider-nav.prev {
transform: rotate(90deg)
}
#hub .slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: ##777777;
border: none;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
#hub .slider-dot.active {
background: #777777;
width: 28px;
border-radius: 5px;
}
@media (max-width: 1024px) {
#hub .slider-card {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 768px) {
#hub .aem-card-slider {
padding: 30px 15px;
}
#hub .slider-container {
gap: 12px;
}
#hub .slider-track {
gap: 0;
}
#hub .slider-card {
flex: 0 0 100%;
margin-right: 0;
}
#hub .slider-nav {
width: 40px;
height: 40px;
}
#hub .slider-nav svg {
width: 20px;
height: 20px;
}
#hub .card-content {
padding: 20px;
}
#hub .card-title {
webkit-line-clamp: 3;
}
#hub .card-title {
font-size: 18px;
}
#hub .card-description {
font-size: 13px;
}
}
#hub .modal-box {
border-radius: 24px!important;
}
#hub .modal__close {
position: sticky;
left: 90%;
}
#hub .cmp-modal__title {
display: none;
}
#hub .modal-box__content {
padding: 0;
background-color: #fff;
border-radius: 24px;
overflow: hidden;
}
#hub .modal-box #enlaces-container {
background: #fafafa;
padding: 24px;
border-radius: 16px;
margin-top: 16px;
}
#hub .modal-box #enlaces-container a {
color: #830052;
text-decoration: underline;
}
#hub-modal-container {
padding: 32px;
}
#hub-modal-container h2 {
margin: 0;
padding: 0;
font-weight: bold!important;
}
#hub .modal {
justify-content: normal!important;
}
#hub-tabs-orange ol {
background: #ebefee;
border-radius: 100px;
gap: 0;
margin: 0 auto;
}
#hub .cmp-tabs__tab {
border-radius: 100px;
}
#hub-tabs-orange .cmp-tabs__tab--active {
background: #f0ab02;
border-radius: 100px;
}
#square-boxes {
background: linear-gradient(#C4D600, #68D2DF);
border-radius: 32px;
padding: 24px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
#square-boxes #square-content {
background: white;
padding: 24px;
border-radius: 24px;
height: 100%;
}
#square-boxes #square-content h5 {
margin-top: 0;
}
#square-boxes #square-content .separator {
width: 50%;
}
#square-boxes #square-content .cmp-separator__horizontal-rule {
border: 2px solid #c4d600;
}
@media (max-width: 768px) {
#square-boxes {
grid-template-columns: 1fr;
}
}
#counter-retos {
position: relative;
border-radius: 12px;
padding: 16px;
z-index: 0;
overflow: hidden;
}
#counter-retos:before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background: linear-gradient(to right, #D0006F, #C4D600);
z-index: -1;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
#counter-retos .counter {
margin: 0 auto;
text-align: center;
background: transparent;
border: none;
font-size: 5rem;
}
@media screen and (max-width: 768px) {
#counter-retos .counter {
font-size:4rem;
}
}
#gray-dark-bg {
background: #404040;
border-radius: 24px;
color: white;
padding: 24px;
}
#gray-dark-bg h5, #gray-dark-bg h4 {
margin-top: 0;
}
#phatology-squares {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
color: white;
}
@media screen and (max-width: 768px) {
#phatology-squares {
grid-template-columns:1fr;
}
}
#phatology-squares #cardio {background: linear-gradient(#F0AB00, #C6076A);border-radius: 24px;padding: 32px;flex-direction: column;justify-content: space-between;display: flex;height: 100%;min-height: 407px;}
#phatology-squares #respi, #phatology-squares #onco  {
    height:100%;
}
#phatology-squares #respi {background: linear-gradient(#4EC7D6, #F0AB00);border-radius: 24px;padding: 32px;flex-direction: column;justify-content: space-between;display: flex;}
#phatology-squares #sistema {background: linear-gradient(#C4D600, #68D2DF);border-radius: 24px;padding: 32px;flex-direction: column;justify-content: space-between;display: flex;height: 100%;max-height: 450px;min-height: 407px;}
#phatology-squares #onco {background: linear-gradient(#D0006F, #68D2DF);border-radius: 24px;padding: 32px;display: flex;flex-direction: column;justify-content: space-between;}
#phatology-squares img {
width: 100px;
height: 100%;
max-height: 80px;
}
@media screen and (max-width:768px){
    #phatology-squares #sistema{
        min-height:auto;
    }
}
#phatology-squares .button {
justify-content: flex-start;
margin-top: 8px;
}
#button-white {
background: white;
color: black;
padding: 18px 32px;
border-radius: 100px;
}
#hub-modal-container .button {
display: flex;
justify-content: flex-start;
}
#hub-modal-container #button-white {
background: #830052;
color: white;
}
#button-white:hover {
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}
#grey-banner {
background: #CCCCCC80;
padding: 40px;
border-radius: 16px;
}
#grey-banner-s {
background: #CCCCCC80;
padding: 20px;
border-radius: 16px;
}
#hub #square-yellow-section {
background-color: #f0ab00;
padding: 20px;
border-radius: 20px;
}
#hub #container-gray-bg {
background-color: #f1f1f1;
border-radius: 20px;
padding: 20px;
}
#hub #white-card-hub {
background-color: #fff;
border-radius: 10px;
padding: 10px;
}
#hub #white-card-hub .separator {
width: 35%;
}
#hub #container-gray-bg #white-card-hub .cmp-separator__horizontal-rule {
border: 2px solid #C6076A;
}
#hub #container-gray-bg .cmp-container {
height: 100%;
}
#hub #container-gray-bg .container.responsivegrid #hub #reto-big-card .container.responsivegrid {
position: absolute!important;
}
#hub #horizontal-order {
display: flex;
gap: 20px
}
#hub #horizontal-order img {
max-width: 55px;
}
#hub #horizontal-order img {
width: 250px;
}
#hub #bg-gray-banner-ecosistema-hub {
background-color: #f1f1f1;
border-radius: 20px;
padding: 30px;
}
#hub #mapa-catalyst {
width: 75%;
margin: 0 auto;
}
#hub #conoce-mas-btn-ecosistema a {
text-align: center;
padding: 15px 40px;
border-radius: 25px;
text-decoration: none;
background: white;
}
#hub #conoce-mas-btn-ecosistema p {
margin: 40px auto;
}
#hub #nuevas-patologias {
display: grid;
gap: 20px;
flex-wrap: wrap;
margin-top: 50px;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 768px) {
#hub #nuevas-patologias {
grid-template-columns: 1fr 1fr;
padding: 16px;
}
}
#hub #header-nav .cmp-navigation__item:last-child a {
background: #C4D600;
border-radius: 100px;
padding: 16px 32px;
}
#hub #yellow-container-hub {
background-color: #F0AB00;
padding: 70px;
border-radius: 20px;
}
#hub #reto-big-card-content {
padding: 70px;
text-align: left;
}
#hub #reto-big-card .image {
position: relative;
}
#hub #big-card-image {
position: relative!important;
}
#hub #reto-big-card-content .cmp-container {
position: absolute!important;
top: 0;
}
#hub #nuevas-patologias .image {
width: auto;
}
@media (max-width: 768px) {
#hub #container-blocks-hubs .cta-row a {
width:100%;
}
#hub #nuevas-patologias .image {
width: auto;
}
#hub #container-blocks-hubs .cta-row a p {
width: 100%;
}
}
#hub #container-blocks-hubs .cta-sim {
min-width: 278px!important;
}
#hub #banner-icon-title h2 {
font-weight: bold!important;
margin: 0;
color: white;
}
#hub #banner-cardio, #hub #banner-respi, #hub #banner-onco, #hub #banner-sistema {
background: linear-gradient(#F0AB00, #C6076A);
height: 300px;
padding: 32px;
display: flex;
align-items: start;
flex-direction: column;
gap: 40px;
justify-content: center;
}
#hub #banner-respi {
background: linear-gradient(#4EC7D6, #F0AB00);
}
#hub #banner-onco {
background: linear-gradient(#D0006F, #68D2DF);
}
#hub #banner-sistema {
background: linear-gradient(#C4D600, #68D2DF);
}
#hub #banner-icon-title img {
width: 100px;
height: 100%;
}
#hub #banner-cardio button {
align-items: flex-start;
}
#hub #banner-icon-title {
display: flex;
gap: 32px;
align-items: center;
justify-content;center; }
#hub .exit-ramp-content {
padding: 40px;
}
#hub .exit-ramp-content a, #hub .exit-ramp-cancel {
border-radius: 100px!important;
padding: 18px 32px;
}
#hub .exit-ramp-content>.exit-ramp-actions>.exit-ramp-continue {
color: white;
background: black;
text-decoration: none;
}
#hub #small-banner-container {
background: linear-gradient(90deg, #d83aa1, #f9b233, #9be15d);
border-radius: 25px;
padding: 20px;
}
#hub #white-gb {
background-color: white;
border-radius: 15px;
padding: 16px;
}
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div:nth-child(1), #hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(to left, #D0006F, transparent), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/slider1hub.jpg");
background-size: cover;
background-repeat: no-repeat;
border-radius: 24px;
}
#hub #carousel-hub-1-item-1168b2aa54-tabpanel > div:nth-child(1), #hub #carousel-hub-1 .cmp-carousel__content div:nth-child(2) {
background-image: linear-gradient(to left, #F0AB00, transparent), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider-2-banner.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 24px;
}
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div, #hub #carousel-hub-1-item-1168b2aa54-tabpanel > div, #hub #carousel-hub-1-item-53c851a8df-tabpanel > div, #hub .cmp-carousel__content {
right: 0;
height: 680px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: end;
text-align: right;
color: white;
}
#hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(to left, #1d9da0, transparent), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider_3_hub_v2.jpg");
}
#hub #carousel-hub-1 .text {
width: 100%;
max-width: 40%;
}
#hub #carousel-hub-1 .high-text-card {
padding: 40px;
text-align: left;
}
#hub #carousel-hub-1 .high-text-card .card-title {
color: white;
}
@media screen and (max-width: 768px) {
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div:nth-child(1), #hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(rgba(208, 0, 111, 0.65), rgba(208, 0, 111, 0.65)), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/slider1hub.jpg");
}
#hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(rgba(29, 157, 160, 0.7), rgba(29, 157, 160, 0.7)), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider_3_hub_v2.jpg");
}
#hub #carousel-hub-1-item-1168b2aa54-tabpanel > div:nth-child(1), #hub #carousel-hub-1 .cmp-carousel__content div:nth-child(2) {
background-image: linear-gradient(rgba(240, 171, 0, 0.8), rgba(240, 171, 0, 0.6)), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider-2-banner.jpg");
}
#hub #carousel-hub-1 .high-text-card .card-title {
font-size: 30px!important;
color: white;
line-height: 30px!important;
}
#hub #carousel-hub-1 .high-text-card {
text-align: left;
}
}
#hub #carousel-hub-1 .cmp-container {
display: flex;
justify-content: end;
}
.button-white-hub {
border-radius: 999px;
padding: 22.0px 75.0px;
background: rgb(255,255,255);
color: rgb(17,17,17);
font-weight: 500;
font-size: 18.0px;
}
@media (max-width: 768px) {
#hub #carousel-hub-1.button-white-hub {
padding: 15px 40px!important;
}
.button-white-hub {
padding: 22px 45px!important;
}
}
#hub #carousel-hub-1 .high-text-card p {
margin-bottom: 40px!important;
}
#hub #community-banner .button-white-hub a {
color: black !important;
text-decoration: none;
}
@media screen and (max-width: 768px) {
#hub #carousel-hub-1 .text {
width:100%;
max-width: 100%;
}
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div, #hub #carousel-hub-1-item-1168b2aa54-tabpanel > div, #hub #carousel-hub-1-item-53c851a8df-tabpanel > div, #hub .cmp-carousel__content {
min-height: 680px;
height: 100%;
}
}
#hub #carousel-hub-1 .button-white-hub {
position: relative;
}
.azcl-columns--3 .cmp-container .container {
height: 100%;
}
#hub #t4 {
opacity: 0;
}
#hub #t17 {
opacity: 0;
}
#banner-hub img {
border-radius: 26px;
}
@media (max-width: 768px) {
#hub #container-mobile-wrapper {
padding:0 20px;
}
}
@media (max-width: 768px) {
#hub .main-title {
margin-top: 10px!important;
font-size: 35px!important;
line-height: 40px!important;
}
#hub .sub-titles {
font-size: 30px!important;
line-height: 35px!important;
}
}
.stats {display: flex;flex-wrap: wrap;justify-content: center;gap: 64px;margin-bottom: 80px;margin-top: 80px;}
.stats h3 {
margin: 0;
text-align: center;
}
.stats-line {margin-bottom: 80px;margin-top: 80px;display: flex;justify-content: center;align-items: center;gap: 30px;text-align: center;}
.stats-line h3 {
margin: 0;
}
.stats-line .number, .stats .number {
color: #F0AB02;
font-size: 52px;
}
@media (max-width: 768px) {
.stats {
margin-bottom:40px;
gap: 8px;
padding: 0;
}
.stats h3 b {
display: flex;
flex-direction: column;
}
.stats h3 {
flex: 1 1 45%;
max-width: 45%;
text-align: center;
}
.stats-line {
flex-direction: column;
gap: 8px;
margin-bottom: 40px;
margin-top: 0;
}
}
#card-gradient .bigText {
font-size: 42px;
font-weight: bold;
}
#card-gradient h3 {
margin-top: 0;
text-align: center;
    color:white;
}
#card-gradient {
background: linear-gradient(#FFC943, #EA65AA);
border-radius: 24px;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 32px;
}
#wrapper-gradient-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}
@media screen and (max-width: 768px) {
#wrapper-gradient-cards {
grid-template-columns:1fr;
}
}

#hub .cmp-dynamicform__submit-btn, #hub .cmp-dynamicform__clear-btn, #hub .inputfile-1+label{
    border-radius:100px;
    padding:18px 32px;
}

#hub #header-nav {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1300px;
margin: 0 auto;
}
#hub .cmp-navigation__item--active a {
color: #f0ab02;
}
#hub #header-nav .cmp-navigation__item.cmp-navigation__item--active:last-child a {
color: inherit;
}
#hub p {
font-size: 18px;
line-height: normal;
}
#hub #az-video {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
#hub p {
font-size:16px;
}
}
#hub .sub-titles {
line-height: normal;
}
#hub #header-logo {
width: 200px;
margin: 30px 40px;
}
#hub #header-btn-nav {
margin: 30px 40px;
font-family: 'Inter';
color: black;
}
#hub .cmp-navigation__item-link {
text-decoration: none;
color: black;
font-weight: 700;
}
#hub .cmp-navigation__item-link>span {
font-weight: 700;
}
#hub .cmp-navigation__item-link>.cmp-navigation__item--active:active {
background-color: #c9d53b;
color: #000;
font-weight: bold;
border: none;
border-radius: 50px;
padding: 10px 25px;
cursor: pointer;
font-size: 16px;
}
#hub #footer-container {
max-width: 1300px;
margin: 0 auto;
}
@media (max-width: 1300px) {
#hub #footer-container {
width: 60%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
#hub #footer-container {
width: 85%;
margin: 0 auto;
}
}
#hub #footer-logo-img {
width: 160px;
}
#hub #footer-links {
display: flex;
justify-content: space-between;
align-items: center;
}
#hub #footer-social-icons {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
#hub #footer-social-icons .cmp-image > img {
width: 40px;
height: auto;
display: block;
}
#footer-social-icons .image {
width: 32px;
}
#hub #hub-legal-text p {
font-size: 13px;
line-height: 100%;
letter-spacing: 0;
opacity: 0.45;
}
#hub #hub-legal-text a {
text-decoration: underline;
color: black;
}
#hub #footer-left-nav {
display: flex;
align-items: center;
margin-bottom: 25px;
}
#hub #footer-left-nav .image {
margin-right: 40px;
}
#hub #footer-links-nav {
display: flex;
gap: 30px;
}
@media (max-width: 600px) {
#hub #footer-links-nav {
display: flex;
}
#hub #footer-links-nav p {
font-size: 12px;
line-height: 10px;
}
}
#hub #footer-links-nav p {
font-size: 15px;
}
#hub #footer-links-nav a {
color: black;
}
#hub #community-banner {
max-width: 1000px;
margin: 70px auto;
}
#hub #community-banner .cmp-container__backgroundImage--enabled {
border-radius: 20px;
}
#hub #community-banner-cards {
max-width: 1300px;
}
#hub #community-banner .image {
position: relative;
}
#hub #community-banner-cards .text {
position: absolute;
top: 0;
right: 0;
margin: 60px;
max-width: 300px;
text-align: right;
color: white;
}
#hub #community-banner-cards .button-white-hub {
background-color: white;
color: black !important;
text-align: center;
margin: 20px 0;
position: absolute;
right: 0;
border-radius: 30px;
text-decoration: none;
}
#hub #community-banner .button-white-hub a {
color: black !important;
text-decoration: none;
}
#hub #banner-text-hub {
max-width: 990px;
margin: 0 auto;
padding: 40px 70px;
}
#hub #banner-text-hub .azcl-column-par2 {
display: flex;
align-items: center;
}
#hub #banner-text-hub .azcl-column-par1 .banner-text {
font-size: 13px!important;
}
#hub #banner-cta-hub {
text-align: end;
}
#banner-cta-hub a {
color: inherit;
}
#banner-cta-hub p:last-child {
margin-top: 16px;
}
#hub #banner-cta-hub .cta-suscribe {
padding: 30px!important;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 42px;
height: 50px;
min-width: 287px;
border-radius: 999px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
color: #111;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 700;
line-height: 1;
text-decoration: none;
letter-spacing: -0.25px;
transition: all 0.25s ease;
cursor: pointer;
}
.cta-suscribe:hover {
transform: scale(1.04);
box-shadow: 0 12px 32px rgba(0,0,0,0.18);
}
.cta-suscribe:active {
transform: scale(0.98);
box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}
.cta-suscribe:focus-visible {
outline: 3px solid #0078ff;
outline-offset: 2px;
}
@media (max-width: 600px) {
.cta-suscribe {
width: 100%;
height: 64px;
font-size: 18px;
}
}
#container-blocks-hubs {
max-width: 1300px;
margin: 70px auto;
}
#container-blocks-hubs .az-hero__grid {
padding: 40px;
border-radius: 24px;
max-width:1225px;
margin:0 auto;
}
#retos-accion #container-blocks-hubs .az-hero__grid {
    max-width:100%;
}
#hub #high-text-card {
display: flex;
justify-content: flex-end;
text-align: end;
color: white;
}
#hub #high-text-card {
position: absolute;
text-align: end;
right: 0;
margin: 0 30px;
width: 230px;
color: white;
}
#hub #partners-container {
max-width: 1300px;
margin: 0 auto;
}
#hub #hub-wrapper-xl {
max-width: 1300px;
margin: 0 auto;
}
#carousel-partners-block .image {
width: 300px;
margin: 0 auto;
}
#hub #wrapper-hub-container {
max-width: 1000px;
margin: 0 auto;
padding: 16px;
}
#hub #wrapper-hub-container-xl {
max-width: 1300px;
margin: 0 auto;
padding: 16px;
}
@media (max-width: 769px) {
#hub #community-banner-cards .text {
position: unset;
margin: 60px;
max-width: 100%;
text-align: center;
color: white;
}
#hub #high-text-card {
position: absolute;
right: 0;
width: 100%;
color: #fff!important;
padding: 0 40px;
text-align: center;
margin: 0 auto;
}
#hub #community-banner-cards .button-white-hub {
right: 160px;
}
}
#hub #hub-text {
font-family: 'Inter'!important;
}
#hub h1, #hub h2, #hub h3, #hub h4, #hub h5, #hub h6 {
font-family: "Inter", sans-serif!important;
}
#hub .container.responsivegrid {
margin-top: 0 !important;
}
#hub .carousel .cmp-carousel__content .cmp-carousel__indicators {
bottom: 4% !important;
justify-content: center;
left: 0;
gap: 8px;
}
root {
--radius-xl: 28px;
--radius-xxl: 36px;
--shadow-lg: 0 18px 40px rgba(0,0,0,.22);
--shadow-sm: 0 8px 24px rgba(0,0,0,.16);
}
.az-hero {
position: relative;
max-width: 1200px;
margin: 32px auto;
padding: 28px;
border-radius: var(--radius-xxl);
overflow: hidden;
box-shadow: var(--shadow-sm);
background: #8e0f5a;
color: #fff;
}
.az-hero::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(1200px 480px at 20% 10%, rgba(255,255,255,.12), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.08));
z-index: 1;
}
.az-hero__grid {position: relative;z-index: 2;display: grid;grid-template-columns: 1fr 1fr;gap: 16px;align-items: center;background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/banner-background.jpg');background-size: cover;}
@media (max-width: 980px) {
.az-hero__grid {
grid-template-columns:1fr;
gap: 24px
}
}
.tiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
}
@media (max-width: 520px) {
.tiles {
grid-template-columns:1fr 1fr;
}
}
.tile {
position: relative;
border-radius: 24px;
overflow: hidden;
aspect-ratio: 1/1;
display: grid;
place-items: center;
text-align: center;
box-shadow: var(--shadow-sm);
padding: 16px;
max-width: 200px;
}
.tile__grad {
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(180deg,#ff6a6a, #ff9f2b);
}
.tile:nth-child(2) .tile__grad {
background: linear-gradient(180deg,#0ac4c2,#78d65c,#ffd84f)
}
.tile:nth-child(3) .tile__grad {
background: linear-gradient(180deg,#b6f065,#6cd1ff)
}
.tile:nth-child(4) .tile__grad {
background: linear-gradient(180deg,#986ae6,#67d1e3)
}
.tile__inner {
position: relative;
z-index: 1;
color: #fff
}
.tile__icon {
width: 84px;
height: 84px;
object-fit: contain;
display: block;
margin: 0 auto 14px;
filter: brightness(100%);
}
.tile__title {
margin: 0;
font-weight: 800;
line-height: 1.15;
font-size: clamp(16px, 2.2vw, 24px);
text-wrap: balance;
}
.right {display: grid;grid-template-rows: auto 1fr auto;gap: 22px;align-items: start;}
#hub #timer {
color: #C4D600!important;
}
#hub #timer div {
background: transparent!important;
padding: 0;
}
#hub .counter {
height: 84px;
padding: 0 28px;
border-radius: 999px;
background: #fff;
color: #c4da00;
font-weight: 800;
font-size: clamp(22px,3.6vw,36px);
box-shadow: var(--shadow-sm);
width: max-content;
justify-self: end;
max-width: 400px;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 768px) {
.counter {
width:100%;
}
#hub #timer div {
font-size: 32px!important;
}
}
.panel {
    display:flex;
    flex-direction:column;
    align-items:end;
    align-items: end;
    background: rgba(0,0,0,.65);
    color: #fff;
    border-radius: 28px;
    padding: 26px 24px;
    max-width: 680px;
    box-shadow: var(--shadow-lg);
    text-align: right;
    flex-direction: column;
    justify-content: normal;
    }
.panel h3 {
margin: 0 0 10px;
font-size: clamp(20px,2.4vw,28px);
line-height: 1.25;
font-weight: 800;

}
.panel p {
margin: 0;
font-size: clamp(14px,1.8vw,18px);
opacity: .95;
    max-width:95%;
}
@media screen and (max-width:768px){
    .panel p {
        max-width:100%;
    }
}
.cta-row {display: flex;gap: 8px;flex-wrap: wrap;justify-content: flex-end;flex-direction: row;}
.cta-sim {
margin: 0;
display: inline-grid;
place-items: center;
cursor: pointer;
user-select: none;
padding: 0 28px;
height: 64px;
min-width: 240px;
border-radius: 999px;
background: #fff;
color: #111;
font-weight: 800;
font-size: 18px;
box-shadow: var(--shadow-sm);
border: 1px solid rgba(0,0,0,.08);
transition: transform .2s ease, box-shadow .2s ease;
}
.cta-sim:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0,0,0,.22)
}
.cta-sim:active {
transform: translateY(0) scale(.98)
}
.cta-sim:focus-visible {
outline: 3px solid #91c2ff;
outline-offset: 2px
}
.visually-hidden {
position: absolute!important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.tiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
#retos-heading {
margin-bottom: 16px!important;
}
.tile {
position: relative;
aspect-ratio: 1 / 1;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 18px 40px rgba(0,0,0,.28);
background: #0000;
width: calc(50% - 16px);
}
.tile__grad {
display: none;
}
.tile__inner {
position: absolute;
inset: 0;
}
.tile__icon {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 520px) {
.tiles {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 768px) {
#hub .ic-header #header-navigation {
display:none;
}
#hub .ic-hamburger {
display: block;
position: relative;
top: 0;
margin: 0;
z-index: 9991;
height: 24px;
width: 24px;
left: 3px;
}
#hub .hamburger-wrapper {
position: relative;
z-index: 3;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 32px;
background-image: url(/content/dam/intelligentcontent/multibrand/es/az-one/images/icons/burger-menu.svg)
}
#hub #footer-left-nav, #hub #footer-links-nav, #hub #footer-links {
flex-direction: column;
align-items: start;
gap: 24px;
}
#hub #footer-social-icons {
margin-bottom: 24px;
}
#hub .ic-hamburger.open .hamburger-wrapper {
background-image: url(/content/dam/intelligentcontent/multibrand/es/az-one/images/icons/cancel-burger.svg)
}
#hub .navigation-overlay {
position: fixed;
left: 0;
top: 150px;
z-index: 1;
width: 100%;
}
#hub .navigation-mobile {
background: white;
}
#hub .navigation-mobile ul {
text-align: center;
flex-direction: column;
}
}
@keyframes slide {
from {
transform: translateX(0) ;
}
to {
transform: translateX(-100%) ;
}
}
.logos {
overflow: hidden;
padding: 60px 0 ;
white-space: nowrap;
position: relative;
}
.logos:hover .logos-slide {
animation-play-state: paused;
}
.logos-slide {
display: inline-block;
  animation: moveLogos 35s linear infinite;
}
.logos-slide img {height: 70px;margin: 0 40px;overflow: visible;}
.logos-slide.startups img {
  height:40px
}
.logos-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.logos-slide {
  display: flex;
  gap: 24px;
  position: absolute;
  left: 100%;
  animation: moveLogos 35s linear infinite;
}

@keyframes moveLogos {
  0% {
    left: 0%;
  }
  100% {
    left: -430%;  /* se desplaza bien fuera de pantalla */
  }
}
.logos-slide.startups {

  animation: moveStartups 25s linear infinite;
}

@keyframes moveStartups {
  0% {
    left: 0%;
  }
  100% {
    left: -230%;  /* se desplaza bien fuera de pantalla */
  }
}
:root {
--gap: 28px;
--card-w: 333px;
--card-h: 560px;
--radius: 28px;
--shadow: 0 10px 30px rgba(0,0,0,.18);
--text: #0b0b0b;
}
#hub .carousel {
position: relative;
padding: 32px 22px 56px;
max-width: 1400px;
margin: 0 auto;
}
#hub #carousel-hub-1.carousel {
padding: 0!important;
}
.viewport {
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
height: calc(var(--card-h) + 6px);
}
.viewport::-webkit-scrollbar {
display: none;
}
.track {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-auto-flow: column;
gap: var(--gap);
grid-auto-columns: var(--card-w);
align-items: center;
}
@media (max-width: 1100px) {
:root {
--card-w: 360px;
--card-h: 520px;
}
}
@media (max-width: 760px) {
:root {
--card-w: 86vw;
--card-h: 520px;
}
.carousel {
padding-inline: 16px; }
}
.card {
width: var(--card-w);
height: var(--card-h);
border-radius: var(--radius);
background: #fff;
overflow: hidden;
display: grid;
grid-template-rows: 1fr auto;
transform: translateZ(0);
transform: translateY(18px) scale(.98);
transition: opacity .45s ease, transform .45s ease;
}
.card.in {
opacity: 1;
transform: none;
}
.card:hover {
transform: translateY(-6px) scale(1.02);
}
.card-media {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
}
.card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1.02);
transition: transform .45s ease;
}
.card:hover .card-media img {
transform: scale(1.08);
}
.btn-expand {
position: absolute;
top: 10px;
right: 10px;
width: 42px;
height: 42px;
border-radius: 999px;
border: none;
cursor: pointer;
background: rgba(255,255,255,.95);
display: grid;
place-items: center;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.btn-expand svg {
width: 20px;
height: 20px;
}
.card-body {
display: grid;
grid-template-rows: auto auto 1fr;
gap: 10px;
padding: 18px 20px 22px;
color: #111;
background: #ffd000;
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.lime {
background: #c6e600;
}
.amber {
background: #f3a300;
}
.orange {
background: #f19b00;
}
.yellow {
background: #efb800;
}
#hub .title {
margin: 0;
font-weight: 800;
font-size: 22px;
line-height: 1.18;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pill-date {
font-size: 14px;
margin: 0 0 4px;
font-weight: 700;
}
.excerpt {
margin: 0;
font-size: 15px;
line-height: 1.42;
opacity: .95;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 999px;
border: none;
cursor: pointer;
display: grid;
place-items: center;
background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,.18);
transition: transform .15s ease;
}
.nav-btn:active {
transform: translateY(-50%) scale(.96);
}
.prev {
left: -50px;
}
.next {
right: -50px;
}
.dots {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 18px;
}
.dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: #c8c8c8;
border: none;
cursor: pointer;
}
.dot[aria-current="true"] {
background: #111;
width: 24px;
}
.animated-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.blob-1, .blob-2, .blob-3, .blob-4 {
position: absolute;
opacity: 0.7;
filter: blur(100px);
animation-timing-function: ease-in-out;
}
.blob-1 {
background-color: #00bcd4;
width: 250px;
height: 600px;
border-radius: 40% 60% 70% 30% / 40% 50% 50% 60%;
top: -10%;
left: 5%;
animation: move-blob-1 18s infinite alternate;
}
.blob-2 {
background-color: #ff007f;
width: 400px;
height: 300px;
border-radius: 30% 70% 60% 40% / 60% 40% 60% 40%;
top: 30%;
left: 35%;
animation: move-blob-2 20s infinite alternate-reverse;
}
.blob-3 {
background-color: #cddc39;
width: 500px;
height: 400px;
border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
top: 50%;
left: 45%;
animation: move-blob-3 16s infinite alternate;
}
.blob-4 {
background-color: #00bcd4;
width: 180px;
height: 180px;
border-radius: 50%;
opacity: 0.5;
filter: blur(80px);
top: 0;
left: 15%;
animation: move-blob-4 14s infinite alternate-reverse;
}
@keyframes move-blob-1 {
0% {
transform: translate(0, 0) scale(1) rotate(0deg);
}
50% {
transform: translate(10vw, 5vh) scale(1.05) rotate(5deg);
}
100% {
transform: translate(-5vw, -10vh) scale(0.95) rotate(-5deg);
}
}
@keyframes move-blob-2 {
0% {
transform: translate(0, 0) scale(1) rotate(0deg);
}
40% {
transform: translate(-10vw, 15vh) scale(1.1) rotate(8deg);
}
100% {
transform: translate(5vw, -10vh) scale(0.9) rotate(-3deg);
}
}
@keyframes move-blob-3 {
0% {
transform: translate(0, 0) scale(0.9) rotate(0deg);
}
60% {
transform: translate(10vw, -15vh) scale(1.1) rotate(-7deg);
}
100% {
transform: translate(-10vw, 10vh) scale(1.0) rotate(4deg);
}
}
@keyframes move-blob-4 {
0% {
transform: translate(0, 0) scale(1);
}
50% {
transform: translate(5vw, 10vh) scale(1.1);
}
100% {
transform: translate(-3vw, -5vh) scale(0.9);
}
}
#grey-banner-2-col h4 {
margin: 0;
}
#grey-banner-2-col {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
justify-content: center;
background: #CCCCCC80;
padding: 40px;
border-radius: 16px;
}
#grey-banner-2-col > div:first-child {
width: 50%;
}
@media screen and (max-width: 768px) {
#grey-banner-2-col > div:first-child {
width:100%;
}
#grey-banner-2-col #banner-cta-hub .cta-suscribe {
width: 100%!important;
}
#grey-banner-2-col #banner-cta-hub p:last-child {
text-align: center;
}
#grey-banner-2-col {
background: #CCCCCC80;
padding: 40px;
display: flex;
flex-direction: column;
gap: 32px;
border-radius: 0;
}
}
#hub .aem-card-slider {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
position: relative;
}
#hub .slider-container {
position: relative;
display: flex;
align-items: center;
gap: 20px;
}
#hub .slider-wrapper {
overflow: hidden;
flex: 1;
border-radius: 12px;
}
#hub .slider-track {
display: flex;
gap: 20px;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#hub .slider-card {
flex: 0 0 calc(25% - 15px);
background: #f0ab02;
border-radius: 16px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
min-width: 0;
min-height: 550px;
}
#hub .green {
background: #C4D600;
}
#hub .blue {
background: #69D2DF;
}
#hub .slider-card:hover {
transform: translateY(-8px);
}
#hub .card-image:after {
content: "";
position: absolute;
top: 16px;
right: 16px;
width: 30px;
height: 30px;
background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/Botton.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#hub #img-modal img {
border-radius: 24px;
}
#hub .card-image {
width: 100%;
height: 60%;
overflow: hidden;
position: relative;
border-radius: 16px;
}
#hub .card-image:after {
content: "";
position: absolute;
top: 16px;
right: 16px;
width: 30px;
height: 30px;
background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/Botton.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#hub .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
#hub .slider-card:hover .card-image img {
transform: scale(1.1);
}
#hub .card-content {
padding: 24px;
}
#hub .card-title {
font-size: 20px;
font-weight: bold!important;
color: #1a202c;
margin: 0 0 12px 0;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
}
#hub .card-description {
font-size: 18px;
color: #000;
line-height: 1.2;
margin: 16px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
}
#hub .card-link {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
color: #2563eb;
text-decoration: none;
transition: color 0.2s ease;
}
@media screen and (max-width: 768px) {
    #hub .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .button-group{
        display:flex;
        flex-direction:column;
        gap:16px;
    }
#hub .card-image {
height: 60%;
}
#hub .card-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
}
#hub .slider-card {
min-height: 450px;
}
}
#hub .card-link:hover {
color: #1d4ed8;
}
#hub .slider-nav {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background: transparent;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
color: #1a202c;
}
#hub .slider-nav:hover:not(:disabled) {
color: #ffffff;
}
#hub .slider-nav:disabled {
opacity: 0.3;
cursor: not-allowed;
}
#hub .slider-nav svg {
width: 24px;
height: 24px;
}
#hub .slider-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 32px;
}
#hub .slider-nav.next, #hub .slider-nav.prev {
background-image: url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/chevron-nav.svg");
background-repeat: no-repeat;
background-position: center center;
transform: rotate(270deg)
}
#hub .slider-nav.prev {
transform: rotate(90deg)
}
#hub .slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: ##777777;
border: none;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
#hub .slider-dot.active {
background: #777777;
width: 28px;
border-radius: 5px;
}
@media (max-width: 1024px) {
#hub .slider-card {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 768px) {
#hub .aem-card-slider {
padding: 30px 15px;
}
#hub .slider-container {
gap: 12px;
}
#hub .slider-track {
gap: 0;
}
#hub .slider-card {
flex: 0 0 100%;
margin-right: 0;
}
#hub .slider-nav {
width: 40px;
height: 40px;
}
#hub .slider-nav svg {
width: 20px;
height: 20px;
}
#hub .card-content {
padding: 20px;
}
#hub .card-title {
webkit-line-clamp: 3;
}
#hub .card-title {
font-size: 18px;
}
#hub .card-description {
font-size: 13px;
}
}
#hub .modal-box {
border-radius: 24px!important;
}
#hub .modal__close {
position: sticky;
left: 90%;
}
#hub .cmp-modal__title {
display: none;
}
#hub .modal-box__content {
padding: 0;
background-color: #fff;
border-radius: 24px;
overflow: hidden;
}
#hub .modal-box #enlaces-container {
background: #fafafa;
padding: 24px;
border-radius: 16px;
margin-top: 16px;
}
#hub .modal-box #enlaces-container a {
color: #830052;
text-decoration: underline;
}
#hub-modal-container {
padding: 32px;
}
#hub-modal-container h2 {
margin: 0;
padding: 0;
font-weight: bold!important;
}
#hub .modal {
justify-content: normal!important;
}
#hub-tabs-orange ol {
background: #ebefee;
border-radius: 100px;
gap: 0;
margin: 0 auto;
}
#hub .cmp-tabs__tab {
border-radius: 100px;
}
#hub-tabs-orange .cmp-tabs__tab--active {
background: #f0ab02;
border-radius: 100px;
}
#square-boxes {
background: linear-gradient(#C4D600, #68D2DF);
border-radius: 32px;
padding: 24px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
#square-boxes #square-content {
background: white;
padding: 24px;
border-radius: 24px;
height: 100%;
}
#square-boxes #square-content h5 {
margin-top: 0;
}
#square-boxes #square-content .separator {
width: 50%;
}
#square-boxes #square-content .cmp-separator__horizontal-rule {
border: 2px solid #c4d600;
}
@media (max-width: 768px) {
#square-boxes {
grid-template-columns: 1fr;
}
}
#counter-retos {
position: relative;
border-radius: 12px;
padding: 16px;
z-index: 0;
overflow: hidden;
}
#counter-retos:before {
content: "";
position: absolute;
inset: 0;
padding: 2px;
border-radius: inherit;
background: linear-gradient(to right, #D0006F, #C4D600);
z-index: -1;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
#counter-retos .counter {
margin: 0 auto;
text-align: center;
background: transparent;
border: none;
font-size: 5rem;
}
@media screen and (max-width: 768px) {
#counter-retos .counter {
font-size:4rem;
}
}
#gray-dark-bg {
background: #404040;
border-radius: 24px;
color: white;
padding: 24px;
}
#gray-dark-bg h5, #gray-dark-bg h4 {
margin-top: 0;
}
#phatology-squares {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
color: white;
}
@media screen and (max-width: 768px) {
#phatology-squares {
grid-template-columns:1fr;
}
}
#phatology-squares #cardio {background: linear-gradient(#F0AB00, #C6076A);border-radius: 24px;padding: 32px;flex-direction: column;justify-content: space-between;display: flex;height: 100%;min-height: 407px;}
#phatology-squares #respi, #phatology-squares #onco  {
    height:100%;
}
#phatology-squares #respi {background: linear-gradient(#4EC7D6, #F0AB00);border-radius: 24px;padding: 32px;flex-direction: column;justify-content: space-between;display: flex;}
#phatology-squares #sistema {background: linear-gradient(#C4D600, #68D2DF);border-radius: 24px;padding: 32px;flex-direction: column;justify-content: space-between;display: flex;height: 100%;max-height: 450px;min-height: 407px;}
#phatology-squares #onco {background: linear-gradient(#D0006F, #68D2DF);border-radius: 24px;padding: 32px;display: flex;flex-direction: column;justify-content: space-between;}
#phatology-squares img {
width: 100px;
height: 100%;
max-height: 80px;
}
@media screen and (max-width:768px){
    #phatology-squares #sistema{
        min-height:auto;
    }
}
#phatology-squares .button {
justify-content: flex-start;
margin-top: 8px;
}
#button-white {
background: white;
color: black;
padding: 18px 32px;
border-radius: 100px;
}
#hub-modal-container .button {
display: flex;
justify-content: flex-start;
}
#hub-modal-container #button-white {
background: #830052;
color: white;
}
#button-white:hover {
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}
#grey-banner {
background: #CCCCCC80;
padding: 40px;
border-radius: 16px;
}
#grey-banner-s {
background: #CCCCCC80;
padding: 20px;
border-radius: 16px;
}
#hub #square-yellow-section {
background-color: #f0ab00;
padding: 20px;
border-radius: 20px;
}
#hub #container-gray-bg {
background-color: #f1f1f1;
border-radius: 20px;
padding: 20px;
}
#hub #white-card-hub {
background-color: #fff;
border-radius: 10px;
padding: 10px;
}
#hub #white-card-hub .separator {
width: 35%;
}
#hub #container-gray-bg #white-card-hub .cmp-separator__horizontal-rule {
border: 2px solid #C6076A;
}
#hub #container-gray-bg .cmp-container {
height: 100%;
}
#hub #container-gray-bg .container.responsivegrid #hub #reto-big-card .container.responsivegrid {
position: absolute!important;
}
#hub #horizontal-order {
display: flex;
gap: 20px
}
#hub #horizontal-order img {
max-width: 55px;
}
#hub #horizontal-order img {
width: 250px;
}
#hub #bg-gray-banner-ecosistema-hub {
background-color: #f1f1f1;
border-radius: 20px;
padding: 30px;
}
#hub #mapa-catalyst {
width: 75%;
margin: 0 auto;
}
#hub #conoce-mas-btn-ecosistema a {
text-align: center;
padding: 15px 40px;
border-radius: 25px;
text-decoration: none;
background: white;
}
#hub #conoce-mas-btn-ecosistema p {
margin: 40px auto;
}
#hub #nuevas-patologias {
display: grid;
gap: 20px;
flex-wrap: wrap;
margin-top: 50px;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 768px) {
#hub #nuevas-patologias {
grid-template-columns: 1fr 1fr;
padding: 16px;
}
}
#hub #header-nav .cmp-navigation__item:last-child a {
background: #C4D600;
border-radius: 100px;
padding: 16px 32px;
}
#hub #yellow-container-hub {
background-color: #F0AB00;
padding: 70px;
border-radius: 20px;
}
#hub #reto-big-card-content {
padding: 70px;
text-align: left;
}
#hub #reto-big-card .image {
position: relative;
}
#hub #big-card-image {
position: relative!important;
}
#hub #reto-big-card-content .cmp-container {
position: absolute!important;
top: 0;
}
#hub #nuevas-patologias .image {
width: auto;
}
@media (max-width: 768px) {
#hub #container-blocks-hubs .cta-row a {
width:100%;
}
#hub #nuevas-patologias .image {
width: auto;
}
#hub #container-blocks-hubs .cta-row a p {
width: 100%;
}
}
#hub #container-blocks-hubs .cta-sim {
min-width: 278px!important;
}
#hub #banner-icon-title h2 {
font-weight: bold!important;
margin: 0;
color: white;
}
#hub #banner-cardio, #hub #banner-respi, #hub #banner-onco, #hub #banner-sistema {
background: linear-gradient(#F0AB00, #C6076A);
height: 300px;
padding: 32px;
display: flex;
align-items: start;
flex-direction: column;
gap: 40px;
justify-content: center;
}
#hub #banner-respi {
background: linear-gradient(#4EC7D6, #F0AB00);
}
#hub #banner-onco {
background: linear-gradient(#D0006F, #68D2DF);
}
#hub #banner-sistema {
background: linear-gradient(#C4D600, #68D2DF);
}
#hub #banner-icon-title img {
width: 100px;
height: 100%;
}
#hub #banner-cardio button {
align-items: flex-start;
}
#hub #banner-icon-title {
display: flex;
gap: 32px;
align-items: center;
justify-content;center; }
#hub .exit-ramp-content {
padding: 40px;
}
#hub .exit-ramp-content a, #hub .exit-ramp-cancel {
border-radius: 100px!important;
padding: 18px 32px;
}
#hub .exit-ramp-content>.exit-ramp-actions>.exit-ramp-continue {
color: white;
background: black;
text-decoration: none;
}
#hub #small-banner-container {
background: linear-gradient(90deg, #d83aa1, #f9b233, #9be15d);
border-radius: 25px;
padding: 20px;
}
#hub #white-gb {
background-color: white;
border-radius: 15px;
padding: 16px;
}
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div:nth-child(1), #hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(to left, #D0006F, transparent), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/slider1hub.jpg");
background-size: cover;
background-repeat: no-repeat;
border-radius: 24px;
}
#hub #carousel-hub-1-item-1168b2aa54-tabpanel > div:nth-child(1), #hub #carousel-hub-1 .cmp-carousel__content div:nth-child(2) {
background-image: linear-gradient(to left, #F0AB00, transparent), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider-2-banner.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 24px;
}
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div, #hub #carousel-hub-1-item-1168b2aa54-tabpanel > div, #hub #carousel-hub-1-item-53c851a8df-tabpanel > div, #hub .cmp-carousel__content {
right: 0;
height: 680px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: end;
text-align: right;
color: white;
}
#hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(to left, #1d9da0, transparent), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider_3_hub_v2.jpg");
}
#hub #carousel-hub-1 .text {
width: 100%;
max-width: 40%;
}
#hub #carousel-hub-1 .high-text-card {
padding: 40px;
text-align: left;
}
#hub #carousel-hub-1 .high-text-card .card-title {
color: white;
}
@media screen and (max-width: 768px) {
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div:nth-child(1), #hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(rgba(208, 0, 111, 0.65), rgba(208, 0, 111, 0.65)), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/accion/slider1hub.jpg");
}
#hub #carousel-hub-1-item-53c851a8df-tabpanel > div {
background-image: linear-gradient(rgba(29, 157, 160, 0.7), rgba(29, 157, 160, 0.7)), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider_3_hub_v2.jpg");
}
#hub #carousel-hub-1-item-1168b2aa54-tabpanel > div:nth-child(1), #hub #carousel-hub-1 .cmp-carousel__content div:nth-child(2) {
background-image: linear-gradient(rgba(240, 171, 0, 0.8), rgba(240, 171, 0, 0.6)), url("/content/dam/intelligentcontent/multibrand/es/az-one/images/hub-assets/Slider-2-banner.jpg");
}
#hub #carousel-hub-1 .high-text-card .card-title {
font-size: 30px!important;
color: white;
line-height: 30px!important;
}
#hub #carousel-hub-1 .high-text-card {
text-align: left;
}
}
#hub #carousel-hub-1 .cmp-container {
display: flex;
justify-content: end;
}
.button-white-hub {
border-radius: 999px;
padding: 22.0px 75.0px;
background: rgb(255,255,255);
color: rgb(17,17,17);
font-weight: 500;
font-size: 18.0px;
}
@media (max-width: 768px) {
#hub #carousel-hub-1.button-white-hub {
padding: 15px 40px!important;
}
.button-white-hub {
padding: 22px 45px!important;
}
}
#hub #carousel-hub-1 .high-text-card p {
margin-bottom: 40px!important;
}
#hub #community-banner .button-white-hub a {
color: black !important;
text-decoration: none;
}
@media screen and (max-width: 768px) {
#hub #carousel-hub-1 .text {
width:100%;
max-width: 100%;
}
#hub #carousel-hub-1-item-e9f83a4989-tabpanel > div, #hub #carousel-hub-1-item-1168b2aa54-tabpanel > div, #hub #carousel-hub-1-item-53c851a8df-tabpanel > div, #hub .cmp-carousel__content {
min-height: 680px;
height: 100%;
}
}
#hub #carousel-hub-1 .button-white-hub {
position: relative;
}
.azcl-columns--3 .cmp-container .container {
height: 100%;
}
#hub #t4 {
opacity: 0;
}
#hub #t17 {
opacity: 0;
}
#banner-hub img {
border-radius: 26px;
}
@media (max-width: 768px) {
#hub #container-mobile-wrapper {
padding:0 20px;
}
}
@media (max-width: 768px) {
#hub .main-title {
margin-top: 10px!important;
font-size: 35px!important;
line-height: 40px!important;
}
#hub .sub-titles {
font-size: 30px!important;
line-height: 35px!important;
}
}
.stats {display: flex;flex-wrap: wrap;justify-content: center;gap: 64px;margin-bottom: 80px;margin-top: 80px;}
.stats h3 {
margin: 0;
text-align: center;
}
.stats-line {margin-bottom: 80px;margin-top: 80px;display: flex;justify-content: center;align-items: center;gap: 30px;text-align: center;}
.stats-line h3 {
margin: 0;
}
.stats-line .number, .stats .number {
color: #F0AB02;
font-size: 52px;
}
@media (max-width: 768px) {
.stats {
margin-bottom:40px;
gap: 8px;
padding: 0;
}
.stats h3 b {
display: flex;
flex-direction: column;
}
.stats h3 {
flex: 1 1 45%;
max-width: 45%;
text-align: center;
}
.stats-line {
flex-direction: column;
gap: 8px;
margin-bottom: 40px;
margin-top: 0;
}
}
#card-gradient .bigText {
font-size: 42px;
font-weight: bold;
}
#card-gradient h3 {
margin-top: 0;
text-align: center;
    color:white;
}
#card-gradient {
background: linear-gradient(#FFC943, #EA65AA);
border-radius: 24px;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 32px;
}
#wrapper-gradient-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}
@media screen and (max-width: 768px) {
#wrapper-gradient-cards {
grid-template-columns:1fr;
}
}

#hub .cmp-dynamicform__submit-btn, #hub .cmp-dynamicform__clear-btn, #hub .inputfile-1+label{
    border-radius:100px;
    padding:18px 32px;
}

#banner-retos-otros, #banner-retos-poliposis{
  min-height:496px;
  display: flex;
  align-items: start;
  gap: 8px;
  background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/Banner-EOS-preview.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 64px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#banner-retos-poliposis{
      background-image: url('/content/dam/intelligentcontent/multibrand/es/az-one/images/bannerreto2.jpg');
}
@media screen and (max-width:768px){
  #banner-retos-otros, #banner-retos-poliposis{
    height:100%;
    flex-direction:column;
  }
  #banner-retos-otros p, #banner-retos-poliposis p{
      display: contents;
  }
  #banner-retos-otros .button-white-hub, #banner-retos-poliposis .button-white-hub{
      width:100%;
  }
}
#banner-retos-otros .counter{
  font-weight: 800!important;
  display:flex;
  align-items:center;
  background:transparent;
  color:white;
  padding:0;
  font-size: clamp(22px,3.6vw,43px);
  font-family: 'Poppins';
  gap: 8px;
  display: flex;
  justify-content: end;
  border-radius: 0;
}

#banner-retos-otros .high-text-card, #banner-retos-poliposis .high-text-card {
  gap:16px;
  display:flex;
  flex-direction:column;
  max-width: 580px;
  text-align: right;
  justify-content: end;
  align-items: end;
}
#banner-retos-otros .button-white-hub, #banner-retos-poliposis .button-white-hub{
  max-width:280px;
  text-align: center;
}
@media screen and (max-width:768px){
    #hub #yellow-container-hub{
        padding:40px;
    }
  #banner-respi > div:last-child #banner-icon-title, #banner-sistema > div:last-child #banner-icon-title, #banner-onco > div:last-child #banner-icon-title, #banner-cardio > div:last-child #banner-icon-title{
  flex-direction:column;
  align-items:start;
    gap:16px;
}
#hub #header-nav{
    padding:16px;
}
#hub #header-logo{
    max-width:200px;
    width:100%;
    margin:0;
}
#hub #header-btn-nav{
    margin:0;
}
}
#purpleButton #button-white{
    background:#830052;
    color:white;
}
#hub #purpleButton a{
  background:#830052!important;
  color:white!important;
}
#hub .btn-calendar {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: black;
  text-decoration: none;
  font-size: 18px;
  border-radius: 100px;
  border:1px solid black;
  padding:22.0px 75.0px;
  text-decoration:none!important;

}
#hub .btn-calendar:hover{
  background:#830052!important;
  color:white;
  border-color:#830052;
}
#hub .btn-calendar:hover::before{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_2' data-name='Capa 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 328.82 327.45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Capa_1-2' data-name='Capa 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M74.41,21.67h112.28V5.57c0-1.99,4.92-5.45,7.17-5.56,2.71-.13,8.55,2.88,8.55,5.56v16.09c13.66-.05,26.42-1.39,38.57,5.97,11.08,6.72,18.02,18.98,19.1,31.8v116.39c34.83,3.53,63.38,30.86,68,65.63,10.88,81.98-100.79,119.25-140.27,48.95-27.11-48.26,2.15-107.73,57.28-113.79v-74.11H17.52v122.39c0,.29,1.75,4.64,2.11,5.38,4.42,9.25,13.06,13.11,22.93,13.75,34.31,2.22,71.03-1.72,105.6-.05,7.58.89,8.39,11.88,1.66,15.17l-112.37.47c-21.4-2.64-35.08-18.7-36.43-39.92-3.26-51.17,2.53-105.74,0-157.26.61-14.38,7.22-27.51,19.75-34.9s24.23-5.94,37.93-5.86V6.32C58.69,3.32,63.81.11,66.62,0c2.26-.08,7.79,2.44,7.79,4.82v16.84ZM59.44,37.39h-18.34c-7.91,0-17.68,6.21-21.2,13.23-.4.8-2.38,5.54-2.38,5.86v28.82h227.56v-25.08c0-3.06-3.66-10.48-5.68-13.03-9.21-11.62-23.25-7.67-36.24-8.3v16.09c0,2.84-5.22,4.93-7.86,4.93s-7.86-2.09-7.86-4.93v-16.47l-111.53-1.12v13.85c0,3.48-3.48,7.56-7.11,7.89-3.87.35-9.36-2.02-9.36-6.39v-15.35ZM251.67,191.8c-38.11,1.31-63.97,34.29-57.16,71.69,9.02,49.55,72.53,64.66,104.44,26.51s2.95-99.92-47.28-98.2Z'/%3E%3Cpath class='cls-1' d='M63.73,188.77c17.36-3.59,15.51,22-1.83,14.96-7.41-3.01-5.24-13.49,1.83-14.96Z'/%3E%3Cpath class='cls-1' d='M137.78,143.19c1.93,1.95,2.13,4.97,1.71,7.56-1.59,9.69-21.8,7.87-17.51-4.8,2.12-6.27,11.56-7.05,15.81-2.76Z'/%3E%3Cpath class='cls-1' d='M137.78,191.09c1.93,1.95,2.13,4.97,1.71,7.56-1.59,9.69-21.8,7.87-17.51-4.8,2.12-6.27,11.56-7.05,15.81-2.76Z'/%3E%3Cpath class='cls-1' d='M65.26,140.83c13.05-1.81,14.45,16.86-.2,15.58-10.44-.92-10.52-14.09.2-15.58Z'/%3E%3Cpath class='cls-1' d='M191.73,140.86c11.89-2.12,14.94,11.57,7.48,14.96-13.81,6.29-18.23-13.04-7.48-14.96Z'/%3E%3Cpath class='cls-1' d='M260.8,243.98h22.08c2.36,0,5.02,5.48,4.92,7.84-.12,2.81-3.78,7.88-6.42,7.88h-20.58v20.58c0,2.62-4.49,5.41-7.11,5.65-2.85.26-8.61-1.8-8.61-4.9v-21.33h-20.58c-4.77,0-7.15-7.98-5.2-11.94.41-.84,3.81-3.78,4.45-3.78h20.21l1.12-1.12v-20.21c0-.64,2.94-4.04,3.78-4.45,3.96-1.95,11.94.43,11.94,5.2v20.58Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#hub .btn-calendar::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_2' data-name='Capa 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 328.82 327.45'%3E%3Cg id='Capa_1-2' data-name='Capa 1'%3E%3Cg%3E%3Cpath d='M74.41,21.67h112.28V5.57c0-1.99,4.92-5.45,7.17-5.56,2.71-.13,8.55,2.88,8.55,5.56v16.09c13.66-.05,26.42-1.39,38.57,5.97,11.08,6.72,18.02,18.98,19.1,31.8v116.39c34.83,3.53,63.38,30.86,68,65.63,10.88,81.98-100.79,119.25-140.27,48.95-27.11-48.26,2.15-107.73,57.28-113.79v-74.11H17.52v122.39c0,.29,1.75,4.64,2.11,5.38,4.42,9.25,13.06,13.11,22.93,13.75,34.31,2.22,71.03-1.72,105.6-.05,7.58.89,8.39,11.88,1.66,15.17l-112.37.47c-21.4-2.64-35.08-18.7-36.43-39.92-3.26-51.17,2.53-105.74,0-157.26.61-14.38,7.22-27.51,19.75-34.9s24.23-5.94,37.93-5.86V6.32C58.69,3.32,63.81.11,66.62,0c2.26-.08,7.79,2.44,7.79,4.82v16.84ZM59.44,37.39h-18.34c-7.91,0-17.68,6.21-21.2,13.23-.4.8-2.38,5.54-2.38,5.86v28.82h227.56v-25.08c0-3.06-3.66-10.48-5.68-13.03-9.21-11.62-23.25-7.67-36.24-8.3v16.09c0,2.84-5.22,4.93-7.86,4.93s-7.86-2.09-7.86-4.93v-16.47l-111.53-1.12v13.85c0,3.48-3.48,7.56-7.11,7.89-3.87.35-9.36-2.02-9.36-6.39v-15.35ZM251.67,191.8c-38.11,1.31-63.97,34.29-57.16,71.69,9.02,49.55,72.53,64.66,104.44,26.51s2.95-99.92-47.28-98.2Z'/%3E%3Cpath d='M63.73,188.77c17.36-3.59,15.51,22-1.83,14.96-7.41-3.01-5.24-13.49,1.83-14.96Z'/%3E%3Cpath d='M137.78,143.19c1.93,1.95,2.13,4.97,1.71,7.56-1.59,9.69-21.8,7.87-17.51-4.8,2.12-6.27,11.56-7.05,15.81-2.76Z'/%3E%3Cpath d='M137.78,191.09c1.93,1.95,2.13,4.97,1.71,7.56-1.59,9.69-21.8,7.87-17.51-4.8,2.12-6.27,11.56-7.05,15.81-2.76Z'/%3E%3Cpath d='M65.26,140.83c13.05-1.81,14.45,16.86-.2,15.58-10.44-.92-10.52-14.09.2-15.58Z'/%3E%3Cpath d='M191.73,140.86c11.89-2.12,14.94,11.57,7.48,14.96-13.81,6.29-18.23-13.04-7.48-14.96Z'/%3E%3Cpath d='M260.8,243.98h22.08c2.36,0,5.02,5.48,4.92,7.84-.12,2.81-3.78,7.88-6.42,7.88h-20.58v20.58c0,2.62-4.49,5.41-7.11,5.65-2.85.26-8.61-1.8-8.61-4.9v-21.33h-20.58c-4.77,0-7.15-7.98-5.2-11.94.41-.84,3.81-3.78,4.45-3.78h20.21l1.12-1.12v-20.21c0-.64,2.94-4.04,3.78-4.45,3.96-1.95,11.94.43,11.94,5.2v20.58Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width:768px){
  #hub .btn-calendar{
    padding:24px;
    width:100%;
    text-align:center;
    display:flex;
    align-items:center;justify-content:center;
  }
}
#tabs-mwc .cmp-tabs__tablist {
  position: -webkit-sticky;
  position: sticky;
  
  /* 1. CRiTICO: Debe tener unidad (px). "16" a secas se ignora. */
  top: 16px; 
  
  /* 2. Centrado manteniendo proporciones originales */
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  
  /* 3. Reset necesario para que el centrado sea exacto */
  list-style: none;
  padding: 0;
  z-index: 1000;
}

#hub #tabs-mwc .sub-titles{
  color:#830051;
}
#hub #tabs-mwc .date{
  font-size:16px!important;
  background:#F0AB02;
  width:fit-content;
  padding:16px 24px;
  border-radius:100px;
  color:black;
}

#hub #az-2-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
  
}

@media (min-width: 992px) {
    #hub #az-2-columns {
        grid-template-columns:1fr 1fr
    }
}

#az-2-columns>.container {
    width: 100%
}
#wrapper-bloques{
    margin:70px auto;
}
#hub #bloque-ganadores{
    background-color:#d0006f;
}
#hub #bloque-retos{
    background-color:#f0ab00;
}
#hub #bloque-ganadores, #hub #bloque-retos{
      align-items: center;
      border-radius: 30px;
      padding: 64px;

    
}
@media (min-width: 992px){
    #hub #bloque-ganadores, #hub #bloque-retos{

      height: 100vh;
      max-height: 420px;
}

}
@media screen and (max-width:768px){
    #hub #bloque-ganadores p, #hub #bloque-retos p{
    display:flex;
}
#hub #bloque-ganadores  .button-white-hub, #hub #bloque-retos .button-white-hub{
    max-width:280px;
    width:100%;
    text-align:center;
}
}

/* Selecciona solo la segunda imagen */
.startups img:nth-child(2), .startups img:nth-child(3){
height:80px;
}
.startups img:last-child {
    height:65px;
}