@font-face { font-family: 'Gotham'; src: url('/wp-content/themes/cimenta-child/fonts/gotham-light-webfont.woff2') format('woff2'), url('/wp-content/themes/cimenta-child/fonts/gotham-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('/wp-content/themes/cimenta-child/fonts/Gotham-Regular.woff2') format('woff2'), url('/wp-content/themes/cimenta-child/fonts/Gotham-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('/wp-content/themes/cimenta-child/fonts/Gotham-boldOffice.woff2') format('woff2'), url('/wp-content/themes/cimenta-child/fonts/Gotham-boldOffice.woff') format('woff'); font-weight: bold; font-style: normal; } :root { --verde: #004C37; --verdepalido: #36A283; --verdepasto: #506C60; --blanco: #FCFCFC; --negro: #1A202C; --tierra: #E06244; } .page-template .single { padding-top: 0 !important; } body.redesign-cimenta h1, body.redesign-cimenta h2, body.redesign-cimenta h3, body.redesign-cimenta h4, body.redesign-cimenta h5, body.redesign-cimenta h6 { font-family: 'Gotham', sans-serif !important; font-weight: bold !important; text-transform: none !important; line-height: 1.2 !important; letter-spacing: normal !important; margin: 0 0 1rem; } body.redesign-cimenta p { font-family: 'Gotham', sans-serif !important; line-height: 1.6 !important; text-transform: none !important; margin-bottom: 1rem !important; } body.redesign-cimenta { font-family: 'Gotham', sans-serif !important; margin: 0 !important; padding: 0 !important; background-color: var(--blanco) !important; text-transform: none !important; letter-spacing: normal !important; } body.redesign-cimenta .wrapper { display: flex; flex-direction: column; min-height: 100vh; } body.redesign-cimenta .content { flex: 1; } /* ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f2f2f2; } ::-webkit-scrollbar-thumb { background: var(--verdepalido); border-radius: 5px; } */ /* HEADER */ body.redesign-cimenta #header-cimenta { position: fixed; top: 0 !important; width: 100% !important; z-index: 101 !important; background-color: var(--verde); color: var(--blanco); padding: 15px 20px !important; box-sizing: border-box; margin: 0 !important; } body.redesign-cimenta #header-cimenta a { color: var(--blanco); text-decoration: none; font-weight: 300; } body.redesign-cimenta #header-cimenta .site-branding img { max-height: 50px !important; box-sizing: unset; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu { list-style: none; gap: 15px !important; margin: 0 !important; padding: 0 !important; } body.redesign-cimenta #header-cimenta #site-navigation .menu-toggle { display: inline-block; background: none; border: none; cursor: pointer; position: relative; z-index: 102; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li { display: block; position: relative; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu { display: none; padding-left: 20px !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li.open>.sub-menu { display: block; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu li a { display: block; margin-top: 10px !important; } /* ----- ESTILOS MOBILE (<900px) ----- */ @media (max-width: 920px) { body.redesign-cimenta #header-cimenta .site-branding img { max-height: 20px !important; } body.redesign-cimenta #header-cimenta.menu-open .site-branding img { padding-left: 5px !important; padding-top: 5px !important; padding-bottom: 20px !important; z-index: 102; } body.redesign-cimenta #header-cimenta { display: flex; justify-content: space-between; } body.redesign-cimenta #header-cimenta.menu-open { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 15px !important; } body.redesign-cimenta #header-cimenta #site-navigation .menu-toggle { display: inline-block; background: none; border: none; cursor: pointer; position: relative; width: 24px !important; height: 24px !important; margin-left: auto; } body.redesign-cimenta #header-cimenta #site-navigation .menu-toggle .menu-icon { position: absolute; top: 0 !important; width: 100% !important; height: 100% !important; transition: opacity 0.3s ease; } body.redesign-cimenta #header-cimenta #site-navigation .menu-toggle .menu-icon-open { display: block; } body.redesign-cimenta #header-cimenta #site-navigation .menu-toggle .menu-icon-close { display: none; width: 20px !important; height: 20px !important; } body.redesign-cimenta #header-cimenta.menu-open #site-navigation .menu-toggle .menu-icon-open { display: none !important; } body.redesign-cimenta #header-cimenta.menu-open #site-navigation .menu-toggle .menu-icon-close { display: block !important; } body.redesign-cimenta #header-cimenta.menu-open .site-branding { margin-top: 0 !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu { position: relative; width: 100% !important; background-color: var(--verde); flex-direction: column; padding-bottom: 10px !important; display: none; z-index: 102; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu.active { display: flex !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li { width: 100%; padding: 10px 0 !important; z-index: 102; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu a { font-size: 16px !important; color: var(--blanco); text-decoration: none; display: block; width: 100% !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu { display: none; flex-direction: column; width: 100% !important; padding: 15px 0 !important; } body.redesign-cimenta #header-cimenta.menu-open #site-navigation .nav-menu { border-top: 1px solid rgba(255, 255, 255, 0.2); } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li.active>.sub-menu, body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li.focus>.sub-menu { display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 102; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu li { width: 100% !important; padding: 15px 0 !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .menu-item-has-children>a::after { content: ""; background-image: url('../images/arrow-header.svg'); background-size: contain; background-repeat: no-repeat; width: 12px !important; height: 12px !important; display: inline-block; margin-left: 8px; transform: rotate(270deg); transition: transform 0.5s ease; } body.redesign-cimenta #header-cimenta.menu-open #site-navigation .menu-toggle { margin-top: -2.5rem !important; padding: 20px !important; align-self: flex-end; display: flex; flex-direction: row; } } @media (min-width: 921px) { body.redesign-cimenta #header-cimenta { display: flex; align-items: center; justify-content: space-between; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu { display: flex; flex-direction: row; } body.redesign-cimenta #header-cimenta #site-navigation .menu-toggle { display: none; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li { display: inline-block; margin-right: 15px; z-index: 120; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu a { letter-spacing: -3%; font-size: 16px; opacity: 90%; transition: color 0.3s ease; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .menu-item-has-children>.sub-menu { display: none; position: absolute; left: 0; top: 100%; margin-top: 0; padding: 15px 20px; line-height: 150%; min-width: 235px; background-color: var(--verde); color: var(--blanco); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-weight: 300; z-index: 120 !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .menu-item-has-children:hover>.sub-menu { display: block !important; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .menu-item-has-children>a::after { content: ""; background-image: url('../images/arrow-header.svg'); background-size: contain; background-repeat: no-repeat; width: 12px; height: 12px; display: inline-block; margin-left: 8px; transform: translateY(5px); transition: transform 0.3s ease; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .menu-item-has-children:hover>a::after { transform: rotate(180deg); } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .menu-item-has-children { position: relative; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:last-child a { background-color: var(--blanco); color: var(--verde); font-weight: 400; padding: 8px 15px; border-radius: 4px; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:last-child a:hover { background-color: var(--verdepalido); color: var(--blanco); } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:last-child { position: relative; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:last-child::before { content: ""; position: absolute; left: -20px; margin-right: 200px; top: 50%; transform: translateY(-50%); height: 23px; width: 1px; background-color: var(--blanco); } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:nth-last-child(2) { margin-right: 25px; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu .sub-menu li a { margin-top: 15px; white-space: nowrap; } } @media (min-width: 1440px) { body.redesign-cimenta #header-cimenta .site-branding { margin-left: 12%; } body.redesign-cimenta #header-cimenta .main-navigation { margin-right: 11%; } } @media (min-width: 1800px) { body.redesign-cimenta #header-cimenta .site-branding { margin-left: 11%; } } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li.current-menu-item a, body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li.current_page_item a { font-weight: bold; } /* Desktop: efecto al pasar el mouse */ @media (min-width: 921px) { body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:not(:last-child):not(.menu-item-has-children) a { position: relative; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:not(:last-child):not(.menu-item-has-children) a::after { content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 100%; background-color: var(--blanco); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu>li:not(:last-child):not(.menu-item-has-children) a:hover::after { transform: scaleX(1); } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu li a { position: relative; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu li a::after { content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 100%; background-color: var(--blanco); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } body.redesign-cimenta #header-cimenta #site-navigation .nav-menu li .sub-menu li a:hover::after { transform: scaleX(1); } } /* HOME */ body.redesign-cimenta .main-home-content { position: relative; /* max-width: 1440px; */ max-width: 100%; margin: 0 auto; width: 100%; } /* sección banner */ body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide picture img { height: auto; width: 100%; margin-top: 50px; display: block; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; object-fit: cover; } /* .main-page-nosotros .mf-banner-top__slide { background-color: var(--verde); } */ body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content { position: absolute; top: 50%; margin-top: 10px; left: 0; margin-left: 0; transform: translateY(-50%); text-align: left; color: var(--blanco); padding: 20px; border-radius: 8px; width: 40%; max-width: 500px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2, body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { color: var(--blanco); font-family: 'Gotham', sans-serif; margin: 10px 0; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-weight: bold; font-size: 50px; margin-bottom: 20px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { font-weight: 400; font-size: 20px; line-height: 24px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-pagination.banner-pagination { position: relative; margin-top: -20px; margin-bottom: 0; z-index: 10; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-pagination.banner-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: var(--blanco); border-radius: 50%; display: inline-block; margin: 0 5px; transition: all 0.3s ease-in-out; opacity: 1; outline: none; backface-visibility: hidden; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-pagination.banner-pagination .swiper-pagination-bullet-active { background-color: var(--verde); width: 20px; border-radius: 12px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); /* Suaviza bordes */ transform: scale(1.1); /* Mejora el efecto visual */ } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button { display: flex; align-items: center; justify-content: center; padding-right: 20px; padding-left: 20px; background-color: var(--verde); color: var(--blanco); text-decoration: none; border-radius: 4px; height: 56px; width: 206px; font-size: 18px; text-align: center; margin-top: 40px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button:hover { background-color: var(--blanco); color: var(--verde); } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #004C37 40%, rgba(0, 76, 55, 0) 100%); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; opacity: 0.4; z-index: 0; } @media (max-width: 530px) { body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide { width: 100vw; max-width: 100%; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide picture img { width: 100vw; /* Fuerza la imagen a ocupar todo el ancho de la pantalla */ max-width: 100%; margin: 0; /* Elimina márgenes no deseados */ padding: 0; object-fit: cover; /* Asegura que la imagen se ajuste correctamente */ } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button { height: 44px; width: 246px; font-size: 16px; margin-top: 20px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content { width: 100%; left: 0; margin-left: 20px; margin-right: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: fit-content; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-size: 24px; margin-bottom: 10px; text-align: center; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { font-size: 16px; text-align: left; } } @media (min-width: 531px) { body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button { height: 24px; width: 120px; font-size: 14px; margin-top: 5px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content { margin-left: 0; margin-right: 0; left: 5%; right: 5%; justify-content: left; min-width: 100%; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-size: 20px; margin-bottom: 5px; text-align: left; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { font-size: 14px; text-align: left; max-width: 90%; } } @media (min-width: 768px) { body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide picture img { max-height: calc((587 / 1427) * 100vw); } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide picture img { min-width: 100vw; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button { height: 44px; width: 246px; font-size: 16px; margin-top: 20px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content { margin-left: 20px; margin-right: 20px; left: 5%; right: 5%; justify-content: left; min-width: none; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-size: 24px; margin-bottom: 10px; text-align: left; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { font-size: 20px; text-align: left; max-width: 70%; } } @media (min-width: 1000px) { body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { max-width: 40%; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-size: 30px; } } @media (min-width: 1200px) { body.redesign-cimenta .banner-site .mf-banner-top .swiper-pagination { margin-top: -40px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button { height: 44px; width: 246px; font-size: 20px; margin-top: 20px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-size: 50px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content { left: 10%; } } @media (min-width: 2000px) { body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide h2 { font-size: 60px; margin-bottom: 100px; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide p { font-size: 30px; text-align: left; margin-bottom: 100px; line-height: 3rem; } body.redesign-cimenta .banner-site .mf-banner-top .swiper-wrapper .mf-banner-top__slide .mf-banner-content .mf-button { height: 64px; width: 346px; font-size: 30px; margin-top: 30px; } } /* sección oficinas home */ body.redesign-cimenta .main-home-content .cards-home { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 50px; margin-bottom: auto; margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box; overflow: hidden; max-width: 2500px; width: calc(100% - 40px); } body.redesign-cimenta .main-home-content .cards-home .container { width: 100%; } /* ===== PARTE SUPERIOR ===== */ body.redesign-cimenta .main-home-content .cards-home .container .top-grid { display: grid; grid-template-columns: 760px 422px; grid-template-rows: auto auto; gap: 20px; grid-template-areas: "oficinas locales" "bodegas locales"; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.proyectos-habitacionales { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.oficinas { grid-area: oficinas; height: 332px; border-bottom-left-radius: 140px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.bodegas { grid-area: bodegas; height: 332px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 140px; border-bottom-right-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 140px; border-bottom-right-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles { border-bottom-left-radius: 4px; border-top-left-radius: 140px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales { grid-area: locales; height: 684px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 140px; border-bottom-right-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles .card-content { margin-top: 40px !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales .card-content { margin-top: 30% !important; } /* ===== PARTE INFERIOR ===== */ body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid { display: grid; grid-template-columns: 522px 320px 320px; gap: 20px; margin-top: 20px !important; } /* ===== TARJETAS BASE ===== */ body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card { position: relative; background-color: var(--verdepalido); overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); text-decoration: none; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease, filter 0.3s ease, border-radius 0.3s ease; will-change: transform, filter; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content { position: absolute; top: 10% !important; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-direction: column; justify-content: left; align-items: left; padding: 20px; box-sizing: border-box; text-align: left; } body.redesign-cimenta .main-home-content .cards-home .text-cards h3 { font-weight: bold !important; color: var(--verde); font-size: 46px; width: 50%; } body.redesign-cimenta .main-home-content .cards-home .text-cards p { color: var(--verde); font-size: 22px !important; width: 50%; } body.redesign-cimenta .main-home-content .cards-home .text-cards { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card img, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card img { width: 100%; height: 100%; display: block; object-fit: cover; z-index: 1; image-rendering: crisp-edges; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content h3, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content h3 { font-weight: bold !important; color: var(--blanco); margin: 16px !important; font-size: 24px !important; z-index: 10; width: 50%; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content p, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content p { color: var(--blanco); margin: 0 16px 16px !important; font-size: 16px !important; line-height: 1.4; z-index: 10; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content .btn { display: flex; align-items: center; justify-content: center; margin: 0 16px 16px; background-color: var(--verde); color: var(--blanco); border-radius: 4px; text-decoration: none; font-size: 16px !important; text-align: center; width: 222.25px; height: 53px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content .btn:hover, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content .btn:hover { background-color: var(--blanco); color: var(--verde); } body.redesign-cimenta .main-home-content .cards-home:hover .card { filter: brightness(0.5); } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card:hover, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card:focus, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card:active, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card:hover, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card:focus, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card:active { /* transform: scale(1.06); */ transform: perspective(1000px) translateZ(0); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 10; filter: brightness(1) !important; } body.redesign-cimenta .main-home-content .cards-home:not(:has(.card:hover)) .card { filter: brightness(1); } @media (min-width: 992px) { body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content p:not(.card.senior-suites .card-content p), body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content p:not(.card.senior-suites .card-content p) { width: 50%; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid { grid-template-columns: 64.3% 35.7%; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid { grid-template-columns: 43.5% 27.5% 27.5%; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content .btn { margin: 0 16px 16px !important; width: 222.25px; height: 53px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.proyectos-habitacionales .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.proyectos-habitacionales .card-content .btn { width: 190px; height: 53px; margin-top: 15% !important; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.hoteles .card-content .btn { width: 190px; height: 53px; margin-top: 12% !important; } } @media (min-width: 1245px) { body.redesign-cimenta .main-home-content .cards-home { padding-bottom: 40px !important; overflow: visible; width: calc(100% - 200px); } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content h3, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content h3 { font-size: 36px !important; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content p, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content p{ font-size: 16px !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.senior-suites .card-content p, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites .card-content p { width: 60%; /* font-size: 16px; */ } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.proyectos-habitacionales .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.proyectos-habitacionales .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.hoteles .card-content .btn { width: 222.25px; height: 53px; margin-top: 17% !important; } } @media (max-width: 991px) { body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.proyectos-habitacionales .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.proyectos-habitacionales .card-content .btn { margin-top: 5% !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content .btn, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content .btn { margin: 0 auto !important; width: 246px; height: 44px; } body.redesign-cimenta .main-home-content .cards-home .container { width: 100%; align-items: center; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid { display: block; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card { margin-bottom: 20px !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.oficinas, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.bodegas, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites { height: 224px; width: 100%; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.proyectos-habitacionales { height: 189.5px; width: 100%; } body.redesign-cimenta .main-home-content .cards-home .text-cards h3 { font-size: 24px !important; width: 100%; } body.redesign-cimenta .main-home-content .cards-home .text-cards p { font-size: 16px !important; width: 80%; } body.redesign-cimenta .main-home-content .cards-home .text-cards { flex-direction: column; justify-content: center; margin: 0 auto !important; text-align: center; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content { margin-left: 20px !important; margin-top: -30px !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content p, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card .card-content h3, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content p, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card .card-content h3 { width: 100%; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles .card-content { margin-top: 0 !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales .card-content { margin-top: -20px !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.oficinas { border-bottom-left-radius: 80px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.bodegas { border-top-right-radius: 80px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites { border-top-right-radius: 80px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles { border-top-left-radius: 80px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales { border-top-right-radius: 80px; } } @media (min-width: 1800px) { body.redesign-cimenta .main-home-content .cards-home .container .top-grid { grid-template-columns: 65.5% 34%; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites .card-content .btn { margin-top: 7% !important; } } @media (max-width: 370px) { body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales .card-content { margin-left: -10px !important; margin-top: -30px !important; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.oficinas .card-content, body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.bodegas .card-content, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites .card-content, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.proyectos-habitacionales .card-content, body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles .card-content { margin-left: -10px !important; } } /* Efecto de hover en las imágenes de las cards */ @media (min-width: 992px) { body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.oficinas:hover { border-top-left-radius: 4px; border-top-right-radius: 140px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.bodegas:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 140px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 140px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 140px; border-bottom-left-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 140px; } } @media (max-width: 991px) { body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.oficinas:hover { border-top-left-radius: 4px; border-top-right-radius: 80px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.bodegas:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 80px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.senior-suites:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 80px; } body.redesign-cimenta .main-home-content .cards-home .container .bottom-grid .card.hoteles:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 80px; border-bottom-left-radius: 4px; } body.redesign-cimenta .main-home-content .cards-home .container .top-grid .card.locales:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 80px; } } /* vectores */ body.redesign-cimenta .vector1 { position: absolute; margin-top: -25px; margin-bottom: 0; margin-left: 0; margin-right: 0; left: 0; padding: 0; height: 190px; z-index: 11; } body.redesign-cimenta .vector2 { position: absolute; margin-top: -115px; margin-bottom: 0; margin-left: 0; margin-right: 0; right: 0; padding: 0; height: 190px; z-index: 11; } @media (max-width: 380px) { body.redesign-cimenta .page-inversionistas .vector1 { margin-top: -80px !important; } body.redesign-cimenta .vector2 { display: none; } } @media (min-width: 381px) { body.redesign-cimenta .page-inversionistas .vector1 { margin-top: -100px !important; } body.redesign-cimenta .vector2 { display: block; } } @media (min-width: 768px) { body.redesign-cimenta .page-inversionistas .vector1 { margin-top: -90px !important; } body.redesign-cimenta .vector1 { height: 300px; } body.redesign-cimenta .vector2 { margin-top: -100px; height: 160px; } } @media (min-width: 992px) { body.redesign-cimenta .vector1 { margin-top: 10px; height: 330px; } body.redesign-cimenta .vector2 { margin-top: -200px; height: 250px; } } @media (min-width: 1145px) { body.redesign-cimenta .vector2 { margin-top: -250px; height: 300px; } } @media (min-width: 1800px) { body.redesign-cimenta .vector1 { margin-top: -100px; height: 463px; } body.redesign-cimenta .vector2 { margin-top: -200px; height: 263px; } } /* sección cifras */ body.redesign-cimenta #principales-cifras-inversionistas { margin-top: 0 !important; } body.redesign-cimenta #principales-cifras-inversionistas .textos-cifras p { padding-left: 10px !important; } body.redesign-cimenta .principales-cifras { background-color: var(--verde); color: var(--blanco); padding: 2rem !important; width: 100%; box-sizing: border-box; /* margin-bottom: 40px; */ margin-top: 4rem !important; position: relative; } body.redesign-cimenta .principales-cifras .textos-cifras { display: flex; justify-content: center; align-items: center !important; flex-direction: column; text-align: center !important; margin-left: 10px !important; width: 100%; margin-bottom: 2rem !important; } body.redesign-cimenta .principales-cifras .textos-cifras p { text-align: center; } body.redesign-cimenta .principales-cifras .textos-cifras .cifras-titulo { font-size: 24px !important; margin-bottom: 0.5rem !important; margin-top: 3rem !important; font-weight: bold !important; } body.redesign-cimenta .principales-cifras .textos-cifras .cifras-descripcion { font-size: 16px !important; max-width: 600px; } body.redesign-cimenta .principales-cifras .cifras-contenedor { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 1.5rem; justify-items: center; } body.redesign-cimenta .principales-cifras .cifras-contenedor .cifra-item { display: flex; flex-direction: column; align-items: center; text-align: center; width: 140px; } body.redesign-cimenta .principales-cifras .cifras-contenedor .cifra-item .cifra-icono { margin-bottom: 0.5rem !important; } body.redesign-cimenta .principales-cifras .cifras-contenedor .cifra-item .cifra-numero { font-size: 1.2rem !important; font-weight: bold !important; margin-bottom: -10px !important; min-height: 0.5rem; } body.redesign-cimenta .principales-cifras .cifras-contenedor .cifra-item .cifra-texto { font-size: 16px !important; margin: 15px !important; font-weight: 400 !important; } @media (min-width: 768px) { body.redesign-cimenta .principales-cifras { display: flex; justify-content: space-between; align-items: flex-start; text-align: left; } body.redesign-cimenta .principales-cifras .textos-cifras .cifras-titulo { font-size: 48px !important; text-align: left; } body.redesign-cimenta .principales-cifras .textos-cifras { width: 40%; margin-bottom: 0 !important; margin-left: 5rem !important; align-items: center; } body.redesign-cimenta .principales-cifras .textos-cifras p { width: 100%; text-align: left; } body.redesign-cimenta .principales-cifras .cifras-contenedor { width: 30%; margin-top: 0 !important; margin-right: 5rem !important; justify-items: center; } } @media (min-width: 1200px) { body.redesign-cimenta .principales-cifras .textos-cifras .cifras-descripcion { margin-left: 120px !important; } } /* TEMPLATE CONTACTO */ body.redesign-cimenta .contact-section { display: flex; flex-wrap: wrap; width: 100% !important; background-color: var(--verde); } body.redesign-cimenta .contact-section .contact-bg .contact-content { position: relative; z-index: 2; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% !important; max-width: 2500px; min-height: fit-content; margin: 0 auto !important; /* padding: 2rem !important; */ box-sizing: border-box; padding-bottom: 4rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text { flex: 1 1 100% !important; color: var(--verde); margin-bottom: 2rem !important; width: 40% !important; box-sizing: unset !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text h2 { font-size: 20px !important; margin-bottom: 1rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text p { font-size: 16px !important; line-height: 1.5 !important; width: 60% !important; text-align: justify; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form { flex: 1 1 100% !important; border-radius: 8px !important; padding: 1.5rem !important; box-sizing: border-box !important; max-width: 39% !important; } body.redesign-cimenta #area-selectized, body.redesign-cimenta .selectize-dropdown, .selectize-input, .selectize-input input, body.redesign-cimenta .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required { font-family: 'Gotham', sans-serif !important; font-size: 14px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group { margin: 1rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group label { display: block; font-weight: 400 !important; color: var(--verde); font-size: 16px !important; margin-bottom: 0 !important; width: 100% !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="text"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="tel"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="number"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="email"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group textarea, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group select { width: 100% !important; font-family: 'Gotham', sans-serif; padding: 0.75rem !important; box-sizing: border-box !important; border-radius: 4px !important; max-width: 463px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group textarea { min-height: 100px !important; resize: vertical; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group button, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="submit"] { background-color: var(--verde); color: var(--blanco); border: none; font-weight: 400 !important; font-family: 'Gotham', sans-serif; padding: 0.75rem 1.5rem !important; border-radius: 4px !important; cursor: pointer; font-size: 1rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group button:hover, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="submit"]:hover { background-color: var(--verdepalido); color: var(--blanco); } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input::placeholder, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group textarea::placeholder { font-family: 'Gotham', sans-serif !important; font-size: 13px; /* Ajusta el tamaño si es necesario */ color: #7f7f7f; /* Puedes cambiar el color si lo prefieres */ } @media (max-width: 899px) { body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="text"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="tel"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="number"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="email"], body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group textarea, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group select { min-width: 100% !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content { display: flex; flex-direction: column; justify-content: center; align-items: center; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text { width: 90% !important; text-align: center; padding-bottom: 0 !important; margin-bottom: 0 !important; padding-top: 2rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form { padding: 0 !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text p { width: 100% !important; max-width: 100% !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group button, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="submit"] { width: 246px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text p { text-align: center !important; padding-bottom: 2rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text h2 { font-size: 24px !important; padding-bottom: 0 !important; } body.redesign-cimenta .contact-section .selectize-control.single .selectize-input { width: 100% !important; max-width: 463px !important; font-family: 'Gotham', sans-serif !important; } .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.phone-code.selectize-control.single, .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.selectize-control.single, .single.selectize-dropdown.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required { padding-top: 0 !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="tel"] { max-width: none; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p { display: flex !important; flex-wrap: nowrap !important; gap: 0.5rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p br { display: none !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="country-code"] { flex: 0 0 80px !important; max-width: 80px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="country-code"] select.phone-code { width: 80px !important; min-width: 80px !important; height: 42px !important; box-sizing: border-box !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="phone-input"] { flex: 1 1 auto !important; width: auto !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="phone-input"] input.phone-input { width: 100% !important; box-sizing: border-box !important; } } @media (min-width: 586px) and (max-width: 899px) { body.redesign-cimenta .contact-section .selectize-control.single .selectize-input { width: 100% !important; max-width: none !important; } } @media (min-width: 900px) { body.redesign-cimenta .contact-section .selectize-control.single .selectize-input { width: 100% !important; max-width: 463px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text { flex: 0 0 30% !important; margin-bottom: 0 !important; padding-right: 1rem !important; padding-left: 2rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form { flex: 0 0 70% !important; position: relative !important; overflow: hidden !important; padding: 2rem !important; max-width: 550px !important; margin-right: 10% !important; border-top-left-radius: 80px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: #004C3733 !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: -1; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text h2 { font-size: 48px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text p { text-align: left; } } @media (min-width: 1145px) { body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text p { text-align: justify; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text { flex: 0 0 40% !important; margin-bottom: 0 !important; padding-right: 2rem !important; padding-left: 5rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form { flex: 0 0 60% !important; position: relative !important; overflow: hidden !important; padding: 3rem !important; max-width: 550px !important; margin-right: 20% !important; border-top-left-radius: 140px !important; } } @media (min-width: 1400px) { body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group button, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group input[type="submit"] { width: 363px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text { padding-left: 10rem !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form { margin-top: 5rem !important; margin-right: 10% !important; } } @media (min-width: 1670px) { body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-text { padding-left: 12rem !important; } } body.redesign-cimenta .selectize-control.single .selectize-input::after { display: none; } body.redesign-cimenta .selectize-control.single .selectize-input { background-image: none !important; background-color: var(--blanco); position: relative !important; box-sizing: border-box !important; padding: 0.75rem !important; border-radius: 4px !important; } body.redesign-cimenta .wpcf7-select.wpcf7-not-valid .selectize-input.not-full.has-options { border: 1px solid var(--tierra); } body.redesign-cimenta .contact-section .selectize-input.not-full.has-options { border: 1px solid gray; } body.redesign-cimenta .contact-section .selectize-input.full.has-items { border: 1px solid var(--verdepalido); } body.redesign-cimenta .wpcf7-submit { border: 1px solid var(--verde) !important; } body.redesign-cimenta .wpcf7-submit:hover { border: 1px solid var(--verdepalido) !important; } body.redesign-cimenta .custom-arrow { position: absolute; top: 60% !important; right: 0.5em !important; transform: translateY(-50%) !important; pointer-events: none; z-index: 10; } body.redesign-cimenta .contact-section .selectize-control.single .selectize-input .item { background-color: var(--blanco) !important; color: #000 !important; border: none !important; } body.redesign-cimenta .contact-section .selectize-control.single .selectize-input.focus { background-color: var(--blanco) !important; color: #000 !important; } body.redesign-cimenta .selectize-control.single .selectize-dropdown .option.active, body.redesign-cimenta .selectize-control.single .selectize-dropdown .option.selected { background-color: var(--verde) !important; color: #fff !important; } /* Cambios ESPECÍFICOS PARA EL CAMPO DE TELÉFONO */ body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row, body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row p { display: flex; align-items: center; gap: 0.5rem !important; margin: 0 !important; padding: 0 !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row br { display: none; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row select.phone-code { width: 100%; min-width: 95px !important; box-sizing: border-box !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="country-code"] { position: relative !important; flex: 0 0 120px !important; min-width: 120px !important; max-width: 120px !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="country-code"] select.phone-code { width: 100% !important; height: 40px !important; line-height: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row > p span[data-name="country-code"] .custom-arrow { position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; } body.redesign-cimenta .contact-section .contact-bg .contact-content .contact-form .form-group .phone-row input.phone-input { flex: 1 1 auto !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; margin: 0 !important; } /* POPUP CONTACTO */ body.redesign-cimenta .popup-overlay { display: none !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.6); justify-content: center !important; align-items: center !important; z-index: 9999; } body.redesign-cimenta .popup-overlay .popup-content { background: #fff; padding: 2rem !important; border-radius: 8px !important; max-width: 567px !important; max-height: 377px !important; width: 90% !important; margin: 0 auto !important; text-align: center !important; position: relative !important; } body.redesign-cimenta .popup-overlay .popup-content .popup-icon { margin-bottom: 1rem !important; } body.redesign-cimenta .popup-overlay .popup-content .popup-close { position: absolute !important; top: 1rem !important; right: 1rem !important; background: transparent !important; border: none !important; cursor: pointer !important; padding: 0 !important; } body.redesign-cimenta .popup-overlay .popup-content .popup-accept { margin-top: 1rem !important; padding: 0.75rem 3rem !important; cursor: pointer !important; background-color: var(--verde); color: var(--blanco); border: none !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 400 !important; } body.redesign-cimenta .popup-overlay .popup-content .popup-accept:hover { background-color: var(--verdepalido); color: var(--blanco); } body.redesign-cimenta .popup-overlay.show { display: flex !important; } body.redesign-cimenta .popup-overlay .popup-content h2 { color: var(--verde); font-size: 20px !important; font-weight: 400 !important; } body.redesign-cimenta .popup-overlay .popup-content p { color: var(--negro); font-size: 18px !important; } @media (max-width: 660px) { body.redesign-cimenta .popup-overlay .popup-content { margin: 20px !important; } } /* INVESIONISTAS */ /* seccion filtro */ body.redesign-cimenta .page-inversionistas .seccion-filtro { background-color: var(--verde); width: 100% !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section { width: 100% !important; background-color: var(--blanco); border-bottom-left-radius: 140px !important; position: relative !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas { max-width: 1200px !important; margin: 0 auto !important; padding: 20px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .tabs { list-style: none !important; padding: 0 !important; display: flex; gap: 1rem !important; margin-bottom: 0 !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper, body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .filtros-fields { display: flex; align-items: center !important; padding-top: 20px !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 0 !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .tabs li { cursor: pointer; font-size: 20px !important; font-weight: 400 !important; color: var(--negro); text-decoration: none !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .tabs li.active { color: var(--verde); font-weight: bold !important; position: relative !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .tabs li.active::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; background-color: var(--verde); transform: scaleX(1) !important; transform-origin: left; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .tabs li.active:hover::after { animation: border-reveal 0.5s forwards; } @keyframes border-reveal { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text { display: flex; align-items: center; justify-content: space-between; margin: 0 auto !important; width: 100% !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text h2 { font-size: 48px !important; font-weight: bold; color: var(--verde); width: 50% !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text p { font-size: 18px !important; color: var(--negro); width: 50% !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filtros-adicionales { display: flex; gap: 1rem !important; align-items: center; margin-bottom: 1rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filtros-adicionales select { padding: 0.5rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .anio-field, body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .categoria-field { display: inline-block; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .results-count { font-weight: 400 !important; color: #808080 !important; font-size: 16px !important; margin-bottom: 2rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .result-item { background-color: #506C6033 !important; border-radius: 4px !important; padding: 1rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .result-item .items-results-svgs { display: flex; align-items: center; justify-content: space-between; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .result-item .items-results-svgs .document-svg { width: 26.58px !important; height: 31px !important; padding-right: 20px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .result-item .items-results-svgs .descargable-title { font-weight: 400 !important; font-size: 16px !important; color: var(--verde); } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .result-item .result-info { font-size: 0.9rem !important; margin-bottom: 0.5rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .result-item .descargar-btn { display: inline-block; padding: 0.5rem 0.75rem !important; text-decoration: none !important; border-radius: 4px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .anio-field #anio { display: none; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .selectize-control.single .selectize-input { width: 250px !important; max-width: none; padding: 0.75rem 1rem !important; box-sizing: border-box !important; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); margin-right: 1rem !important; } @media (max-width: 899px) { body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-label { font-size: 14px !important; color: var(--negro); } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section { border-bottom-left-radius: 80px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text h2 { font-size: 24px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text p { font-size: 16px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filtros-fields { flex-direction: column; gap: 20px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper { flex-direction: column; align-items: stretch; padding: 10px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .tabs { width: 100% !important; justify-content: center; margin-bottom: 1rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .tabs li { font-size: 18px !important; padding: 0.5rem !important; flex: 1 !important; text-align: center; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filtros-adicionales { flex-direction: column; gap: 1rem !important; width: 100% !important; align-items: stretch; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filtros-adicionales select{ width: 100% !important; max-width: 100% !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text { flex-direction: column; text-align: center; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text h2, body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text p { width: 100% !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .results-grid { grid-template-columns: 1fr !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .selectize-control.single .selectize-input { width: 100% !important; min-width: 200px !important; padding-right: 30px !important; } } @media (min-width: 900px) { body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-wrapper .selectize-control.single .selectize-input { min-width: 300px !important; width: auto !important; max-width: 100% !important; white-space: nowrap !important; padding-right: 50px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .filters-label { font-size: 18px !important; color: var(--negro); } } @media (min-width: 900px) and (max-width: 1145px) { body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .intro-text h2 { font-size: 32px !important; } } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination { margin-top: 2rem !important; margin-bottom: 2rem !important; text-align: center; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination ul { list-style: none; margin: 0 !important; padding: 0 !important; display: inline-block; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination ul li { display: inline; margin: 0 0.25rem !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination ul li a, body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination ul li span { display: inline-block; padding: 0.5rem 0.75rem !important; background: #506C6033; color: var(--verde); text-decoration: none; border-radius: 4px !important; } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination ul li a:hover { background: var(--verde); color: var(--blanco); } body.redesign-cimenta .page-inversionistas .seccion-filtro .descargables-section .contenido-inversionistas .resultados #results-container .pagination ul li span.current { background: var(--verde); color: var(--blanco); } /* sección cimenta fondo */ body.redesign-cimenta .page-inversionistas .section-cimenta-fondo { display: block; margin: 0 auto !important; width: 100% !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo h2 { color: var(--verde); font-weight: bold !important; padding-bottom: 20px !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo { display: block; margin: 0 auto !important; max-width: 1440px !important; width: 100% !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .contenido-cimenta-fondo { display: flex; justify-content: center; align-items: center; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo .textos-cimenta-fondo { display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--negro); font-weight: 400 !important; text-align: justify; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { max-width: 400px !important; border-top-left-radius: 4px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } @media (max-width: 767px) { body.redesign-cimenta .page-inversionistas .section-cimenta-fondo { margin-top: 4rem !important; margin-bottom: 4rem !important; margin-left: 0 !important; margin-right: 0 !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo h2 { text-align: center; font-size: 24px !important; margin-bottom: 20px !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo { flex-direction: column; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo .textos-cimenta-fondo p { display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 16px !important; width: 80% !important; margin: 20px !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { width: 379px !important; max-width: 300px !important; height: 347px !important; border-top-right-radius: 80px !important; object-fit: cover; margin-right: 0 !important; } } @media (min-width: 768px) { body.redesign-cimenta .page-inversionistas .section-cimenta-fondo { margin-top: 1rem !important; margin-right: 1rem !important; margin-bottom: 1rem !important; margin-left: 1rem !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo { display: flex; justify-content: center; align-items: center; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo .textos-cimenta-fondo { display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--negro); font-weight: 400 !important; text-align: justify; font-size: 16px !important; width: 50% !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo h2 { margin-left: 2rem !important; font-size: 30px !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { width: 279px !important; max-width: 400px !important; height: 327px !important; border-top-right-radius: 80px !important; object-fit: cover; margin-right: 1rem !important; margin-left: 0 !important; } } @media (min-width: 900px) { body.redesign-cimenta .page-inversionistas .section-cimenta-fondo { margin-top: 2rem !important; margin-right: 2rem !important; margin-bottom: 2rem !important; margin-left: 2rem !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo .textos-cimenta-fondo { font-size: 16px !important; width: 50% !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo h2 { margin-left: 3rem !important; font-size: 30px !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { width: 279px !important; max-width: 400px !important; height: 327px !important; border-top-right-radius: 80px !important; margin-right: 4rem !important; margin-left: 0 !important; } } @media (min-width: 1200px) { body.redesign-cimenta .page-inversionistas .section-cimenta-fondo { margin-top: 4rem !important; margin-right: 4rem !important; margin-bottom: 4rem !important; margin-left: 0 !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo .textos-cimenta-fondo { font-size: 16px !important; width: 50% !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo h2 { margin-left: 8rem !important; font-size: 48px !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { width: 379px !important; max-width: 400px !important; height: 447px !important; border-top-right-radius: 140px !important; margin-right: 5rem !important; margin-left: 0 !important; } } /* Efecto de la imagen al hover cimenta fondo */ @media (max-width: 767px) { body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { transition: border-radius 0.3s ease !important; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img:hover, body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img:active { border-top-right-radius: 4px !important; border-bottom-left-radius: 80px !important; } } @media (min-width: 768px) { body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img { transition: border-radius 0.3s ease; } body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img:hover, body.redesign-cimenta .page-inversionistas .section-cimenta-fondo .overlay-cimenta-fondo .contenido-cimenta-fondo img:active { border-top-right-radius: 4px !important; border-bottom-left-radius: 80px !important; } } /* sección aportantes */ body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: var(--blanco); overflow: hidden; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes { background-color: var(--verdepasto); border-top-left-radius: 140px !important; width: 100% !important; padding: 40px !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes { margin: 0 auto !important; display: block; max-width: 1440px !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes h2 { color: var(--blanco); font-weight: bold !important; padding-bottom: 20px !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes, body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes { display: flex; justify-content: center; align-items: center; color: var(--blanco); } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes li { padding-bottom: 10px !important; list-style: disc !important; color: var(--blanco); } @media (max-width: 767px) { body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes { border-top-left-radius: 80px !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { width: 323px !important; max-width: 350px !important; height: 248px !important; object-fit: cover; border-top-left-radius: 80px !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes, body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes { flex-direction: column; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes h2 { font-size: 24px !important; text-align: center; display: flex; justify-content: center; align-items: center; margin-right: 0 !important; margin-top: 2rem !important; margin-bottom: 2rem !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes { margin: 2.5rem !important; text-align: justify; } } @media (min-width: 768px) { body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes { padding-top: 0 !important; padding-left: 2rem !important; padding-right: 2rem !important; padding-bottom: 5rem !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes { flex-direction: column; width: 40% !important; order: 1 !important; font-size: 16px !important; text-align: justify; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { width: 363px !important; max-width: 700px !important; object-fit: cover; border-top-left-radius: 140px !important; height: 448px !important; margin-left: 2rem !important; order: 2; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes h2 { font-size: 32px !important; text-align: right; display: flex; justify-content: flex-end; align-items: center; margin-right: 2rem !important; } } @media (min-width: 900px) { body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { width: 463px !important; margin-left: 4rem !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes h2 { margin-right: 5rem !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes { width: 30% !important; } } @media (min-width: 1200px) { body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { width: 663px !important; margin-left: 8rem !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes h2 { font-size: 48px !important; margin-right: 6rem !important; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes .texto-contenido-aportantes { flex-direction: column; width: 30% !important; order: 1 !important; text-align: justify; font-size: 16px !important; } } /* Efecto hover de la imagen aportantes */ @media (max-width: 767px) { body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { transition: border-radius 0.3s ease; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img:hover, body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img:active { border-top-left-radius: 4px !important; border-bottom-right-radius: 80px !important; } } @media (min-width: 768px) { body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img { transition: border-radius 0.3s ease; } body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img:hover, body.redesign-cimenta .page-inversionistas .section-aportantes-inversionistas .overlay-aportantes .max-width-aportantes .contenido-aportantes img:active { border-top-left-radius: 4px !important; border-bottom-right-radius: 140px !important; } } /* 404 */ body.redesign-cimenta .error-404 .text-404 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; } body.redesign-cimenta .error-404 .text-404 h1, body.redesign-cimenta .error-404 .text-404 h2 { color: var(--verde); } body.redesign-cimenta .error-404 .text-404 h1 { font-size: 96px; font-weight: bold; margin-bottom: 0; padding-bottom: 0; } body.redesign-cimenta .error-404 .text-404 h2 { font-size: 48px; } body.redesign-cimenta .error-404 .text-404 p { color: var(--negro); font-size: 20px; padding-bottom: 50px; } body.redesign-cimenta .error-404 .text-404 .btn-404 { background-color: var(--verde); color: var(--blanco); border: none; font-weight: 400; font-family: 'Gotham', sans-serif; border-radius: 4px; cursor: pointer; text-decoration: none; font-size: 1rem; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 auto; } body.redesign-cimenta .error-404 .text-404 .btn-404:hover { background-color: var(--verdepalido); color: var(--blanco); } @media (max-width: 767px) { body.redesign-cimenta .error-404 .text-404 h1, body.redesign-cimenta .error-404 .text-404 h2 { font-size: 24px; } body.redesign-cimenta .error-404 .text-404 p { font-size: 16px; } body.redesign-cimenta .error-404 .text-404 .btn-404 { width: 246px; height: 44px; } body.redesign-cimenta .error-404 .text-404 .error-404 .text-404 { padding-bottom: 3rem; } } @media (min-width: 768px) { body.redesign-cimenta .error-404 .text-404 .btn-404 { width: 205px; height: 56px; } body.redesign-cimenta .error-404 .text-404 a { font-size: 18px; } } /* NOSOTROS */ /* sección propósito */ body.redesign-cimenta .main-page-nosotros .section-proposito { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: var(--blanco); padding-bottom: 80px; border-bottom-right-radius: 140px; margin-bottom: 30px; margin-top: 5rem; } body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito { padding-top: 0; } /* Contenedor de pestañas */ body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 3rem; } /* Pestaña activa con un subrayado de ejemplo */ body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito li.active a { color: var(--verde); font-weight: bold; /* border-bottom: 2px solid var(--verde); */ position: relative; } body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito li.active a::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background-color: var(--verde); transform: scaleX(1); transform-origin: left; } body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito li.active a:hover::after { animation: underline-reveal 0.5s forwards; } @keyframes underline-reveal { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } body.redesign-cimenta .main-page-nosotros .section-proposito .titulo-proposito { font-size: 48px; font-weight: bold; color: var(--verde); } body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito li a { font-size: 20px; font-weight: 400; color: var(--verdepalido); text-decoration: none; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content { display: none; margin-top: 3rem; gap: 5rem; width: 60%; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content.active { display: flex; justify-content: center; align-items: center; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito { width: 100%; margin-bottom: 1rem; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { display: block; object-fit: cover; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito { position: relative; margin: 0; /* padding: 20px; */ line-height: 1.4; background-color: var(--verde); /* Fondo verde */ color: #fff; /* Texto blanco */ font-size: 18px; /* Ajusta el tamaño de la fuente si es necesario */ border-top-right-radius: 140px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; max-width: 800px; width: 80%; /* Ajustamos el tamaño */ text-align: center; /* Centrado de la cita */ margin-left: auto; margin-right: auto; margin-top: -1rem; height: 307px; min-width: 450px; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito p { margin-top: 5rem; /* padding: 2rem; */ color: #fff; font-weight: normal; /* Si deseas que el texto sea normal, ajusta el peso */ } @media (max-width: 500px) { body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content { width: 100%; margin: 20px; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { max-width: none; height: 176px; width: 298px; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito { display: flex; justify-content: center; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito p { padding-top: 30px; font-size: 16px; padding: 20px; width: 80%; } } @media (max-width: 991px) { body.redesign-cimenta .main-page-nosotros .section-proposito { padding-bottom: 0; margin-bottom: 2rem; margin-top: 3rem; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito { display: flex; justify-content: center; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content { display: none; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content.active { display: block; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { height: 206px; width: 326px; margin: 0 auto; display: block; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 80px; border-bottom-left-radius: 80px; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito { margin-top: 2rem !important; margin-bottom: 2rem !important; padding: 2rem; font-size: 16px; border-top-right-radius: 80px !important; border-bottom-left-radius: 80px; width: 80%; height: fit-content; min-width: 342px !important; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito p { margin-top: 1rem; /* padding: 2rem; */ color: #fff; font-weight: normal; /* Si deseas que el texto sea normal, ajusta el peso */ } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito::before { width: 95px; height: 68px; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: cover; top: 20px; left: -10px; opacity: 0.2; } body.redesign-cimenta .main-page-nosotros .section-proposito .titulo-proposito { font-size: 24px; } body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito li a { font-size: 18px; } } @media (min-width: 992px) { body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content { width: 80%; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito p { padding: 20px; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { width: 426px; height: 307px; border-bottom-right-radius: 140px; border-top-left-radius: 140px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; } } @media (min-width: 1800px) { body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { width: 526px; height: 407px; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito p, body.redesign-cimenta .main-page-nosotros .section-proposito .tabs-proposito li a { font-size: 22px; } body.redesign-cimenta .main-page-nosotros .section-proposito .titulo-proposito { font-size: 53px; } } @media (min-width: 1200px) { body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content { width: 60%; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .cita-proposito p { padding: 30px; } } /* Efecto al hover en las imágenes */ @media (max-width: 767px) { body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { height: 206px; width: 326px; margin: 0 auto; display: block; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 80px; border-bottom-left-radius: 80px; transition: border-radius 0.3s ease; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img:hover, body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img:active { border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; } } @media (min-width: 768px) { body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img { width: 426px; height: 307px; border-bottom-right-radius: 140px; border-top-left-radius: 140px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; transition: border-radius 0.3s ease; } body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img:hover, body.redesign-cimenta .main-page-nosotros .section-proposito .proposito-content .imagen-container-proposito img:active { border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 140px; border-bottom-left-radius: 140px; } } /* sección equipo */ .swiper-pagination.directorio-pagination, .swiper-pagination.gerencia-pagination { margin-top: 3%; bottom: auto !important; } .swiper-pagination.directorio-pagination .swiper-pagination-bullet, .swiper-pagination.gerencia-pagination .swiper-pagination-bullet { background-color: #959595; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px; transition: all 0.3s ease-in-out; } .swiper-pagination.directorio-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination.gerencia-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--blanco); width: 16px; border-radius: 16px; margin: 0 2px; } .swiper-pagination.directorio-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active+.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination.gerencia-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active+.swiper-pagination-bullet.swiper-pagination-bullet-active { margin-left: -2px; } .team-section { /* max-width: 2500px; */ margin: 0 auto; padding: 50px 20px !important; text-align: center; overflow: hidden; background-color: var(--verde); } .team-intro h2 { color: var(--blanco); font-size: 36px !important; margin-bottom: 30px !important; } .team-intro p.intro { font-size: 16px !important; margin-bottom: 30px !important; color: var(--blanco); } .team-tabs ul { list-style: none; margin: 0 auto 40px !important; padding: 0 !important; display: flex; gap: 3rem !important; justify-content: center; max-width: 500px !important; } .team-tabs li a { text-decoration: none; color: var(--blanco); font-weight: 500 !important; font-size: 20px !important; padding-bottom: 5px !important; } .team-tabs li.active a { color: var(--blanco); /* border-bottom: 2px solid var(--blanco); */ font-weight: bold !important; position: relative; border-bottom: none; } .team-tabs li.active a::after { content: ""; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; width: 100% !important; background-color: var(--blanco); transform: scaleX(1); transform-origin: left; } .team-tabs li.active a:hover::after { animation: underline-reveal 0.5s forwards; } @keyframes underline-reveal { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } .team-content { display: none; } .team-content.active { display: block; } .role { color: var(--blanco); } .team-member h3, .swiper-slide.team-member h3 { color: var(--blanco); } .team-member:nth-child(8n + 1) .equipo-img, .team-member:nth-child(8n + 7) .equipo-img { border-top-left-radius: 140px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .team-member:nth-child(8n + 2) .equipo-img, .team-member:nth-child(8n + 5) .equipo-img, .team-member:nth-child(8n + 8) .equipo-img { border-bottom-right-radius: 140px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; } .team-member:nth-child(8n + 3) .equipo-img, .team-member:nth-child(8n + 6) .equipo-img { border-bottom-left-radius: 140px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .team-member:nth-child(8n + 4) .equipo-img { border-top-right-radius: 140px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } /* Desktop (>= 768px) Muestra grid, oculta carrusel */ @media (min-width: 768px) { .team-tabs { padding-bottom: 10px !important; } .team-intro { display: flex; justify-content: center; align-items: center; padding-bottom: 50px !important; margin-right: 10% !important; } .team-intro p.intro, .team-intro h2 { width: 50% !important; } .team-intro p.intro { /* font-size: 20px !important; */ margin-bottom: 0 !important; } .team-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px !important; margin-top: 30px !important; margin-bottom: 30px !important; margin-left: 12% !important; margin-right: 12% !important; align-items: start; } .team-member { text-align: center; } .team-member .equipo-img { width: 260px !important; height: 324px !important; object-fit: cover; display: block; margin: 0 auto !important; } .team-member h3 { font-size: 18px !important; margin-top: 15px !important; margin-bottom: 5px !important; } .team-member p.role { font-size: 16px !important; margin: 0 !important; } .directorio-swiper, .gerencia-swiper { display: none !important; } } /* Mobile (< 768px) Oculta grid, muestra carrusel */ @media (max-width: 767px) { .team-tabs li a { font-size: 18px !important; } .team-member:nth-child(8n + 1) .equipo-img, .team-member:nth-child(8n + 7) .equipo-img { border-top-left-radius: 80px; } .team-member:nth-child(8n + 2) .equipo-img, .team-member:nth-child(8n + 5) .equipo-img, .team-member:nth-child(8n + 8) .equipo-img { border-bottom-right-radius: 80px; } .team-member:nth-child(8n + 3) .equipo-img, .team-member:nth-child(8n + 6) .equipo-img { border-bottom-left-radius: 80px; } .team-member:nth-child(8n + 4) .equipo-img { border-top-right-radius: 80px; } .team-grid { display: none; } .directorio-swiper, .gerencia-swiper { width: 100% !important; margin-bottom: 20px !important; display: block; } .team-section .team-content .directorio-swiper .swiper-slide, .team-section .team-content .gerencia-swiper .swiper-slide { text-align: center; } .equipo-img { width: 223.92px !important; height: 263px !important; object-fit: cover; display: block; margin: 0 auto 10px !important; } .team-section .team-content .directorio-swiper .swiper-slide h3, .team-section .team-content .gerencia-swiper .swiper-slide h3 { font-size: 16px !important; margin: 5px 0 !important; } .team-section .team-content .directorio-swiper .swiper-slide p.role, .team-section .team-content .gerencia-swiper .swiper-slide p.role { font-size: 14px !important; margin: 0 !important; } .team-intro h2 { font-size: 24px !important; } .team-intro .intro { width: 80% !important; display: block; margin: 0 auto !important; } } @media (min-width: 1200px) { .team-intro h2 { font-size: 48px !important; } .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-left: 10% !important; margin-right: 10% !important; } } @media (min-width: 1400px) { .team-grid { display: grid; grid-template-columns: repeat(4, 1fr); align-content: center; } } /* Efecto hover en las imagenes team */ @media (min-width: 768px) { /* Estado inicial (ya definido en tu código) */ .team-member:nth-child(8n + 1) .equipo-img, .team-member:nth-child(8n + 7) .equipo-img { border-top-left-radius: 140px; } .team-member:nth-child(8n + 2) .equipo-img, .team-member:nth-child(8n + 5) .equipo-img, .team-member:nth-child(8n + 8) .equipo-img { border-bottom-right-radius: 140px; } .team-member:nth-child(8n + 3) .equipo-img, .team-member:nth-child(8n + 6) .equipo-img { border-bottom-left-radius: 140px; } .team-member:nth-child(8n + 4) .equipo-img { border-top-right-radius: 140px; } /* Aseguramos la transición */ .team-member .equipo-img { transition: border-radius 0.3s ease; } /* Estado hover: se intercambian los bordes con mayor radio */ .team-member:nth-child(8n + 1) .equipo-img:hover, .team-member:nth-child(8n + 7) .equipo-img:hover { border-top-left-radius: 4px; border-bottom-right-radius: 140px; } .team-member:nth-child(8n + 2) .equipo-img:hover, .team-member:nth-child(8n + 5) .equipo-img:hover, .team-member:nth-child(8n + 8) .equipo-img:hover { border-bottom-right-radius: 4px; border-top-left-radius: 140px; } .team-member:nth-child(8n + 3) .equipo-img:hover, .team-member:nth-child(8n + 6) .equipo-img:hover { border-bottom-left-radius: 4px; border-top-right-radius: 140px; } .team-member:nth-child(8n + 4) .equipo-img:hover { border-top-right-radius: 4px; border-bottom-left-radius: 140px; } } @media (max-width: 767px) { /* Estado inicial (ya definido en tu código) */ .team-member:nth-child(8n + 1) .equipo-img, .team-member:nth-child(8n + 7) .equipo-img { border-top-left-radius: 80px; } .team-member:nth-child(8n + 2) .equipo-img, .team-member:nth-child(8n + 5) .equipo-img, .team-member:nth-child(8n + 8) .equipo-img { border-bottom-right-radius: 80px; } .team-member:nth-child(8n + 3) .equipo-img, .team-member:nth-child(8n + 6) .equipo-img { border-bottom-left-radius: 80px; } .team-member:nth-child(8n + 4) .equipo-img { border-top-right-radius: 80px; } /* Transición */ .team-member .equipo-img { transition: border-radius 0.3s ease; } /* Estado hover: se intercambian los bordes con mayor radio */ .team-member:nth-child(8n + 1) .equipo-img:hover, .team-member:nth-child(8n + 7) .equipo-img:hover { border-top-left-radius: 4px; border-bottom-right-radius: 80px; } .team-member:nth-child(8n + 2) .equipo-img:hover, .team-member:nth-child(8n + 5) .equipo-img:hover, .team-member:nth-child(8n + 8) .equipo-img:hover { border-bottom-right-radius: 4px; border-top-left-radius: 80px; } .team-member:nth-child(8n + 3) .equipo-img:hover, .team-member:nth-child(8n + 6) .equipo-img:hover { border-bottom-left-radius: 4px; border-top-right-radius: 80px; } .team-member:nth-child(8n + 4) .equipo-img:hover { border-top-right-radius: 4px; border-bottom-left-radius: 80px; } } /* Cubitos */ /* Cubitos */ @media (max-width: 630px) { .cubitos-nosotros, .cubitos-inversionistas { display: none; } } @media (min-width: 631px) and (max-width: 768px) { .cubitos-nosotros { left: 5%; margin-top: -8%; } .cubitos-inversionistas { left: 5%; margin-top: -6% !important; } } @media (min-width: 769px) and (max-width: 900px) { .cubitos-inversionistas { left: 5%; margin-top: -8% !important; } } .cubitos-nosotros, .cubitos-inversionistas { position: absolute; left: 10%; z-index: 10; } .cubitos-inversionistas { margin-top: -2%; } .section-aportantes-inversionistas, .contact-section { position: relative; } .section-trabaja-nosotros { position: relative; } /* Sección Nuestra Historia */ .color-verde { position: relative; background-color: var(--verde); } body.redesign-cimenta .main-identidad { max-width: 100vw !important; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto !important; background-color: var(--blanco); border-top-left-radius: 140px !important; } body.redesign-cimenta .main-identidad .section-historia { margin-bottom: 3.75rem !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body { margin-bottom: 3rem !important; display: flex; justify-content: center; align-items: center; flex-direction: column; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .subtitle-h2 { color: var(--verde); font-size: 24px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .btn-historia { display: flex; justify-content: center; align-items: center; background-color: var(--verde); color: var(--blanco); border: solid 2px var(--verde); text-decoration: none; border-radius: 4px !important; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 30px !important; padding-right: 30px !important; width: 246px !important; font-size: 16px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .btn-historia:hover { background-color: var(--verdepalido); color: var(--blanco); border: solid 2px var(--verdepalido); } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .subtitle-h2, body.redesign-cimenta .main-identidad .section-historia .section-historia-body p { text-align: center; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body p { color: var(--negro); font-weight: 400; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list { display: flex; flex-direction: column; padding: 0 !important; margin: 20px !important; gap: 0.625rem !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item { /* overflow: hidden; */ overflow-y: auto; overflow-x: hidden; padding: 1rem 1.25rem !important; border-radius: 4px !important; box-shadow: 0px 3px 8.1px 0px rgba(0, 0, 0, 0.2); transition: width 0.3s; background-color: var(--verdepasto); } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item::-webkit-scrollbar { width: 6px !important; /* Ajusta el ancho */ } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item::-webkit-scrollbar-thumb { background-color: var(--verde) !important; /* Color del "pulgar" */ border-radius: 4px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item::-webkit-scrollbar-track { background: var(--blanco) !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item::-webkit-scrollbar-track-piece { margin: 30px 0 !important; /* Reduce la altura de la barra y la centra */ } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia { position: relative; min-width: 20px !important; width: 20px !important; height: 20px !important; display: flex; justify-content: center; align-items: center; border: 1px solid var(--verdepasto); background-color: var(--verdepasto); border-radius: 0 !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .btn-expand-historia { border-color: var(--verdepasto); } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia { display: none; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia.mobile { display: flex; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia .line { width: 100% !important; height: 2px !important; border-radius: 1px !important; background-color: var(--blanco); transition: transform 0.3s, opacity 0.3s; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia .line-y { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) rotate(90deg) !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia .line-x { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .btn-expand-historia .line-y { transform: translate(-50%, -50%) rotate(0) !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .rotated-title { display: none; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item h3 { font-size: 1rem !important; color: var(--blanco); padding-right: 2rem !important; margin: 0 !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-title { display: flex; justify-content: space-between; margin: 0 auto !important; align-items: center; font-weight: bold !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .list-item-body { display: flex; padding-left: 10% !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body { display: none; height: 0; opacity: 0; transition: height 0.3s, opacity 0.3s, margin-top 0.3s; margin-bottom: 1rem !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body ul { list-style-type: disc !important; color: var(--blanco); font-size: 14px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .list-item-body { opacity: 1; margin-top: 0.625rem !important; color: var(--blanco); /* font-size: clamp(0.5rem, 2vw, 1rem) !important; */ font-size: 1rem !important; line-height: 1.4 !important; } @media (max-width: 767px) { body.redesign-cimenta .main-identidad .section-historia .section-historia-body{ margin-top: 3rem !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body p { width: 80% !important; display: block; margin: 0 auto !important; font-size: 16px !important; margin-bottom: 20px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .btn-historia { width: 146px !important; } body.redesign-cimenta .main-identidad { border-top-left-radius: 80px !important; } } @media (min-width: 768px) and (max-width: 1279px){ body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item { overflow: hidden; } } @media (min-width: 768px) { /* Card 1 de cada grupo (posición 4n+1): border-top-left = 50px, resto 4px */ body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item:nth-child(4n+1) { border-top-left-radius: 50px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } /* Card 2 de cada grupo (posición 4n+2): todos los bordes a 4px */ body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item:nth-child(4n+2) { border-radius: 4px !important; } /* Card 3 de cada grupo (posición 4n+3): border-bottom-right = 50px, resto 4px */ body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item:nth-child(4n+3) { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 4px !important; } /* Card 4 de cada grupo (posición 4n+4): border-top-right = 50px, resto 4px */ body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item:nth-child(4n+4) { border-top-left-radius: 4px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } body.redesign-cimenta .main-identidad { padding-top: 50px !important; } body.redesign-cimenta .main-identidad .section-historia { margin-bottom: 6.25rem !important; display: flex; justify-content: center; align-items: center; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body { display: flex; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body { max-width: 690px !important; margin: 0 auto 2.5rem auto !important; text-align: center; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body ul { font-size: 16px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .subtitle-h2 { font-size: 30px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body p { font-size: 16px !important; margin: 20px !important; width: 75% !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body .btn-historia { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 40px !important; padding-right: 40px !important; width: 263px !important; margin-top: 20px !important; box-sizing: unset !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body>*:not(:last-child) { margin-bottom: 1rem !important; } } @media (min-width: 1280px) { body.redesign-cimenta .main-identidad .section-historia .section-historia-body .subtitle-h2 { font-size: 48px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-body p { font-size: 16px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .rotated-title, body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia, body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .container-overflow { pointer-events: auto; cursor: pointer; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list { flex-direction: row; gap: 0.875rem !important; width: fit-content !important; margin: 0 auto !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item { width: 60px !important; height: 420px !important; position: relative; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active { width: 330px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .rotated-title { display: block; position: absolute; bottom: 20% !important; /* padding-top: 1.25rem; */ writing-mode: vertical-rl; color: var(--blanco); font-weight: bold !important; font-size: 24px !important; transform: rotate(180deg); opacity: 1; transition: opacity 0.3s; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .rotated-title { opacity: 0; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-title h3, body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body h3, body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-body p { font-size: 1.125rem !important; pointer-events: none; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .list-item-title h3 { font-family: 'Gotham', sans-serif; margin-left: 20px !important; font-size: 24px !important; padding-bottom: 20px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .container-overflow { overflow: hidden; width: 290px !important; opacity: 0; transition: opacity 0.4s; pointer-events: none; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .container-overflow { opacity: 1; pointer-events: auto; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia { display: flex; position: absolute; right: 20px !important; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item .btn-expand-historia.mobile { display: none; } body.redesign-cimenta .main-identidad .section-historia .section-historia-list .list-item.active .list-item-body { height: auto !important; } } /* sección trabaja con nosotros */ body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto !important; background-color: var(--blanco); padding-top: 2rem !important; } .section-trabaja-nosotros .overlay-trabaja { background-color: #004C3733; border-top-right-radius: 140px !important; width: 100% !important; margin: 0 !important; } hr { background-color: var(--verde); height: 1px; border: none; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja .contact-item .contact-icon { margin-top: 1.5rem !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-left: 43px !important; margin-right: 43px !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja p { text-align: center; padding-bottom: 20px !important; font-size: 16px !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja { margin: 43px !important; padding-left: 3rem !important; font-weight: 400 !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja .contact-item .contact-details .datos-trabaja-title { font-size: 20px !important; margin-bottom: 0 !important; margin-top: 15px !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja .contact-item .contact-details .datos-trabaja-dato { font-size: 16px !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja h2, body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja p, body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja .contact-item .contact-details { color: var(--verde); } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja .btn-trabaja { background-color: var(--verde); color: var(--blanco); border: none; font-weight: 400 !important; font-family: 'Gotham', sans-serif; padding: 0.75rem 1.5rem !important; border-radius: 4px; cursor: pointer; text-decoration: none; font-size: 16px !important; display: flex; justify-content: center; align-items: center; margin: 0 auto !important; box-sizing: unset !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja .btn-trabaja:hover { background-color: var(--verdepalido); color: var(--blanco); } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .datos-trabaja .contact-item { display: flex; justify-content: left; gap: 20px !important; } @media (max-width: 767px) { body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja { display: flex; justify-content: center; align-items: center; flex-direction: column; border-top-right-radius: 80px; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja .btn-trabaja { width: 246px !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja { padding-top: 3rem !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja h2 { font-size: 24px !important; } } @media (min-width: 768px) { body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja { padding-bottom: 5rem !important; padding-top: 5rem !important; display: flex; justify-content: center; align-items: center; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros { display: flex; flex-direction: row; gap: 2rem !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja { order: 1; flex: 1 1 50% !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja { order: 2; flex: 1 1 50% !important; display: flex; justify-content: center; align-items: center; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja .btn-trabaja { width: 339.29px !important; height: 37.51px !important; display: flex; justify-content: center; align-items: center; margin: 0 auto !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja { margin-bottom: auto; margin-top: 3rem !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja p { text-align: center; font-weight: 400 !important; width: 80% !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .intro-trabaja h2 { text-align: center; font-size: 48px !important; margin-bottom: 20px !important; } body.redesign-cimenta .main-page-nosotros .section-trabaja-nosotros .overlay-trabaja .datos-trabaja .contact-item .contact-details .datos-trabaja-title { margin-bottom: 1rem !important; } } /* FOOTER */ body.redesign-cimenta #colophon { background-color: var(--verde); padding: 30px !important; font-weight: 300 !important; bottom: 0 !important; box-sizing: border-box; margin: 0 !important; z-index: 100; width: 100% !important; } /* .footer-bottom { color: var(--blanco); opacity: 0.8; } */ body.redesign-cimenta #colophon .footer-line { width: 100% !important; height: 1px !important; background-color: var(--blanco); margin: 20px 0 !important; } body.redesign-cimenta #colophon .footer-info p { margin-top: 15px !important; color: var(--blanco); } body.redesign-cimenta #colophon .footer-info a { color: var(--blanco); text-decoration: none; opacity: 0.8; } body.redesign-cimenta #colophon .footer-copyright { /* margin: 0 !important; */ color: var(--blanco); opacity: 0.8; } body.redesign-cimenta #colophon .footer-logo img { max-width: 93px !important; height: auto !important; } body.redesign-cimenta #colophon .footer-logo { padding-top: 20px !important; padding-bottom: 40px !important; } body.redesign-cimenta #colophon .footer-menu a { color: var(--blanco); text-decoration: none; opacity: 0.8; } body.redesign-cimenta #colophon .footer-menu ul { list-style: none; margin: 0 !important; padding: 0 !important; } body.redesign-cimenta #colophon .footer-menu .footer-menu-column ul li { padding-bottom: 20px !important; padding-right: 20px !important; } body.redesign-cimenta #colophon .footer-menu .footer-menu-columns .footer-menu-column { padding-right: 20px !important; } body.redesign-cimenta #colophon .footer-rrss img { width: 28px !important; height: 28px !important; filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2)); /* padding: 5px; */ } body.redesign-cimenta #colophon .footer-rrss img:hover { opacity: 0.4; } @media (min-width: 768px) { body.redesign-cimenta #colophon { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; grid-template-areas: "logo menu" "rrss menu" "line line" "copy info"; align-items: start; } body.redesign-cimenta #colophon .footer-copyright { grid-area: copy; text-align: left; margin: 0 !important; /* font-size: 16px !important; */ } body.redesign-cimenta #colophon .footer-copyright p { margin-top: 15px !important; font-size: 16px !important; } body.redesign-cimenta #colophon .footer-info { grid-area: info; display: flex; gap: 20px !important; justify-content: flex-end; text-align: right; align-items: center; margin: 0 !important; } body.redesign-cimenta #colophon .footer-line { grid-area: line; width: 100% !important; height: 1px !important; background-color: var(--blanco); margin-top: 60px !important; } /* .footer-bottom { grid-area: footer-bottom; text-align: left; } */ body.redesign-cimenta #colophon .footer-logo { grid-area: logo; } body.redesign-cimenta #colophon .footer-rrss { grid-area: rrss; display: flex; gap: 25px !important; align-items: center; } body.redesign-cimenta #colophon .footer-menu { grid-area: menu; justify-self: end; } body.redesign-cimenta #colophon .footer-menu .footer-menu-columns .footer-menu-column { padding-top: 25px !important; padding-right: 40px !important; } body.redesign-cimenta #colophon .footer-menu .footer-menu-columns { display: flex; flex-direction: row; justify-content: space-between; display: grid; grid-template-columns: repeat(3, 1fr); } body.redesign-cimenta #colophon .footer-menu a, body.redesign-cimenta #colophon .footer-info a { position: relative; font-size: 16px !important; } body.redesign-cimenta #colophon .footer-menu a::after, body.redesign-cimenta #colophon .footer-info a::after { content: ""; position: absolute; left: 0 !important; bottom: -2px !important; width: 100% !important; height: 2px !important; background-color: var(--blanco); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } body.redesign-cimenta #colophon .footer-menu a:hover::after, body.redesign-cimenta #colophon .footer-info a:hover::after { transform: scaleX(1); } body.redesign-cimenta #colophon .footer-info p { margin-bottom: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 1200px) { body.redesign-cimenta #colophon .footer-logo, .footer-rrss { padding-left: 30px !important; } } @media (min-width: 1440px) { body.redesign-cimenta #colophon { padding-left: 8% !important; padding-right: 8% !important; } } body.redesign-cimenta #colophon .footer-menu ul li.current-menu-item a, body.redesign-cimenta #colophon .footer-menu ul li.current_page_item a { font-weight: bold; } @media (min-width: 480px) { body.redesign-cimenta #colophon .footer-menu a { font-size: 16px !important; white-space: nowrap; } } @media (max-width: 768px) { body.redesign-cimenta #colophon { display: block; align-items: center; } body.redesign-cimenta #colophon .footer-menu .footer-menu-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px !important; } body.redesign-cimenta #colophon .footer-logo { display: flex; justify-content: center; align-items: center; padding-top: 20px !important; padding-bottom: 0 !important; } body.redesign-cimenta #colophon .footer-rrss { display: flex; justify-content: center; align-items: center; margin-top: 20px !important; margin-bottom: 40px !important; } body.redesign-cimenta #colophon .footer-rrss img { margin: 0 10px !important; } body.redesign-cimenta #colophon .footer-menu a { color: var(--blanco); opacity: 0.8; } body.redesign-cimenta #colophon .footer-menu a:hover, body.redesign-cimenta #colophon .footer-info a:hover { opacity: 1; } body.redesign-cimenta #colophon .footer-info { margin-top: 40px !important; margin-bottom: 40px !important; } }