Back
/* =================================================== CBS · AVISO LEGAL · HERO FULL WIDTH Font Awesome 6 Free cargado directamente =================================================== */ /* CARGA INDEPENDIENTE DE FONT AWESOME */ @font-face { font-family: "CBS Legal Icons"; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: block; } /* CABECERA DE ANCHO COMPLETO */ .cbs-legal .cbs-legal-hero-wide { position: relative; width: 100vw; max-width: none; left: 50%; transform: translateX(-50%); background: #143C67; color: #ffffff; border-radius: 0; padding: 75px 0; overflow: hidden; isolation: isolate; } /* LÍMITE INTERIOR */ .cbs-legal .cbs-legal-hero-layout { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; gap: 40px; } /* TEXTO */ .cbs-legal .cbs-legal-hero-text { position: relative; z-index: 2; flex: 1 1 650px; min-width: 0; } .cbs-legal .cbs-legal-hero-wide h1 { font-family: Georgia, serif; font-size: clamp(38px, 5vw, 56px); line-height: 1.15; color: #ffffff !important; margin-bottom: 20px; } .cbs-legal .cbs-legal-hero-wide .cbs-legal-intro { max-width: 690px; font-size: 18px; line-height: 1.7; color: #ffffff; } .cbs-legal .cbs-legal-hero-wide .cbs-legal-date { color: #d6e6f2; font-size: 13px; margin-top: 20px; } /* ICONO DECORATIVO */ .cbs-legal .cbs-legal-hero-art { display: flex; align-items: center; justify-content: center; flex: 0 0 240px; width: 240px; height: 240px; color: #ffffff; opacity: .16; pointer-events: none; } .cbs-legal .cbs-legal-fa-balance::before { content: "\f24e"; font-family: "CBS Legal Icons" !important; font-weight: 900 !important; font-style: normal !important; display: block; font-size: 190px; line-height: 1; } /* TABLETS */ @media (max-width: 991px) { .cbs-legal .cbs-legal-hero-wide { padding: 60px 0; } .cbs-legal .cbs-legal-hero-art { flex-basis: 170px; width: 170px; height: 170px; } .cbs-legal .cbs-legal-fa-balance::before { font-size: 145px; } } /* MÓVILES */ @media (max-width: 767px) { .cbs-legal .cbs-legal-hero-wide { padding: 50px 0; } .cbs-legal .cbs-legal-hero-layout { display: block; } .cbs-legal .cbs-legal-hero-text { position: relative; z-index: 2; } .cbs-legal .cbs-legal-hero-wide h1 { font-size: 36px; } .cbs-legal .cbs-legal-hero-wide .cbs-legal-intro { font-size: 16px; line-height: 1.65; } .cbs-legal .cbs-legal-hero-art { position: absolute; right: -35px; bottom: -15px; width: 145px; height: 145px; opacity: .08; z-index: 1; } .cbs-legal .cbs-legal-fa-balance::before { font-size: 125px; } }