/**
* Theme Name: Whitehall Child
* Description: This is a child theme of Whitehall, generated by Merlin WP.
* Author: ThemeKalia
* Template: whitehall
* Version: 1.4
*/
.department-details .discription-box, .department-details .highlights-box, .download-box{
display:none;
}
/* ===== CPA – ajustes 2026-08 =====
El style.min.css del theme padre se carga DESPUÉS de esta hoja (por cómo
Jetpack Boost concatena), así que las reglas que pisan al theme llevan !important. */
/* Tarjetas de áreas (inicio): sin efecto al pasar el mouse. No aparece el panel
superpuesto (que además era lo único clickeable), la tarjeta queda quieta. */
.explore-block-two .inner-box .overlay-content {
display: none !important;
}
.explore-block-two .inner-box:hover .content-box {
opacity: 1 !important;
}
/* Nombres largos: que entren en la caja blanca sin taparse con la imagen */
.explore-block-two .inner-box .content-box h4 {
left: 10px !important;
width: calc(100% - 20px) !important;
font-size: 15px !important;
line-height: 19px !important;
padding: 9px 8px !important;
}
/* Cifras de Paraguay y Australia: signo ≈ en población y PIB per cápita */
.funfact-block:nth-child(1) .count-text::before,
.funfact-block:nth-child(3) .count-text::before {
content: "≈ ";
}
/* Son 3 cifras, no 4: en escritorio se reparte el ancho para que entren los
separadores de miles. En celular siguen apiladas como las deja el theme. */
@media (min-width: 992px) {
.funfact-content .funfact-block {
flex: 0 0 33.3333% !important;
max-width: 33.3333% !important;
}
}
.funfact-block-one .inner-box .count-outer {
font-size: 26px !important;
line-height: 36px !important;
white-space: nowrap !important;
}
.funfact-block-one .inner-box .count-outer span + span {
margin-left: 0.15em;
}
/* Sección "Quiero asociarme": tiene una sola diapositiva, se muestra fija para que
el título no quede cortado por el carrusel */
.download-section .content_block_3 .content-box h2 {
font-size: 28px !important;
line-height: 38px !important;
white-space: normal !important;
overflow-wrap: break-word;
}
.download-section .single-item-carousel .owl-stage {
transform: none !important;
width: 100% !important;
}
.download-section .single-item-carousel .owl-item {
width: 100% !important;
margin-right: 0 !important;
}
.download-section .single-item-carousel .owl-item.cloned {
display: none !important;
}
/* Al quedar una sola columna con contenido, la franja de fondo ocupa todo el ancho */
.download-section .layer-bg {
width: 100% !important;
border-radius: 5px;
}
/* Separación entre párrafos en los bloques de texto (quedaban pegados) */
.elementor-widget-text-editor p {
margin-bottom: 15px;
}
.elementor-widget-text-editor p:last-child {
margin-bottom: 0;
}
/* Carrusel de tarjetas: en equipos con mouse no se puede arrastrar la tira
(seguía al cursor y encajaba recién al soltar). En pantallas táctiles se
mantiene el deslizamiento, que ahí sí es lo esperado. */
@media (hover: hover) and (pointer: fine) {
.four-item-carousel .owl-stage {
pointer-events: none;
}
}
/* "Nuestra misión y visión": el theme arma esa sección con un slider vertical
configurado para exactamente 4 elementos (minSlides/maxSlides: 4). Como ahora
son 2, calcula mal la altura y corta el contenido. Se anula el slider y los
bloques quedan apilados uno debajo del otro. */
.information-section .bx-viewport {
height: auto !important;
overflow: visible !important;
}
.information-section .schedule-carousel {
transform: none !important;
width: auto !important;
}
.information-section .information-block-one {
width: auto !important;
float: none !important;
}
.information-section .information-block-one.bx-clone {
display: none !important;
}
/* Sin el slider, el espacio vertical entre misión y visión quedaba enorme
(el theme lo dimensiona para 4 bloques). Se ajusta y la línea lateral
acompaña al alto real del texto. */
.information-section .information-block-one .inner-box {
padding: 40px 120px 36px 100px;
}
.information-section .information-block-one .inner-box:before {
height: calc(100% - 60px);
top: 30px;
}
/* =========================================================
CPA · Rediseño visual 2026
Se aplica sobre el theme Whitehall sin tocar la estructura
de las páginas: sólo tipografía, color, escala y espacios.
========================================================= */
:root {
--cpa-azul: #465AA5;
--cpa-azul-oscuro: #37478A;
--cpa-navy: #1B2143;
--cpa-dorado: #C9A961;
--cpa-texto: #4B5164;
--cpa-apagado: #939AAD;
--cpa-suave: #F5F7FC;
--cpa-borde: #E4E8F2;
--cpa-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
}
/* ---------- Titulares con serif ---------- */
.sec-title h2,
.page-title .title h1,
.banner-section .content-box h1,
.content_block_3 .content-box h2,
.information-block-one .inner-box .text h4,
.elementor-widget-heading .elementor-heading-title {
font-family: var(--cpa-serif) !important;
font-weight: 400 !important;
letter-spacing: -0.015em !important;
color: var(--cpa-navy);
}
/* ---------- Etiquetas chicas ---------- */
.sec-title h6,
.banner-section .content-box h6 {
font-size: 12px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase;
}
.sec-title h6 {
color: var(--cpa-azul) !important;
margin-bottom: 14px !important;
}
/* El theme mete estrellitas decorativas al costado de las etiquetas */
.sec-title h6 i {
display: none !important;
}
/* ---------- Cuerpo de texto ---------- */
.elementor-widget-text-editor p,
.sec-title p,
.information-block-one .inner-box .text p {
font-size: 17px !important;
line-height: 1.78 !important;
color: var(--cpa-texto) !important;
}
/* ---------- Botones ---------- */
.theme-btn,
.theme-btn.style-two,
input[type="submit"],
.wpcf7 input[type="submit"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
height: 52px;
padding: 0 30px !important;
border-radius: 999px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
line-height: 1 !important;
border: none;
transition: background 250ms ease, color 250ms ease, transform 250ms ease;
}
.theme-btn:hover,
input[type="submit"]:hover {
transform: translateY(-1px);
}
/* ---------- Cabecera ---------- */
.main-header .header-lower {
background: #ffffff;
border-bottom: 1px solid var(--cpa-borde);
box-shadow: none;
}
.main-header .logo-box .logo img {
max-height: 44px;
width: auto;
}
.main-menu .navigation > li > a {
font-size: 15px !important;
font-weight: 500 !important;
color: #676E82 !important;
letter-spacing: 0 !important;
}
.main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li:hover > a {
color: var(--cpa-navy) !important;
}
.menu-right-content .theme-btn {
height: 44px;
padding: 0 24px !important;
background: var(--cpa-azul) !important;
color: #ffffff !important;
font-size: 14px !important;
}
.menu-right-content .theme-btn:hover {
background: var(--cpa-azul-oscuro) !important;
}
/* ---------- Portada ---------- */
.banner-section .slide-item:before,
.banner-section .image-layer:before {
background: linear-gradient(90deg, rgba(21, 26, 54, 0.88) 0%, rgba(21, 26, 54, 0.62) 46%, rgba(21, 26, 54, 0.12) 100%) !important;
}
.banner-section .content-box {
max-width: 700px;
}
.banner-section .content-box h6 {
color: var(--cpa-dorado) !important;
margin-bottom: 22px !important;
}
.banner-section .content-box h1 {
font-size: 62px !important;
line-height: 1.06 !important;
color: #ffffff !important;
margin-bottom: 24px !important;
}
.banner-section .content-box p {
font-size: 19px !important;
line-height: 1.65 !important;
color: rgba(255, 255, 255, 0.82) !important;
max-width: 520px;
}
/* ---------- Banda de título de las páginas interiores ---------- */
.page-title {
padding: 130px 0 20px 0 !important;
}
.page-title:before {
background: linear-gradient(90deg, rgba(21, 26, 54, 0.9) 20%, rgba(21, 26, 54, 0.55) 100%) !important;
}
.page-title .title {
margin-bottom: 76px !important;
}
.page-title .title h1 {
font-size: 52px !important;
line-height: 1.08 !important;
color: #ffffff !important;
}
/* ---------- Menú: sin mayúsculas forzadas ---------- */
.main-menu .navigation > li > a {
text-transform: none !important;
}
.main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li.current_page_item > a,
.main-menu .navigation > li.active > a {
color: var(--cpa-navy) !important;
}
/* ---------- Etiquetas y títulos sobre fondo oscuro ---------- */
.sec-title.light h6,
.sec-title.light h6 span,
.content_block_3 .content-box h4 {
color: var(--cpa-dorado) !important;
}
.sec-title.light h2,
.content_block_3 .content-box h2 {
color: #ffffff !important;
}
/* El adorno bajo los títulos ya no hace falta: el aire ordena solo */
.sec-title .title-shape {
display: none !important;
}
.sec-title h2 {
margin-bottom: 0 !important;
}
.sec-title {
margin-bottom: 46px !important;
}
/* ---------- Cifras ---------- */
.funfact-section {
background: var(--cpa-suave) !important;
border-top: 1px solid var(--cpa-borde);
border-bottom: 1px solid var(--cpa-borde);
}
.funfact-block-one .inner-box .count-outer {
font-family: var(--cpa-serif) !important;
font-size: 32px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
color: var(--cpa-azul) !important;
letter-spacing: -0.01em;
}
.funfact-block-one .inner-box h6 {
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
color: var(--cpa-apagado) !important;
margin-top: 8px !important;
}
/* ---------- Banda "Quiero asociarme" ---------- */
.download-section .layer-bg:after,
.download-section:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(27, 33, 67, 0.90) 26%, rgba(70, 90, 165, 0.66) 100%);
z-index: 0;
}
.download-section .auto-container {
position: relative;
z-index: 2;
}
.download-section .content_block_3 .content-box h4 {
font-size: 12px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase;
margin-bottom: 20px !important;
}
.download-section .theme-btn {
background: #ffffff !important;
color: var(--cpa-navy) !important;
height: 56px;
padding: 0 36px !important;
}
.download-section .theme-btn:hover {
background: var(--cpa-dorado) !important;
color: var(--cpa-navy) !important;
}
/* ---------- Pie ---------- */
.main-footer,
.footer-top-two {
background: var(--cpa-navy) !important;
}
.footer-top-two a,
.footer-top-two p,
.footer-widget p {
color: rgba(255, 255, 255, 0.66) !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
.footer-widget .social-box li a.no-border {
color: rgba(255, 255, 255, 0.86) !important;
font-size: 15px !important;
}
.footer-widget .social-box li {
margin-bottom: 12px !important;
}
.footer-widget .social-box li a i {
color: #ffffff !important;
}
/* ---------- Portada: velo parejo para que el texto se lea en toda foto ---------- */
.banner-section .slide-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(21, 26, 54, 0.92) 0%, rgba(21, 26, 54, 0.70) 45%, rgba(21, 26, 54, 0.22) 100%);
z-index: 1;
}
.banner-section .slide-item .auto-container {
position: relative;
z-index: 2;
}
/* ---------- Textos largos: medida de lectura cómoda ---------- */
.page-id-407 .elementor-widget-text-editor,
.page-id-407 .elementor-widget-heading {
max-width: 820px;
}
/* Los subtítulos dentro de los bloques de texto también van con serif */
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4 {
font-family: var(--cpa-serif) !important;
font-weight: 400 !important;
letter-spacing: -0.015em !important;
color: var(--cpa-navy) !important;
margin-bottom: 18px !important;
}
.elementor-widget-text-editor h3 {
font-size: 32px !important;
line-height: 1.2 !important;
margin-top: 8px !important;
}
/* Entrada de la página: el primer párrafo entra más grande */
.page-id-407 .elementor-widget-text-editor:first-of-type p:first-child {
font-family: var(--cpa-serif) !important;
font-size: 25px !important;
line-height: 1.5 !important;
color: var(--cpa-navy) !important;
}
/* ---------- Formularios ---------- */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
height: 54px;
padding: 0 18px !important;
border: 1px solid #DDE3F0 !important;
border-radius: 10px !important;
background: #ffffff !important;
font-size: 15px !important;
color: var(--cpa-navy) !important;
box-shadow: none !important;
transition: border-color 200ms ease, box-shadow 200ms ease;
}
.wpcf7 textarea,
.wpcf7-form-control.wpcf7-textarea {
height: 150px;
padding: 16px 18px !important;
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
border-color: var(--cpa-azul) !important;
box-shadow: 0 0 0 4px rgba(70, 90, 165, 0.12) !important;
outline: none !important;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: var(--cpa-apagado) !important;
}
.wpcf7 .wpcf7-submit {
background: var(--cpa-azul) !important;
color: #ffffff !important;
}
.wpcf7 .wpcf7-submit:hover {
background: var(--cpa-azul-oscuro) !important;
}
/* ---------- Íconos sociales de la página de contacto ---------- */
.contact-info-section .social-links li a,
.contact-widget .social-links li a,
.contact-info-section ul.social-links li a {
background: transparent !important;
border: 1px solid #DDE3F0 !important;
color: var(--cpa-azul) !important;
width: 46px !important;
height: 46px !important;
line-height: 44px !important;
transition: background 220ms ease, color 220ms ease, border-color 220ms ease;
}
.contact-info-section .social-links li a:hover,
.contact-widget .social-links li a:hover {
background: var(--cpa-azul) !important;
border-color: var(--cpa-azul) !important;
color: #ffffff !important;
}
/* ---------- Contacto: tarjeta del formulario ---------- */
.contact_form_box {
background: #ffffff !important;
border: 1px solid var(--cpa-borde);
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(27, 33, 67, 0.04), 0 18px 40px rgba(27, 33, 67, 0.06);
padding: 44px !important;
}
/* ---------- Íconos sociales: un solo criterio en todo el sitio ---------- */
.social-box ul.social-style-one li a {
background: transparent !important;
border: 1px solid #DDE3F0 !important;
color: var(--cpa-azul) !important;
width: 46px !important;
height: 46px !important;
line-height: 44px !important;
border-radius: 50% !important;
transition: background 220ms ease, color 220ms ease, border-color 220ms ease;
}
.social-box ul.social-style-one li a:hover {
background: var(--cpa-azul) !important;
border-color: var(--cpa-azul) !important;
color: #ffffff !important;
}
/* ---------- Banda "Quiero asociarme": menos alta ---------- */
.download-section {
padding: 88px 0 !important;
}
.download-section .row {
align-items: center;
}
/* ---------- Cifras: el rótulo del país hace de título ---------- */
.funfact-section .sec-title h2 {
display: none !important;
}
.funfact-section .sec-title h6,
.funfact-section .sec-title h6 span {
font-family: var(--cpa-serif) !important;
font-size: 26px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
color: var(--cpa-navy) !important;
}
.funfact-section .sec-title {
margin-bottom: 0 !important;
}
.funfact-section .funfact-content {
padding: 26px 0 !important;
}
/* ---------- Tamaños para pantallas chicas ----------
Las medidas de arriba son de escritorio; acá se bajan para que
los titulares no se coman la pantalla del celular. */
@media (max-width: 991px) {
.banner-section .content-box h1 {
font-size: 42px !important;
line-height: 1.1 !important;
}
.banner-section .content-box p {
font-size: 17px !important;
}
.page-title {
padding: 112px 0 18px 0 !important;
}
.page-title .title {
margin-bottom: 54px !important;
}
.page-title .title h1 {
font-size: 36px !important;
}
.elementor-widget-text-editor h3 {
font-size: 26px !important;
}
.funfact-block-one .inner-box .count-outer {
font-size: 26px !important;
}
.contact_form_box {
padding: 28px !important;
}
}
@media (max-width: 575px) {
.banner-section .content-box h1 {
font-size: 32px !important;
line-height: 1.14 !important;
}
.page-title .title h1 {
font-size: 29px !important;
}
.elementor-widget-text-editor p,
.sec-title p {
font-size: 16px !important;
}
}
/* En celular el velo va de arriba abajo: el texto queda sobre la parte oscura */
@media (max-width: 991px) {
.banner-section .slide-item:before {
background: linear-gradient(180deg, rgba(21, 26, 54, 0.74) 0%, rgba(21, 26, 54, 0.44) 62%, rgba(21, 26, 54, 0.68) 100%) !important;
}
}
/* ---------- Banda de título: alineada a la izquierda, como en la propuesta ---------- */
.page-title .title,
.page-title .bread-crumb,
.page-title .content-box {
text-align: left !important;
}
.page-title .title h1 {
text-transform: none !important;
}
/* ---------- Misión y visión: dos tarjetas sobre fondo claro ---------- */
.information-section {
background: var(--cpa-suave) !important;
}
.information-section .bg-layer {
display: none !important;
}
.information-section .sec-title.light h6,
.information-section .sec-title.light h6 span {
color: var(--cpa-azul) !important;
}
.information-section .sec-title.light h2 {
color: var(--cpa-navy) !important;
}
.information-section .schedule-carousel {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
align-items: stretch;
}
.information-section .information-block-one .inner-box {
height: 100%;
padding: 36px !important;
border-radius: 14px !important;
box-shadow: 0 1px 2px rgba(27, 33, 67, 0.05), 0 16px 34px rgba(27, 33, 67, 0.06);
}
.information-section .information-block-one .inner-box:before {
display: none !important;
}
.information-section .information-block-one .inner-box .text h4 {
font-size: 24px !important;
line-height: 1.25 !important;
margin-bottom: 14px !important;
}
@media (max-width: 767px) {
.information-section .schedule-carousel {
grid-template-columns: minmax(0, 1fr);
}
}
/* El theme imprime el título en mayúsculas dentro del HTML; se suaviza desde CSS */
.page-title .title h1 {
text-transform: lowercase !important;
}
.page-title .title h1::first-letter {
text-transform: uppercase !important;
}
/* Entrada de "Quiénes somos": el primer párrafo hace de bajada */
.elementor-element-aa14209 p:first-child {
font-family: var(--cpa-serif) !important;
font-size: 25px !important;
line-height: 1.5 !important;
color: var(--cpa-navy) !important;
margin-bottom: 22px !important;
}
@media (max-width: 767px) {
.elementor-element-aa14209 p:first-child {
font-size: 21px !important;
}
}
/* ---------- Correcciones de la revisión visual (2026-08-24) ---------- */
/* La franja de fondo de la banda azul tiene 498px fijos en el theme y se
derramaba sobre la sección de cifras que viene después */
.download-section .layer-bg {
height: 100% !important;
top: 0 !important;
}
/* Menos aire muerto dentro de la banda: el bloque de texto arrastraba
márgenes pensados para el carrusel de descargas que ya no existe */
.download-section {
padding: 72px 0 !important;
}
.download-section .content_block_3 .content-box {
margin-top: 0 !important;
}
.download-section .content_block_3 .content-box h2 {
margin-bottom: 26px !important;
}
.download-section .single-item-carousel {
margin: 0 !important;
padding: 0 !important;
}
/* Botones del feed de Instagram: mismo criterio que el resto del sitio */
#sbi_load .sbi_load_btn,
#sbi_load .sbi_follow_btn a {
background: transparent !important;
border: 1px solid var(--cpa-azul) !important;
color: var(--cpa-azul) !important;
border-radius: 999px !important;
padding: 12px 24px !important;
font-size: 14px !important;
font-weight: 700 !important;
box-shadow: none !important;
transition: background 220ms ease, color 220ms ease;
}
#sbi_load .sbi_load_btn:hover,
#sbi_load .sbi_follow_btn a:hover {
background: var(--cpa-azul) !important;
color: #ffffff !important;
}
/* Pie: menos altura vacía */
.footer-top-two {
padding: 64px 0 40px 0 !important;
}
.footer-top-two .logo-widget .footer-logo {
margin-bottom: 18px !important;
}
/* La portada mostraba una tira de la diapositiva siguiente en el borde derecho */
.banner-section,
.banner-section .banner-carousel {
overflow: hidden !important;
}
/* Pie: las dos columnas centradas verticalmente para que no quede
un vacío bajo el logo */
.footer-top-two .row {
align-items: center;
}
/* =========================================================
CPA · Piezas nuevas para igualar la maqueta (2026-08-24)
========================================================= */
/* ---------- Etiqueta reutilizable ---------- */
.cpa-kicker {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--cpa-azul);
}
/* ---------- Portada de un solo mensaje: sin flechas ---------- */
.banner-section .owl-nav {
display: none !important;
}
.banner-section .content-box .theme-btn {
background: #ffffff !important;
color: var(--cpa-navy) !important;
margin-top: 10px;
}
.banner-section .content-box .theme-btn:hover {
background: var(--cpa-dorado) !important;
}
/* ---------- Sección de áreas: encabezado + grilla de 5 ---------- */
.cpa-areas {
max-width: 1320px;
margin: 0 auto;
padding: 96px 20px 100px 20px;
}
.cpa-areas-encabezado {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 48px;
margin-bottom: 48px;
}
.cpa-areas-titulos {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 620px;
}
.cpa-areas-titulos h2 {
font-family: var(--cpa-serif) !important;
font-size: 40px !important;
line-height: 1.14 !important;
font-weight: 400 !important;
letter-spacing: -0.015em;
color: var(--cpa-navy);
margin: 0;
}
.cpa-areas-bajada {
font-size: 16px !important;
line-height: 1.7 !important;
color: #676E82 !important;
max-width: 380px;
margin: 0 !important;
}
.cpa-areas-grilla {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 24px;
}
.cpa-area {
display: flex;
flex-direction: column;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 1px 2px rgba(27, 33, 67, 0.05), 0 14px 30px rgba(27, 33, 67, 0.07);
}
.cpa-area-img {
position: relative;
height: 250px;
overflow: hidden;
}
.cpa-area-img img {
width: 100% !important;
height: 250px !important;
object-fit: cover !important;
display: block;
}
.cpa-area-img:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(27, 33, 67, 0) 45%, rgba(27, 33, 67, 0.55) 100%);
}
.cpa-area-pie {
display: flex;
align-items: center;
gap: 10px;
padding: 18px 18px 20px 18px;
}
.cpa-area-pie svg {
flex-shrink: 0;
}
.cpa-area-pie span {
font-size: 15px;
font-weight: 700;
line-height: 1.3;
color: var(--cpa-navy);
}
@media (max-width: 1199px) {
.cpa-areas-grilla {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.cpa-areas {
padding: 56px 20px;
}
.cpa-areas-encabezado {
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin-bottom: 30px;
}
.cpa-areas-titulos h2 {
font-size: 28px !important;
}
.cpa-areas-grilla {
grid-template-columns: minmax(0, 1fr);
}
.cpa-area-img {
height: 200px;
}
.cpa-area-img img {
height: 200px !important;
}
}
/* ---------- Banda de asociarse: botón a la derecha ---------- */
.download-section .content_block_3 .content-box {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
column-gap: 56px;
align-items: center;
}
.download-section .content_block_3 .content-box h4 {
grid-column: 1;
}
.download-section .content_block_3 .content-box h2 {
grid-column: 1;
margin-bottom: 0 !important;
}
.download-section .content_block_3 .content-box .btn-box {
grid-column: 2;
grid-row: 1 / 3;
align-self: center;
}
/* La columna vacía del carrusel viejo no debe reservar lugar */
.download-section .content-column {
flex: 0 0 100%;
max-width: 100%;
}
.download-section .inner-column {
display: none;
}
@media (max-width: 767px) {
.download-section .content_block_3 .content-box {
grid-template-columns: minmax(0, 1fr);
}
.download-section .content_block_3 .content-box .btn-box {
grid-column: 1;
grid-row: auto;
margin-top: 22px;
}
}
/* ---------- Pie de tres columnas ---------- */
.footer-top-two .row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.footer-top-two .footer-column {
flex: 1 1 0;
max-width: none;
width: auto;
}
.footer-top-two .footer-column:first-child {
flex: 1.4 1 0;
}
.cpa-pie-col .cpa-pie-titulo {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.45);
margin-bottom: 16px;
}
.cpa-pie-marca .footer-logo img {
height: 38px;
width: auto;
}
.cpa-pie-marca p {
max-width: 330px;
margin-top: 16px !important;
}
.cpa-pie-col ul {
list-style: none;
margin: 0;
padding: 0;
}
.cpa-pie-col ul li {
font-size: 15px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.82);
margin-bottom: 12px;
}
.cpa-pie-col ul li a {
color: rgba(255, 255, 255, 0.82) !important;
transition: color 200ms ease;
}
.cpa-pie-col ul li a:hover {
color: #ffffff !important;
}
.cpa-pie-redes {
display: flex;
align-items: center;
gap: 10px;
margin-top: 18px;
}
.cpa-pie-redes a {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.24);
color: #ffffff !important;
transition: background 220ms ease, border-color 220ms ease;
}
.cpa-pie-redes a:hover {
background: var(--cpa-azul);
border-color: var(--cpa-azul);
}
@media (max-width: 991px) {
.footer-top-two .footer-column {
flex: 1 1 100%;
margin-bottom: 28px;
}
}
/* Barra inferior: texto propio en lugar del crédito del theme */
.footer-bottom .copyright p {
visibility: hidden;
position: relative;
}
.footer-bottom .copyright p::before {
content: "© 2026 Cámara de Comercio Paraguayo Australiana";
visibility: visible;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
color: rgba(255, 255, 255, 0.42);
}
.footer-bottom .bottom-inner {
position: relative;
}
.footer-bottom .bottom-inner::after {
content: "Asunción · Canberra";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
color: rgba(255, 255, 255, 0.42);
}
/* ---------- Contacto: encabezado propio, banda del theme oculta ---------- */
.page-id-1412 .page-title {
display: none !important;
}
.cpa-contacto-encabezado {
background: var(--cpa-suave);
border-bottom: 1px solid var(--cpa-borde);
}
.cpa-contacto-encabezado-int {
max-width: 1320px;
margin: 0 auto;
padding: 72px 20px 56px 20px;
display: flex;
flex-direction: column;
gap: 16px;
}
.cpa-contacto-encabezado h1 {
font-family: var(--cpa-serif) !important;
font-size: 48px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
color: var(--cpa-navy);
margin: 0;
}
.cpa-contacto-encabezado p {
font-size: 18px !important;
line-height: 1.7 !important;
color: var(--cpa-texto) !important;
max-width: 720px;
margin: 0 !important;
}
/* Filas de datos con ícono */
.contact-information .contact_box_n p {
display: flex;
flex-direction: column;
gap: 3px;
font-size: 17px !important;
font-weight: 500;
color: var(--cpa-navy) !important;
margin-bottom: 22px !important;
}
.contact-information .contact_box_n span {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
color: var(--cpa-apagado);
}
.contact-information .contact_box_n span i {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
background: #EEF1FA;
color: var(--cpa-azul);
font-size: 17px;
flex-shrink: 0;
}
/* ---------- Formulario de contacto ---------- */
.cpa-form-titulo h3 {
font-family: var(--cpa-serif) !important;
font-size: 28px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
color: var(--cpa-navy);
margin: 0 0 6px 0;
}
.cpa-form-titulo p {
font-size: 15px !important;
color: #676E82 !important;
margin: 0 0 24px 0 !important;
}
.cpa-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.cpa-campo {
margin-bottom: 20px;
}
/* CF7 envuelve el contenido de cada campo en un : ese es el que apila */
.cpa-campo > p {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 !important;
}
.cpa-campo .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.cpa-campo .wpcf7-form-control-wrap input,
.cpa-campo .wpcf7-form-control-wrap textarea,
.cpa-campo .wpcf7-form-control-wrap select {
width: 100% !important;
}
.cpa-form-pie .wpcf7-form-control-wrap {
width: auto;
}
.cpa-form-grid .cpa-campo {
margin-bottom: 0;
}
.cpa-form-grid + .cpa-campo {
margin-top: 20px;
}
.cpa-etiqueta {
font-size: 13px;
font-weight: 700;
color: var(--cpa-texto);
}
.wpcf7 select {
height: 54px;
padding: 0 18px !important;
border: 1px solid #DDE3F0 !important;
border-radius: 10px !important;
background: #ffffff !important;
font-size: 15px !important;
color: var(--cpa-navy) !important;
width: 100%;
}
.wpcf7 select:focus {
border-color: var(--cpa-azul) !important;
box-shadow: 0 0 0 4px rgba(70, 90, 165, 0.12) !important;
outline: none !important;
}
.cpa-form-pie {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 6px;
}
.cpa-form-pie p {
font-size: 13px !important;
line-height: 1.6 !important;
color: var(--cpa-apagado) !important;
max-width: 340px;
margin: 0 !important;
}
@media (max-width: 767px) {
.cpa-form-grid {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.cpa-form-grid .cpa-campo {
margin-bottom: 20px;
}
.cpa-form-pie {
flex-direction: column;
align-items: flex-start;
}
.cpa-contacto-encabezado h1 {
font-size: 34px !important;
}
}
/* ---------- Cifras de los dos países, igual a la maqueta ---------- */
.cpa-cifras {
background: var(--cpa-suave);
border-top: 1px solid var(--cpa-borde);
border-bottom: 1px solid var(--cpa-borde);
}
.cpa-cifras-int {
max-width: 1320px;
margin: 0 auto;
padding: 84px 20px 88px 20px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 96px;
}
.cpa-pais {
display: flex;
flex-direction: column;
gap: 28px;
}
.cpa-pais.cpa-au {
padding-left: 96px;
border-left: 1px solid var(--cpa-borde);
}
.cpa-pais-cab {
display: flex;
align-items: center;
gap: 12px;
}
.cpa-bandera {
width: 28px;
height: 20px;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(27, 33, 67, 0.12);
flex-shrink: 0;
}
.cpa-py-bandera {
background: linear-gradient(180deg, #D52B1E 33%, #ffffff 33%, #ffffff 66%, #0038A8 66%);
}
.cpa-au-bandera {
background: #00247D;
}
.cpa-pais-nombre {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--cpa-navy);
}
.cpa-stats {
display: flex;
justify-content: space-between;
gap: 20px;
}
.cpa-stat {
display: flex;
flex-direction: column;
gap: 6px;
}
.cpa-stat-num {
font-family: var(--cpa-serif);
font-size: 36px;
line-height: 1;
color: var(--cpa-azul);
letter-spacing: -0.01em;
white-space: nowrap;
}
.cpa-stat-rot {
font-size: 13px;
font-weight: 500;
color: #676E82;
}
@media (max-width: 1199px) {
.cpa-stat-num {
font-size: 32px;
}
.cpa-cifras-int {
gap: 56px;
}
.cpa-pais.cpa-au {
padding-left: 56px;
}
}
@media (max-width: 767px) {
.cpa-cifras-int {
grid-template-columns: minmax(0, 1fr);
gap: 36px;
padding: 48px 20px;
}
.cpa-pais.cpa-au {
padding-left: 0;
border-left: none;
padding-top: 32px;
border-top: 1px solid var(--cpa-borde);
}
.cpa-stat-num {
font-size: 28px;
}
}
/* ---------- Cifras a todo el ancho de la pantalla ---------- */
body {
overflow-x: hidden;
}
.cpa-cifras {
width: 100vw;
margin-left: calc(50% - 50vw);
}
/* ---------- Banda de asociarse: la línea corta de la maqueta ---------- */
.download-section .content_block_3 .content-box::after {
content: "La solicitud se completa en línea, en pocos minutos.";
grid-column: 1;
font-size: 16px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.78);
margin-top: 14px;
}
@media (max-width: 767px) {
.download-section .content_block_3 .content-box::after {
grid-row: auto;
}
}
/* ---------- Quiénes somos en el teléfono: aire lateral para el texto ---------- */
@media (max-width: 767px) {
.page-id-407 .elementor-widget-heading,
.page-id-407 .elementor-widget-divider,
.page-id-407 .elementor-widget-text-editor {
padding-left: 20px;
padding-right: 20px;
}
.page-id-407 .information-section .auto-container {
padding-left: 20px;
padding-right: 20px;
}
}
/* ---------- Portada: el texto se ve desde el arranque ----------
El theme padre arranca la etiqueta, el título, el párrafo y el botón con
opacity:0 y desplazados, y los devuelve a su lugar cuando Owl le pone la
clase .active al slide, con transition: all 1000ms + transition-delay: 1000ms.
Resultado: dos segundos de foto muda antes de que aparezca el mensaje.
Acá se anulan los cuatro estados (inicial y activo) para que no haya entrada. */
.banner-section .content-box h6,
.banner-section .content-box h1,
.banner-section .content-box p,
.banner-section .content-box .btn-box,
.banner-carousel .active .content-box h6,
.banner-carousel .active .content-box h1,
.banner-carousel .active .content-box p,
.banner-carousel .active .content-box .btn-box {
opacity: 1 !important;
transform: none !important;
transition: none !important;
transition-delay: 0s !important;
}
/* ---------- Portada: máscara para que el texto blanco se lea ----------
Medición previa: el párrafo quedaba en 3,48:1 de contraste cuando para ese
tamaño hace falta 4,5:1. La causa era que el theme le pone opacity:.65 a esta
capa, así que el velo llegaba diluido a la zona donde cae el texto.
Se anula esa opacidad y el degradado se refuerza sólo del lado del texto,
para no apagar la foto entera. */
.banner-section .slide-item:before {
opacity: 1 !important;
background: linear-gradient(
90deg,
rgba(16, 20, 42, 0.84) 0%,
rgba(16, 20, 42, 0.72) 46%,
rgba(16, 20, 42, 0.36) 72%,
rgba(16, 20, 42, 0.10) 100%
) !important;
}
/* En celular el texto ocupa todo el ancho: la máscara va de arriba abajo */
@media (max-width: 991px) {
.banner-section .slide-item:before {
opacity: 1 !important;
background: linear-gradient(
180deg,
rgba(16, 20, 42, 0.72) 0%,
rgba(16, 20, 42, 0.62) 40%,
rgba(16, 20, 42, 0.74) 100%
) !important;
}
}
/* =========================================================
CPA · Pedidos del cliente — 2026-08-27
========================================================= */
/* ---------- Todas las secciones arrancan en la misma línea ----------
El theme usa .auto-container (1200 px con 15 de aire): el contenido
empieza en 135 px. Las secciones nuevas arrancaban en 60, 80 y 150.
Acá se igualan todas a la medida del theme. */
.cpa-areas,
.cpa-cifras-int,
.cpa-contacto-encabezado-int {
max-width: 1200px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
/* El feed de Instagram traía su propio margen: se alinea con el resto.
Elementor limita la sección a 1140 px, que la corría 15 px hacia adentro
respecto del resto; con 1200 el contenido cae en la misma línea (135 px). */
.elementor-element-77e329b > .elementor-container {
max-width: 1200px !important;
padding-left: 15px;
padding-right: 15px;
}
#sb_instagram {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* ---------- Instagram: el mismo aire vertical que las demás secciones ----------
La sección arrancaba pegada a la banda azul: 0 px de respiro arriba, cuando
áreas usa 96 y cifras 84. Abajo ya sobraban 62 px propios del feed (los
botones), así que se completa con 40 para llegar a la misma medida. */
.elementor-element-77e329b {
padding-top: 92px !important;
padding-bottom: 40px !important;
}
@media (max-width: 767px) {
.elementor-element-77e329b {
padding-top: 52px !important;
padding-bottom: 16px !important;
}
}
/* ---------- Instagram: reservar el lugar de las fotos desde el arranque ----------
El plugin arma la grilla y le pone el alto a cada foto por JavaScript, recién
cuando termina de cargar. Hasta ese momento las fotos no tienen proporción y
se ven enormes y estiradas: en una conexión lenta eso dura varios segundos.
Acá se declara la misma grilla y la misma proporción (4:5) en CSS, que llega
en el head, así el hueco ya está reservado en el primer pintado. Cuando el
plugin termina, escribe los mismos valores y no se mueve nada. */
#sb_instagram #sbi_images {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 800px) {
#sb_instagram #sbi_images {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#sb_instagram .sbi_photo {
aspect-ratio: 4 / 5;
overflow: hidden;
}
#sb_instagram .sbi_photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* ---------- Instagram: encabezado propio, sin el logo borroso ----------
El avatar del plugin es una imagen de 50 px estirada a 80: se veía
borrosa. Se oculta la cabecera del feed y se usa el título de sección. */
#sb_instagram .sb_instagram_header,
#sb_instagram #sbi_header,
#sbi_images ~ .sb_instagram_header,
.sb_instagram_header {
display: none !important;
}
.cpa-ig-titulo {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 30px;
}
.cpa-ig-titulo h2 {
font-family: var(--cpa-serif);
font-size: 32px;
line-height: 1.16;
font-weight: 400;
letter-spacing: -0.015em;
color: var(--cpa-navy);
margin: 0;
}
@media (max-width: 767px) {
.cpa-ig-titulo h2 {
font-size: 26px;
}
.cpa-ig-titulo {
margin-bottom: 20px;
}
}
/* Instagram: la cantidad de fotos (8 en escritorio, 4 en celular) y las
columnas se configuran en el propio plugin, no acá. Cualquier regla de
ancho sobre .sbi_item pelea con su grilla y parte las fotos al medio. */
/* ---------- Celular: la cabecera en una sola fila ----------
Venía en dos renglones (logo arriba, botón abajo) y medía 155 px:
una cuarta parte de la pantalla antes de empezar a leer. */
@media (max-width: 991px) {
.main-header .header-lower .outer-box {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.main-header .header-lower .logo-box,
.main-header .header-lower .menu-area {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.main-header .header-lower .menu-area {
display: flex !important;
align-items: center;
gap: 14px;
}
.main-header .header-lower .menu-right-content {
margin: 0 !important;
float: none !important;
}
.main-header .header-lower .menu-right-content .theme-btn {
height: 38px;
padding: 0 16px !important;
font-size: 12px !important;
}
.menu-area .mobile-nav-toggler {
float: none !important;
margin: 0 !important;
line-height: 0 !important;
}
.main-header .logo-box .logo img {
max-height: 34px;
}
.main-header .header-lower {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
/* ---------- Bandera de Australia de verdad (antes era un rectangulo azul liso) ---------- */
.cpa-au-bandera {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2020%22%3E%3Crect%20width%3D%2228%22%20height%3D%2220%22%20fill%3D%22%2300247d%22%2F%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20width%3D%2214%22%20height%3D%2210%22%2F%3E%3C%2FclipPath%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cpath%20d%3D%22M0%200%2014%2010M14%200%200%2010%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M0%200%2014%2010M14%200%200%2010%22%20stroke%3D%22%23cf142b%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M7%200V10M0%205H14%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M7%200V10M0%205H14%22%20stroke%3D%22%23cf142b%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2214.6%22%20r%3D%221.9%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%224.2%22%20r%3D%221.15%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2224.6%22%20cy%3D%229.2%22%20r%3D%221.15%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2221.3%22%20cy%3D%2214.6%22%20r%3D%221.15%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218.3%22%20cy%3D%229.6%22%20r%3D%221.15%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2222.6%22%20cy%3D%2211.6%22%20r%3D%220.7%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") !important;
background-size: cover !important;
background-position: center !important;
background-color: #00247d !important;
}