/* font */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@700..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* variable */
:root {      
    --alt-font: 'Barlow Condensed', sans-serif;
    --primary-font: 'Manrope', sans-serif;
    --fuente-partido: 'Baloo Bhai 2', sans-serif;
    --base-color: #bd1218;
    --dark-gray: #1a1449;
    --medium-gray: #5f6b82;
    --aluminium-grey: rgba(255, 255, 255, 0.5);
    --very-light-gray: rgba(235, 239, 246, 0.4);
	--color-azul: #28466d;
	--color-azul-2: #1a1449;
	--color-azul-claro: #0076ce;
	--color-azul-oscuro: #032642;
	--color-rojo: #b11025;
	--color-rojo-2: #bd1218;
	--color-blanco: #f5f5f5;
	--color-gris: #ccc;
}
.fondo-blanco {background-color:var(--color-blanco);}
body {font-size: 17px;line-height: 28px;}
a:hover {cursor:pointer !important;}
header .navbar-brand img {max-height: 42px;}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar .navbar-nav .nav-link {font-weight: 600;font-size: 17px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 25px;}
.btn {font-weight: 600; font-family: var(--primary-font); letter-spacing: normal; text-transform: none;}
.btn.btn-switch-text.btn-extra-large > span {padding: 18px 34px;}
.btn.btn-switch-text.btn-large > span {padding: 16px 32px;}
.btn.btn-large {font-size: 17px;}
.btn.btn-switch-text.btn-medium > span {padding: 13px 26px;}
.btn.btn-transparent-blue-light {border-color: rgba(14, 42, 48, 0.20); color: var(--dark-gray);}
.btn.btn-transparent-blue-light:hover { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--white);}
.bg-light-blue-gray {background-color: #ebeff6;}
.bg-gradient-blue-transparent-first {background: linear-gradient(to top, rgb(235, 239, 246, 1) 10%, rgba(235, 239, 246, 0) 100%);}
.bg-gradient-blue-transparent-second { background: linear-gradient(to bottom, rgb(235, 239, 246, 1) 10%, rgba(235, 239, 246, 0) 100%);}
.bg-gradient-white-bottom-transparent { background: rgb(0, 0, 0); background: linear-gradient(271deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 60%);}
.fuente-partido {font-family:var(--fuente-partido);}
.texto-blanco {color:var(--color-blanco);}
.right-minus-35px {right: -35px;} 
.border-color-extra-medium-gray { border-color: rgba(14, 42, 98, 0.2) !important;}
.video-icon-extra-large .video-icon { width: 170px; height: 170px; font-size: 16px;}
.page-title-double-large h1 { font-size: 4.375rem; line-height: 4.375rem;}
.down-section { bottom: 30px;}
.left-25 { left: 25%;}
.isotipo {width:80px;height:80px;}
footer .footer-logo img { max-height: 47px;}
.footer-dark a:hover { color: var(--white); opacity: 1;}
.footer-dark .newsletter-style-02 input::placeholder { color: var(--white) !important; opacity: 0.5; /* Firefox */}
.footer-dark .newsletter-style-02 input:-ms-input-placeholder { color: var(--white) !important;}
.footer-dark .newsletter-style-02 input::-ms-input-placeholder { color: var(--white) !important;}
footer ul li { margin-bottom: 2px;}
header .navbar-brand {padding:10px 0 !important;}
header .navbar-brand img {height:57px; width:auto;max-height: none;}
.header-light .navbar-nav .nav-link {font-family:var(--alt-font); text-transform: uppercase; font-weight: 500 !important;}
.nav-item ul li a {font-family:var(--alt-font); text-transform: uppercase; font-weight: 500 !important;}
.boton-unete {border-color: var(--color-blanco) !important; color: var(--color-blanco) !important;}
header.sticky .boton-unete {border-color: rgba(14, 42, 48, 0.20) !important; color: var(--dark-gray) !important;}
.boton-unete:hover, header.sticky .boton-unete:hover  {background-color:var(--color-azul-oscuro) !important; color: var(--color-blanco) !important;}
footer .boton-unete:hover {background-color: transparent !important; color: var(--color-blanco) !important;}
footer .link-ptransparencia {background: rgba(255, 255, 255, 0.9); padding: 2px 26px; height: auto; border-radius: 40px;}
footer .footer-logo img { max-height: unset; height: auto; width: 180px;}
.swiper .boton-play {background: var(--color-blanco); font-size: 24px; font-weight: 400; cursor: pointer; color: var(--color-azul); width: 64px; height: 64px; text-align: center;border-radius: 50%; line-height: 65px; padding: 0 0 0 4px;}
.titulo-slide-normal {font-size: 74px; line-height: 1em; margin-bottom: 24px; font-weight: 600; text-transform: uppercase;}
.titulo-slide-normal + p {font-weight: 500; font-size: 18px; color:var(--color-blanco);}
.titulo-slide-normal .isotipo {left: -85px; top: 0;}
.titulo-slide-full {margin-bottom: 30px; font-size: 86px; line-height: 1em; text-shadow: -3px -3px 0 var(--color-azul-oscuro), 3px -3px 0 var(--color-azul-oscuro), -3px 3px 0 var(--color-azul-oscuro),  3px 3px 0 var(--color-azul-oscuro), 0 0 10px var(--color-azul-oscuro);}
.titulo-slide-full + span {font-weight: 500; font-size: 20px; margin-bottom:40px; }

.contenedor-historia {aspect-ratio: 360 / 640;}
.contenedor-historia .badge {position: absolute; top: 20px; left: 20px; z-index: 2; color: var(--bs-heading-color);}
.contenedor-historia .titulares-historia {position: absolute; bottom: 0; width: 100%; padding: 40px 20px 20px; background: linear-gradient(to bottom, rgba(11,57,84,0) 0%,rgba(4,21,31,0.90) 66%, rgba(0,0,0,0.95) 100%); z-index: 2; border-radius: 0 0 0.4rem 0.4rem;}
.contenedor-historia .titulares-historia h2 {font-size: 18px; font-weight: 700; margin-bottom: 8px; letter-spacing: -0.5px; line-height: 1.25em; border-left: solid 2px; border-radius: 4px;}
.contenedor-historia .titulares-historia h2 a {color: #fff; background: var(--bs-heading-color); border-right: solid 2px var(--bs-heading-color); border-radius: 4px; padding-bottom: 1px; padding-right: 1px;}
.contenedor-historia .titulares-historia p {font-size: 13px; line-height: 1.5em; margin: 0;}
.contenedor-historia .titulares-historia p a {color:#fff;}
.contenedor-historia video.html-video {aspect-ratio: 360 / 640; width: 100%; height: auto;}
.contenedor-historia .html-video-play {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%);}
.contenedor-historia .html-video-play span span.video-icon {width: 60px; height: 60px; font-size: 24px;}
.contenedor-historia .html-video-play span span.video-icon i {}
.contenedor-historia .html-video-play span .video-icon-sonar {}
.contenedor-historia .html-video-play span .video-icon-sonar .video-icon-sonar-bfr {width: 80px; height: 80px; top: -10px; left: -10px;}

.llamado-unete {position:relative;}
.llamado-unete img.animation-rotation {height: 100px; width: auto; position: absolute; left: -45px; top: 20px;}

.gj-social-share {display: inline-block; text-align: center; font-size: 13px; line-height: 20px; margin: 0 0 10px 0; padding: 7px 10px; border-radius: 4px; border: 1px solid var(--extra-medium-gray); font-weight: 600;}
.gj-social-share span.text-dark-gray {margin: 0 10px 0 0;}
.gj-social-share ul {display:inline-block;}

.mapa-autoridades {max-width: 100%; height: 600px; width:auto; display: block; margin: 0 auto;}
.contenido-region {}
.contenido-region .contenedor-autoridades-electas {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px;}
.contenido-region .persona-electa {box-sizing: border-box; display: grid; width: 100%; grid-template-columns: 100px 1fr; gap: 20px;}
.contenido-region .autoridad-foto {background: url(img/fondo-azul.jpg) top center no-repeat; border-radius: 8px; padding: 0; display: flex; overflow: hidden; background-size: 230px;}
.contenido-region .autoridad-foto img {margin:0 auto;}
.contenido-region .autoridad-foto img.logopart {max-width: 70px;}
.contenido-region .info-autoridad { }
.contenido-region .info-autoridad > span {padding: 16px 0 8px;}
.contenido-region .persona-electa .nombre-persona {color: var(--dark-gray); line-height: 1.3em; font-size: 17px; font-weight: 600; margin: 0; width:100%; opacity: 0.8;}
.contenido-region .persona-electa .last-paragraph-no-margin {}
.contenido-region .persona-electa .nombre-cargo {display: block; text-transform: uppercase; color: var(--base-color); font-weight: 700; line-height: 1em; font-size: 14px; margin: 0 0 2px;}
.contenido-region .persona-electa .nombre-cargo i {font-size:12px;}
.contenido-region .persona-electa .comuna {display: block; font-weight: 700; font-size: 15px;  color: var(--dark-gray); text-transform: uppercase; margin: 8px 0 0 0;}

.tabla-directores small {text-transform: uppercase; line-height: 1em; display: block; font-size: 12px; font-weight: 600; color: var(--dark-gray);}
.tabla-directores small + p {margin-top: 3px; font-weight: 600; color: var(--dark-slate-blue);}
.tabla-directores a.btn-large {font-size: 16px;}

header .navbar [class*=col-] .navbar-nav .nav-item a {font-size:19px;}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {font-size:18px;}

.header-m-dona {margin:0 0 20px;}
.header-m-dona a {border-bottom: solid 2px; color: var(--dark-gray); width: 100%; text-align: left; padding: 0 0 5px;}
.header-m-dona a i {margin-left: 3px; font-size: 15px;}

.llamado-donar {position:relative;}
.llamado-donar .isotipo {height: 100px; width: auto; position: absolute; left: -45px; top: 20px;}

.video-destacado h2 {font-size: 60px;}
.llamado-unete h5 {text-transform:uppercase;}
.seccion-noticias h2 {font-size: 60px; text-transform: uppercase;}
.seccion-historias h2 {font-size: 60px;}
.seccion-historias .swiper-pagination-bullet {background-color:var(--dark-gray);}

.llamado-newsletter {padding: 60px 0 !important;}
.titulo-llamado-newsletter {font-size: 60px; font-weight: 600; text-transform: uppercase;line-height: 1em;}
.formulario-newsletter-home {width:100%; max-width: 500px; margin: 0 auto;}
.formulario-newsletter-home input.wpcf7-text {border-radius: 8px; margin: 0 0 24px;}
.formulario-newsletter-home input.wpcf7-submit {background: var(--color-azul-2); border: 0; border-radius: 8px; color: #fff; font-weight: 600; height: 60px; line-height: 60px; padding: 0; cursor: pointer;}
.formulario-newsletter-home .wpcf7-not-valid-tip {text-align: left; margin: -22px 0 20px 0; font-size: 15px;}
.formulario-newsletter-home .wpcf7-response-output {color: #fff; border: 0 none !important; padding: 0 !important; margin: -42px 0 24px 0 !important; font-size: 17px;}

.page-cabecera .isotipo {top: -45px; right: -85px;}
.isotipo-single {}

.seccion-directiva h2 {font-size:60px}
.cabecera-single {height:100vh;}
.cabecera-single .meta-info .fs-24 {line-height: 24px;}

.the-content {color: var(--medium-slate-blue);}
.the-content p {font-size: 18px;}
.the-content h1, .the-content h2 {font-family: var(--alt-font); font-size: 48px;font-weight: 600;}
.the-content h3, .the-content h4 {font-family: var(--alt-font); font-size: 42px;font-weight: 600;}
.the-content h5, .the-content h6 {font-family: var(--alt-font); font-size: 36px;font-weight: 600;}

h3.titulo-contacto {font-weight: 700; text-transform: uppercase; font-size: 52px; margin-top: -10px;}
p.parrafo-contacto {color: var(--medium-slate-blue);}
.formulario-contacto input.wpcf7-text {padding: 0; margin: 0 0 20px; border-width: 0 0 1px 0;height: 53px; line-height: 53px;}
.formulario-contacto textarea.wpcf7-textarea {border-width: 0 0 1px 0;height: 110px; margin-bottom: 20px;}
.formulario-contacto input.wpcf7-submit {background-color: var(--dark-gray); color: var(--white); padding: 13px 26px; border: 2px solid transparent; border-radius: 4px; font-size: 13px; text-transform: uppercase; font-weight: 500; width: fit-content; float: right;}
.formulario-contacto .wpcf7-not-valid-tip {font-size: 13px; color: var(--color-rojo-2); margin: -16px 0 14px;}
.formulario-contacto .wpcf7-response-output {width: 60%; padding: 6px 12px !important; margin: -57px 0 0 0 !important; border-radius: 4px; font-size: 15px; line-height: 1.46em; border-width: 2px !important;font-weight: 500;color: var(--medium-slate-blue);}
a.contacto-correo {font-size: 16px;}

a.boton-card-unete {font-size:17px !important;}
.video-destacado-unete {padding-top:120px;padding-bottom:140px;}

.seccion-principios {}
.seccion-principios .contador {}
.seccion-principios h1 {font-size: 51px; letter-spacing: -0.1px !important; line-height: 1em;}
.seccion-principios .contenido-principios {text-align: justify;}
.seccion-principios .contenido-principios p {font-weight: 500; font-size: 16px; color: var(--medium-slate-blue);}

.formulario-newsletter-footer {}
.formulario-newsletter-footer input.wpcf7-email {background-color: rgba(255, 255, 255, 0.1); border: 0; outline-color: rgb(220 53 69) !important;}
.formulario-newsletter-footer input.wpcf7-submit {height: 51px;  color: #FFF; background: transparent; border: 0 none; position: absolute;top: 0; right: 0; padding: 0 !important; text-align: center; width: 50px;}
.formulario-newsletter-footer .wpcf7-not-valid-tip {FONT-SIZE: 12PX; LETTER-SPACING: 0;}
.formulario-newsletter-footer .wpcf7-response-output {margin: -50px 0 0 0 !important; font-size: 14px; line-height: 1.4em; border: 0 none !important; padding: 0 !important;}


@media (max-width: 1600px) {
    .navbar .navbar-nav .nav-link { padding-left: 16px; padding-right: 16px;}
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1345px;}
}
@media (max-width: 1400px) {
    .navbar .navbar-nav .nav-link { padding-left: 12px; padding-right: 12px;}
}
@media (max-width: 1199px) {
    .video-icon-extra-large .video-icon { width: 140px;height: 140px;}
    .extra-small-screen { height: 300px !important;}
    .navbar>.container-fluid { padding-left: 15px; padding-right: 15px;}
    .navbar .navbar-nav .nav-link { padding-left: 8px; padding-right: 8px;}
}
@media (max-width: 991px) {
    .video-icon-extra-large .video-icon { width: 120px; height: 120px;}
	.titulo-slide-normal {font-size: 32px; letter-spacing: -1px !important;}
	.titulo-slide-normal + p {font-size: 17px; line-height: 1.33em;  margin-bottom: 15px !important;}
	.slide-normal .container.h-100 {height: auto !important;}
	.slide-normal .col-izq {display: block !important; height: auto !important;  padding-top: 20px;}
	.slide-normal .col-foto {padding-bottom: 20px;padding-top: 20PX;}
	.slide-normal .btn-large.btn-rounded {font-size: 15px; margin: 0 20px 0 !important; padding: 8px 20px;}
	.slide-normal a.text-decoration-line-bottom-medium {font-size: 15px;}
	.slide-normal .isotipo {right:-55px; top:-30px; left:unset;}
	.titulo-slide-full {font-size: 48px;}
	.titulo-slide-full + span {font-size: 16px;}
	.slide-fullw .isotipo {right: -80px; width: 120px !important; height: 120px !important;}
	.video-destacado h2 {font-size: 48px;}
	
	.llamado-unete {margin-top: 10px;}
	.llamado-unete h5 {font-size: 28px; text-align: center;background: var(--color-rojo-2);}
	.llamado-unete .col-botones a {font-size: 14px; margin: 0 5px !important;}
	.llamado-unete .col-botones a > span {padding: 12px 16px !important;}
	.llamado-unete img.animation-rotation {position: absolute; top: -40px; left: 50%;margin-left: -50px;}
	
	.seccion-noticias h2 {font-size: 44px; margin-top: -10px;}
	.seccion-noticias .col-sm-5.text-sm-end.text-center {text-align:right !important;}
	.seccion-noticias .col-sm-5.text-sm-end.text-center a {font-size: 15px; margin: 0; border-radius: 6px;}
	.seccion-noticias .col-sm-5.text-sm-end.text-center a > span {padding: 6px 11px;}
	
	.llamado-redes .elements-social ul li {margin:10px 5px 0px;}
	.llamado-redes .elements-social ul li a {font-size: 22px; width: 40px; height: 40px;}
	
	.seccion-historias h2 {margin-top:-10px; font-size: 44px;}
	.seccion-historias .elements-social ul li {margin:0 5px 20px;}
	.seccion-historias .elements-social ul li  a {font-size: 22px; width: 40px; height: 40px;}
	
	.llamado-donar {position:relative;}
	.llamado-donar .isotipo {top: -40px;left: unset;right: -40px;}
	.llamado-donar h5 {font-size: 36px;line-height: 1em;}
	
	.llamado-newsletter {padding: 40px 0 !important;}
	.titulo-llamado-newsletter {font-size: 34px;line-height: 1.1em; letter-spacing: -1.5px !important;}
	.formulario-newsletter-home .wpcf7-not-valid-tip {font-size: 14px; margin: -24px 0 16px 0;}
	.formulario-newsletter-home .wpcf7-response-output {font-size: 15px; line-height: 1.5em;}
	
	p.llamado-nl-footer {font-size: 14px; margin-bottom: 15px !important; line-height: 1em !important;}
	
	.page-cabecera .isotipo { width: 120px; height: 120px; top: -120%; margin-top: -63px;right: unset;left: 50%;margin-left: -60px;}
	.page-cabecera .isotipo.single-line {top: -280%;}
	
	.seccion-historia .contenido-qs a.btn {font-size:15px;}
	.seccion-historia .contenido-qs a.btn > span{padding: 12px 20px;}
	
	.fecha-doc {font-size: 14px;}
	.nombre-doc {margin-top: -18px; font-size: 18px; font-weight: 600; color: var(--dark-gray);}
	.descarga-doc {margin: 0 !important; padding: 0 !important;}
	.descarga-doc a {font-size: 13px !important; border: solid 1px rgba(14, 42, 48, 0.20) !important; padding: 5px 10px !important; border-radius: 6px; margin-top: -10px;}
	
	.isotipo-tribunal {display:none;}
	
	.seccion-directiva h2 {font-size:48px;margin-bottom: -10px !important;}
	
	.mapa-autoridades {width: 100%; height: auto; position: sticky; top: 95px;}
	
	.page-mujeres-republicanas h1 {font-size: 48px; line-height: 4rem;}
	.estamentos-correo .text-dark-gray {font-size:17.5px;}
	
	.cabecera-single {max-height: 100dvh; padding-top: 117px; height: auto;}
	.cabecera-single h1 {font-size: 32px; line-height: 1.2em; margin-bottom: 24px !important;}
	.cabecera-single .meta-info {font-size: 15px; font-weight: 500;}
	.cabecera-single .meta-info .fs-24 {font-size: 16px;margin: 0 3px ! Important;line-height: 28px;}
	.cabecera-single img.avatar {width: 42px !important; height: auto !important;}
	.cabecera-single img.avatar + a {font-weight: 600; font-size: 15px;}
	
	.the-content p {font-size: 17px;}
	.the-content h1, .the-content h2 {font-size:40px;}
	.the-content h3, .the-content h4 {font-size:34px;}
	.the-content h5, .the-content h6 {font-size:28px;}
	
	.post-bottom .tag-cloud a {font-size: 13px;font-weight: 500; padding: 7px 12px; margin: 0 6px 6px 0;}
	.post-bottom .gj-social-share {border-width: 2px 0 0 0; border-radius: 0; width: 100%; border-color: var(--dark-gray);}
	
	.formulario-contacto .wpcf7-response-output {width: calc(100% - 160px); font-size: 13px;}
	.formulario-contacto input.wpcf7-submit {padding:12px 20px;}
	
	.redes-contacto h5 {font-size:30px;}
	.redes-contacto .elements-social ul li {margin:10px 5px 0px;}
	.redes-contacto .elements-social ul li a {font-size: 22px; width: 40px; height: 40px;}
	
	.video-destacado-unete {padding-top: 60px; padding-bottom: 60px;}
	.video-destacado-unete .col.btn-dual {text-align: center;}
	.video-destacado-unete .col.btn-dual a {display: inline-block !important; margin: 0 10px 10px 0 !important;}
	h1.header-unete {font-size: 36px; line-height: 40px;}
	h1.header-unete + p {font-size: 16px; line-height: 1.5em; margin-bottom: 20px !important;}
	
	footer .link-ptransparencia {max-width: 236.5px;}
	
	.seccion-principios {padding-top: 0;}
	.seccion-principios .contador {opacity: 0.8;    text-shadow: -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff; width: max-content; height: fit-content; display: inline-block;  bottom: 26% !important;position: absolute !important;        left: 50% !important; right: unset !important; top: unset !important;  transform: translate(-50%, -50%);}
	.seccion-principios h1 {font-size: 36px;}
	.seccion-principios .contenido-principios {}
	.seccion-principios .contenido-principios p {font-size: 15px; line-height: 1.66em;}
	
	.mapa-interactivo > .row.container {margin: 0 auto; padding-left: 12px; padding-right: 12px;}
	.mapa-interactivo > .row.container .col-9 {padding-right: 0;}
	.contenido-region .contenedor-autoridades-electas {grid-template-columns: 1fr; gap:24px;}
	.contenido-region .persona-electa {grid-template-columns: 60px 1fr; gap: 12px; margin: 0 !important;}
	.contenido-region .autoridad-foto img.logopart {max-width: 44px;}
	.contenido-region .info-autoridad > span {padding: 5px 0 3px; text-align: left;}
	.contenido-region .persona-electa .nombre-persona {font-size: 14px; display: inline-block;}
	.contenido-region .persona-electa .nombre-cargo {font-size: 12px; margin: 0;}
	.contenido-region .persona-electa .nombre-cargo i {font-size: 10px;}
	.contenido-region .persona-electa .comuna {font-size: 12px; margin: 0; text-align: left;}
	
	
}
@media (min-width: 992px) {
	.header-light .navbar-nav .nav-link {color:var(--color-blanco);}
}




































/* GJ.CL */