/** * Nosotros (nosotros/index): correcciones responsive. * Cargar al final del . Ámbito: body.fx-nosotros */ .fx-nosotros { overflow-x: hidden !important; } .fx-nosotros main { overflow-x: hidden !important; max-width: 100% !important; } /* Banner: quita alto fijo 650px del figure y centra título */ @media (max-width: 991px) { .fx-nosotros .fx-page-hero.container.banner { position: relative !important; padding-bottom: 24px !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .fx-nosotros .fx-page-hero #banner-about { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; display: block !important; width: 100% !important; } .fx-nosotros .fx-page-hero #banner-about img { width: 100% !important; max-width: 100% !important; max-height: min(52vh, 460px) !important; height: auto !important; object-fit: cover !important; object-position: center center !important; display: block !important; } .fx-nosotros .fx-page-hero .text-banner { left: 50% !important; right: auto !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 96% !important; max-width: min(96vw, 48rem) !important; text-align: center !important; padding: 0 16px !important; box-sizing: border-box !important; } .fx-nosotros .fx-page-hero .text-banner h1 { font-size: clamp(2.5rem, 12vw, 4.5rem) !important; line-height: 1.1 !important; margin: 0 !important; } .fx-nosotros .fx-page-hero .text-banner p { padding: 8px 12px 0 !important; display: block !important; line-clamp: unset !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; } } /* Bloque bienvenida */ @media (max-width: 991px) { .fx-nosotros .wellcome { padding-bottom: 48px !important; padding-left: 0 !important; padding-right: 0 !important; } .fx-nosotros .wellcome > .container { padding-left: 20px !important; padding-right: 20px !important; } .fx-nosotros .wellcome .text-well, .fx-nosotros .wellcome .img-well { width: 100% !important; float: none !important; padding-left: 4px !important; padding-right: 4px !important; box-sizing: border-box !important; } .fx-nosotros .wellcome .media { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding-bottom: 16px !important; } .fx-nosotros .wellcome .media .media-left, .fx-nosotros .wellcome .media .media-body { display: block !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .fx-nosotros .wellcome .media .media-body { padding-left: 0 !important; } .fx-nosotros .wellcome .media .media-left a { display: inline-block !important; } .fx-nosotros .wellcome .media .media-left img { margin: 0 auto 12px !important; max-width: 100px !important; height: auto !important; display: block !important; } .fx-nosotros .wellcome .media .media-body h1 { font-size: clamp(14px, 3.2vw, 18px) !important; margin-top: 0 !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } .fx-nosotros .wellcome .media .media-body h2 { font-size: clamp(1.1rem, 4.5vw, 1.65rem) !important; line-height: 1.3 !important; margin-top: 6px !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } .fx-nosotros .wellcome p { padding: 0 14px 18px !important; max-width: 38rem !important; margin-left: auto !important; margin-right: auto !important; font-size: clamp(14px, 3.2vw, 16px) !important; line-height: 1.55 !important; text-align: left !important; } .fx-nosotros .wellcome .social-well { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 8px 0 0 !important; } .fx-nosotros .wellcome .social-well span { top: 0 !important; padding-right: 8px !important; } .fx-nosotros .wellcome .img-well { margin-top: 28px !important; } .fx-nosotros .wellcome #img-about { max-width: 100% !important; } .fx-nosotros .wellcome #img-about img, .fx-nosotros .wellcome #img-about a img { width: 100% !important; max-width: 100% !important; height: auto !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } .fx-nosotros .wellcome #img-about a { display: block !important; max-width: 100% !important; } } /* Tablets medianas: dos columnas aún apretadas (Bootstrap sm) */ @media (min-width: 768px) and (max-width: 991px) { .fx-nosotros .wellcome .row > [class*="col-sm-6"] { width: 100% !important; float: none !important; } } /* Footer (inline height 855px + form-new) */ @media (max-width: 991px) { .fx-nosotros footer { height: auto !important; min-height: 0 !important; max-width: 100% !important; background-size: cover !important; background-position: center top !important; } .fx-nosotros footer .info-footer { padding-top: 40px !important; padding-bottom: 16px !important; } .fx-nosotros footer .row > .info-footer, .fx-nosotros footer .row > .new-letter { width: 100% !important; float: none !important; padding: 12px 18px !important; } .fx-nosotros footer .info-footer .col-xs-6 { width: 100% !important; float: none !important; margin-bottom: 16px !important; } .fx-nosotros footer .new-letter { padding-bottom: 32px !important; } .fx-nosotros footer .new-letter .form-new { margin-top: 0 !important; height: auto !important; min-height: min(220px, 50vw) !important; max-width: 100% !important; box-sizing: border-box !important; padding: 20px 16px 28px !important; background-size: cover !important; background-position: center center !important; } .fx-nosotros footer .new-letter .form-new h1 { padding: 8px 8px 12px !important; margin: 0 !important; text-align: center !important; font-size: clamp(1.2rem, 4vw, 1.65rem) !important; } .fx-nosotros footer .new-letter .form-new p { padding: 0 8px 16px !important; margin: 0 auto !important; max-width: 28rem !important; text-align: center !important; line-height: 1.55 !important; } .fx-nosotros footer .new-letter .form-new input { display: block !important; width: 100% !important; max-width: 22rem !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .fx-nosotros footer .new-letter .form-new button { display: block !important; width: fit-content !important; max-width: calc(100% - 24px) !important; margin: 16px auto 0 !important; } .fx-nosotros footer .footer-logo .footer-row .col-lg-4 .logo-bot { margin-left: 0 !important; } } /* Pantallas muy estrechas: banner un poco más bajo para no robar scroll */ @media (max-width: 480px) { .fx-nosotros .fx-page-hero #banner-about img { max-height: min(42vh, 320px) !important; } }