section#beneficios{ margin-top: 10px; } #bloque-beneficios{ background: white; width: 45%; border: 1px solid gray; padding: 20px 50px 20px 30px; grid-area: beneficio; grid-row: span 2; } #bloque-beneficios h2{ background: darkorange; color: white; width: fit-content; font-size: 18pt; font-weight: 600; padding: 4px; } .beneficio { margin-bottom: 20px; display: flex; gap: 20px; grid-area: beneficio; } .beneficio span.number { display: block; font-weight: bold; font-size: 55pt; width: 40px; height: 100%; color: darkorange; line-height: 1; } .beneficio p.title { text-align: left; text-transform: uppercase; font-size: 15pt; margin-bottom: 0px; color: darkorange; font-weight: 500; } .beneficio p.content { text-align: left; font-size: 10pt; margin-bottom: 0px; line-height: 1.2; text-align: justify; } #bloque-img-adornos{ background: white; width: 25%; border-left: 10px solid white; border-right: 10px solid white; margin-top: 0px; display: flex; flex-direction: column; gap: 10px; } #bloque-img-adornos div[id^="img-"]{ background-size: cover; background-position: center; width: 100%; height: calc(50% - 5px); } #img-1{ background-image: url(https://coovias.com/wp-content/uploads/2023/03/manhattan-puente.jpg); height: 50%; grid-area: img1; grid-row: 1; } #img-2{ background-image: url(https://coovias.com/wp-content/uploads/2023/03/sunny-forward-journey-transportation-transport-new_1417-904.jpg); grid-area: img2; grid-row: 2; } #bloque-suscripcion{ background: #0062ad; border-right: white solid 10px; width: calc(30% - 20px); padding: 10px; display: block !important; grid-column: 3; grid-row: span 2 !important; grid-area: suscripcion; } #bloque-suscripcion { font-size: 11pt; text-align: center !important; color: white; font-weight: 600; margin-top: 0px !important; margin-bottom: 0px important; } #bloque-suscripcion form{ display: block; } #bloque-suscripcion form > *{ margin-bottom: 0px !important; text-align: center; } #bloque-suscripcion form > label, #bloque-suscripcion form > br{ display: none !important; } #bloque-suscripcion input[type="text"], #bloque-suscripcion input[type="email"]{ width: 100%; height: 30px; font-size: 11pt; padding: 15px; margin-top: 2px; margin-bottom: 15px; border: 3px solid white; border-radius: 10px; } #bloque-suscripcion input::placeholder{ color: steelblue; text-align: center; font-weight: 600; } #bloque-suscripcion input.wpcf7-submit{ height: auto; position: relative; background: white; color: #0062ad; font-weight: 600; margin-top: 30px; margin-bottom: 0px; margin: auto; } #bloque-suscripcion .wpcf7-not-valid-tip{ display: none; } #bloque-suscripcion .wpcf7-response-output{ display: block; font-size: 9pt; color: white; border: 0px !important; margin: 0px !important; } #bloque-suscripcion .wpcf7-spinner{ display: none !important; } @media (max-width: 900px) { #bloque-img-adornos{ display: none !important; } #sub-div-hero{ flex-direction: column !important; } #sub-div-hero > *{ width: 100% !important; } #sub-div-hero > #bloque-suscripcion{ padding: 0px 40px 20px 40px !important; } } #banner-hero { width: 100vw; height: calc(100dvh - 80px); max-height: calc(100dvh - 80px); position: relative; overflow: hidden; border-bottom: 10px solid #EDEDED; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-bottom: 60px; pointer-events: none; z-index: 0; background: linear-gradient( 90deg, #f7f7f7 0%, #f7f7f7 8%, #f2f8f4 8%, #f2f8f4 20%, #fffdf5 20%, #fffdf5 35%, #f5f9fd 35%, #f5f9fd 50%, #f7f7f7 50%, #f7f7f7 100% ); } #suelo { width: 100vw; height: 130px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url("/wp-content/uploads/2026/08/suelo-nuevo.png") no-repeat center bottom; background-size: 100% 200px; box-shadow: inset 0 15px 20px -15px rgba(255, 255, 255, .8); } .banner-content { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1200px; height: 100%; display: flex; gap: 60px; z-index: 2; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s ease; } .banner-content.active { opacity: 1; visibility: visible; pointer-events: auto; } .banner-left { width: calc(37% - 30px); padding-left: 30px; display: flex; flex-direction: column; justify-content: center; } .banner-left h2 { color: #6fb63a; font-family: "Trebuchet MS", sans-serif; font-size: clamp(20px, 3vw, 42px); font-weight: 600; text-transform: uppercase; line-height: 1.05; overflow-wrap: normal; word-break: normal; } .banner-left h2::after { content: ""; display: block; width: 80px; height: 7px; margin-top: 10px; background: #6fb63a; box-shadow: gray 30px 0 0 inset; } .banner-left p { font-size: 10pt; line-height: 1.2; } .banner-left a { width: fit-content; padding: 5px 14px; background: darkorange; color: #fff; font-weight: 600; text-decoration: none; pointer-events: auto; transition: transform 0.3s ease, background 0.3s ease; } .banner-left a:hover { background: #cc6a00; transform: scale(1.05); } .banner-right { width: 60%; display: flex; align-items: flex-end; } .tablet { position: relative; width: calc(100% - 40px); margin-bottom: 20px; } .tablet-marco { width: 95%; display: block; position: relative; z-index: 1; pointer-events: none; } .tablet-producto { position: absolute; top: 8%; left: 5%; width: 84.5%; height: 77%; border-radius: 10px; overflow: hidden; background: white; z-index: 2; } .tablet-producto img { width: 100%; height: 100%; display: block; object-fit: cover; pointer-events: auto; } @media (max-width: 800px) { #banner-hero { height: auto; min-height: 600px !important; } .banner-content { padding: 10px !important; position: absolute; top: 0; left: 0; transform: none; width: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px !important; } .banner-content > * { width: 90% !important; margin: auto; text-align: center; } .banner-content h2::after { display: none; } .banner-left { order: 1; width: 80% !important; display: flex; justify-content: flex-start; align-items: center; text-align: center; } .banner-left h2 { font-size: 22pt; } .banner-right { order: 2; width: 80% !important; display: flex; justify-content: center; align-items: flex-end; } .tablet { width: 100%; margin-bottom: 20px; } } @media (prefers-reduced-motion: reduce) { .banner-content { transition: none; } } section#acerca-de{ display: flex; gap: 40px; padding: 0px 40px !important; } section#acerca-de .caratula-completa{ width: 40%; } section#acerca-de #resena{ width: 60%; } section#acerca-de #resena div[id^="bloque-"]{ margin-bottom: 10px; } section#acerca-de .caratula img{ transform: rotate(-5deg); width: 90%; box-shadow: 10px 10px #ff8c00; border: 2px solid #ff8c00; } section#acerca-de #bloque-titulo > *{ margin-bottom: 0px; } section#acerca-de h1{ color: #fff !important; font-weight: 700; width: fit-content !important; line-height: 1 !important; font-size: 24pt; background: #259cd8; padding: 4px 5px 12px 5px; } section#acerca-de p[id^="h1-"]{ color: #259cd8; font-weight: 600; } section#acerca-de h2{ border-bottom: 2px solid #259cd8; color: #259cd8; font-size: 15pt; font-weight: 600; padding-bottom: 5px; } section#acerca-de ul{ font-size: 11pt; column-count: 3; column-gap: 30px; margin: 0 0 20px 20px; } section#acerca-de > *{ width: 80% !important; margin: auto !important; } section#acerca-de #resena p{ text-align: justify; font-size: 11pt; } section#acerca-de #resena div[id^="sub-bloque-"]{ display: flex; flex-direction: row; gap: 20px; margin-bottom: 10px; } section#acerca-de #resena div[id^="sub-bloque-"] p{ margin-bottom: 0px; } section#acerca-de #resena div[id^="sub-bloque-"] div{ background: #fff7de; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 11pt; border-radius: 15px; min-width: 140px; padding: 3px 5px; border: 3px solid #ff8c00; display: flex; align-items: center; } section#acerca-de #resena div[id^="sub-bloque-"] div a{ font-weight: 700; color: #ff8c00; } @media (max-width: 800px){ section#acerca-de .caratula{ margin-bottom: 50px; } section#acerca-de ul{ column-count: 2; } section#acerca-de #resena div[id^="sub-bloque-"]{ flex-direction: column !important; } section#acerca-de #resena div[id^="sub-bloque-"] div{ margin-bottom: 20px; width: fit-content !important; } } section#slogan-estadisticas{ display: flex; gap: 20px !important; margin-top: 40px !important; } section#slogan-estadisticas #slogan{ text-align: center; width: 47%; display: flex; align-items: center; padding: 20px; } section#slogan-estadisticas #slogan p{ font-style: italic; font-weight: 600; font-size: 11pt; margin-bottom: 0px; } .datos_numericos{ background: white; width: calc(53% - 20px);; grid-area: numeros; display: grid; grid-template-areas: "clientes clientes proyectos proyectos ediciones ediciones" "colaboradores colaboradores colaboradores visitas visitas visitas"; gap: 10px; padding: 0px 10px; } .datos_numericos .dato_num{ display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; padding: 10px; } .datos_numericos .dato_num span{ font-size: 34pt; line-height: 1.2; font-family: "Segoe UI Emoji","Segoe UI Symbol"; height: auto !important; font-weight: 800 !important; } .datos_numericos .dato_num p{ font-size: 12pt; font-weight: 600; letter-spacing: 1px; margin-bottom: 0px !important; } .datos_numericos .dato_num_clientes{ background: #E6F0FA !important; color: #0062ad; grid-area: clientes; } .datos_numericos .dato_num_proyectos{ background: #FFF8E1; color: darkorange; grid-area: proyectos; } .datos_numericos .dato_num_ediciones{ background: #fafaf7; color: #222222; grid-area: ediciones; } .datos_numericos .dato_num_colaboradores{ background: #FFF8E1; color: darkorange; grid-area: colaboradores; grid-column: 1.5; } .datos_numericos .dato_num_visitas{ background: #dff2e6; color: #00702d; grid-area: visitas; grid-column: 2.5 span; } .rQGcc{ color: #00702d; } @media (max-width: 800px){ section#slogan-estadisticas #sub-div-hero{ flex-direction: column !important; } section#slogan-estadisticas #sub-div-hero > *{ width: 100% !important; } section#slogan-estadisticas #slogan{ border-bottom: 10px solid white !important; } } page.separate-containers .featured-image, .featured-image{ display: none !important; } section{ position: relative; } section .div-hero{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background: #fafaf7; display: flex; } section #sub-div-hero{ margin: auto !important; max-width: 1200px; display: flex; } @media (max-width: 800px) { section{ display: block !important; } } section#testimonios { margin: 30px 0px; margin: 30px 0px; display: flex; align-items: center; flex-direction: column; } section#testimonios h2{ margin: auto; text-align: center; background: #fafaf7; color: #222222; width: fit-content; font-size: 18pt; font-weight: 600; padding: 4px; } #sub-bloque-testimonios{ display: flex; gap: 10px; margin-top: 20px; } #sub-bloque-testimonios #bloque-testimonio-carta, #sub-bloque-testimonios #bloque-testimonio-minis > *{ border: 1px solid #222222; } #sub-bloque-testimonios #bloque-testimonio-minis{ display: flex; flex-direction: column; gap: 10px; } figure.testimonio{ padding: 10px !important; margin: 0px !important; text-align: center !important; } figure.testimonio blockquote{ border: 0px !important; margin: 0px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } figure.testimonio p:before{ background-image: url('https://coovias.com/wp-content/uploads/2025/01/comillas.png'); background-size: cover; background-position: center; content: ""; width: 70px; height: 50px; display: block; margin: 0px auto 20px auto !important; } figure.testimonio blockquote.Conimagen p:before{ background-image: none !important; content: none !important; } figure.testimonio blockquote.Conimagen p{ text-align: justify; padding: 0px 10px; } figure.testimonio blockquote.Conimagen p img{ text-align: justify; width: 100%; } figure.testimonio blockquote.Conimagen p a{ background: steelblue; padding: 5px; color: white; font-size: 11pt; font-weight: 600; } figure.testimonio p{ margin-bottom: 10pt; font-size: 10pt; line-height: 1.5; } figure.testimonio blockquote.Conimagen cite{ display: none; } figure.testimonio cite{ color: #0062ad !important; font-weight: 700; font-size: 11pt; line-height: 1.5 !important; margin-bottom: 0px !important; } figure.testimonio cite br{ line-height: 1; } a#leer-testimonios{ background: #0062ad; color: white; font-weight: 600; padding: 5px; margin-top: 20px; } @media (max-width: 900px){ #sub-bloque-testimonios{ display: flex; flex-direction: column !important; } }