/*
CTC Separate Stylesheet
Updated: 2024-04-12 11:39:34

Colores:
Rojo:
#bf0000

Azul oscuro:
#bf0000

Azul claro:
#84b1c6

Verde:
#84b1c6
*/
@import url("https://use.fontawesome.com/releases/v6.1.1/css/all.css");

@font-face {
font-family: "Gotham-Medium";
src: url('Gotham-Medium.ttf'),
}

@font-face {
font-family: "Gotham-Light";
src: url('GothamLight.ttf'),
}

.wpcf7-form form label {font-weight: 500!important;}
.wpcf7-form-control-wrap {font-weight: 500!important; letter-spacing: normal!important;}

@media only screen and (max-width: 410px) {
.wpcf7-form input {max-width: 78%;}
.wpcf7-form .wpcf7-textarea {max-width: 75%;}
h1 {font-size: 25px!important}
h2 {font-size: 23px!important; margin-top: 10px;}
.home .lista-ok {padding-left: 10px !important;}
.desc-slide-ini p {margin: -25px 0 -12px!important;}
.desc-slide p {margin: -33px 0 -12px!important;}
.elementor-149 .elementor-element.elementor-element-ecc34b5 {margin-left: 10px!important;}
.post-template-default.single.single-post h1, .post-template-default.single.single-post h2 {padding: 0 10px!important;}
.post-template-default.single.single-post .detalles-promocion {margin-top: 15px!important;}
.post-template-default.single.single-post .titulo-desc-promocion, .post-template-default.single.single-post .elementor-widget-theme-post-content p {padding: 0 10px!important;}
}

h1, h2, h3, .titulos-slide div {font-family: "Gotham-Medium"!important;}

body, .elementor-widget-text-editor, p, div, ul, li {font-family: "Gotham-Light", "Lato", "Arial"!important; letter-spacing: -0.8px!important;}


strong {font-weight: 500!important}

/* INICIO */
.primer-slide .n2-ss-item-image-content {text-align: center; margin-top: -18px;}
.primer-slide .n2-ss-item-image-content img {opacity: 0.8;}

.titulos-inicio h1 {color: #004159; margin: 20px 0 -5px;}
.titulos-inicio h2 {color: #84b1c6}

.lista-ok {list-style: none; padding-left: 60px; margin: 0px!important;}
.lista-ok li {margin-top: 11px!important; transition: 300ms!important;}

.lista-ok li::before {
    content: "\f14a";
    font-family: FontAwesome;
    color: #004159;
    font-size: 22px;
    padding-right: 10px;
}
.lista-ok li:hover::before {color: #bf0000;}
.lista-ok li:hover {transform: scale(1.02); transition: 300ms!important; color: #343434;}

@media only screen and (min-width: 850px) {
.dispositivas-pisos-badalona {margin-top: -50px;}
}

.dispositivas-pisos-badalona .elementor-slides .swiper-slide-inner {padding: 30px!important;}
/*.elementor-2 .elementor-element.elementor-element-0fbd49a .swiper-slide-contents {max-width: 90%!important;}*/

/* PROMOCIONES */
.category-promociones-inmobiliarias h2 {font-size: 25px!important; margin-top: 3px;}

.single-post .elementor-heading-title {margin-top: 25px!important;}

.detalles-promocion p, .titulo-desc-promocion p, .titulo-descargables p {font-size: 24px;}

.foto-destacada {box-shadow: 0px 0px 3px 3px #cccccc;}

.datos {border-bottom: 1px solid #cccccc40; margin: 0 25px 10px!important; padding-left: 30px;}
.page-id-756 .datos, .page-id-856 .datos, .page-id-867 .datos {border-bottom: 0px solid #cccccc40; margin: 0 0px 10px!important; padding-left: 30px;}


.category-promociones-inmobiliarias iframe {}

/* DESCARGABLES */
.bloque-descargables {border: 1px solid #cccccc; max-width: 1170px!important; box-shadow: 0px 0px 3px 3px #ccc; margin-bottom: 35px!important;}
.postid-423 .bloque-descargables {display: none;}
.titulo-descargables p:first-child {margin-bottom: 10px;}
.documentos-promocion {margin-bottom: 40px;}
.documentos-promocion p {margin-bottom: 0px;}

.documentos-promocion a::before {
    content: "\f1c1";
    font-family: FontAwesome;
    color: #bf0000;
    font-size: 22px;
    margin-right: 10px;
}

.documentos-promocion a:hover {color: #004159!important;}
.documentos-promocion a:hover::before {color: #004159!important}


.envira-gallery-item-inner .caption {display: none!important;}

.nv-footer-content #block-6 {font-size: 14px; border-top: 2px solid #cccccc; padding-top: 10px; text-align: center;}
.nv-footer-content {background: #fff; margin-top: 20px; text-align: center; padding: 10px; margin-bottom: -24px;}
.nv-footer-content .wp-image-302 {width: 650px; max-width: 90%;} /* Logo Kit Digital */
.nv-footer-content .wp-block-image.size-full {text-align: center;}
.footer-bottom-inner.footer-content-wrap {display: none;} /* Copyright del theme */

/* Tabla promociones */
.contenedor-tabla {overflow: auto; overflow-y: auto; width: 100%;}
.contenedor-tabla table {width: 100%; border: 2px solid #bf0000; min-width: 750px;}
.contenedor-tabla table td {border-bottom: 1px solid #dddddd80!important; text-align: center; padding: 8px!important;}
.contenedor-tabla table tr:first-child {font-size: 17px; font-weight: 600; color: #004159; background: #cccccc80;}
.contenedor-tabla table tr:first-child td {border-right: 1px solid #fff;}
.contenedor-tabla table tr:first-child td:last-child {border-right: 0px solid #fff!important;}
.contenedor-tabla table a::before {
    content: "\f1c1";
    font-family: FontAwesome;
    color: #bf0000;
    font-size: 18px;
    position: relative;
    top: 1px;
    padding-right: 8px;
}
.contenedor-tabla table a:hover::before {color:#004159}

.contenedor-tabla table tr:nth-child(even) td { background: #FEFEFE; }  
.contenedor-tabla table tr:nth-child(odd) td { background: #F1F1F180; }

.contenedor-tabla table tr:hover td {background: #cccccc40;}

.contenedor-tabla table td:first-child {width: 117px;}
.contenedor-tabla table td:nth-child(8) {max-width: 160px;}

/* ICONO TABLA */
.e-con-inner {margin-left: 5px; margin-bottom: 25px;}
.e-con-inner .icono-tabla {margin-left: 20px; margin-top: -5px; position: relative; bottom: 4px;}


.contenedor-tabla table {width: 100%!important; border-collapse: collapse; min-width: 850px}
.contenedor-tabla td {border-bottom: 1px solid #cccccc80!important;}
.contenedor-tabla td, .contenedor-tabla th {padding: 2px!important;}

@media only screen and (min-width: 750px) {
.iconos-tablas {display: none;}
}


/* CATEGORIA GENERAL */
.category-promociones-inmobiliarias .cabecera-promociones-pisos {margin-top: -61px; margin-bottom: 10px;}
.cabecera-promociones-pisos {margin-bottom: 10px;}
.cabecera-promociones-pisos img {box-shadow: 0px 0px 3px 3px #cccccc!important;}

.category-promociones-inmobiliarias.category-9 .nv-page-title h1:first-child {display: none;}
.category-promociones-inmobiliarias.category-9 h1, .page-id-756 h1, .page-id-856 h1, .page-id-867 h1 {color: #004159!important; padding-top: 15px;}
.category-promociones-inmobiliarias.category-9 h2, .page-id-756 h2, .page-id-856 h2, .page-id-867 h2 {color: #84b1c6; margin-top: -25px; font-size: 25px!important;}
.page-id-756 .elementor-heading-title {color: #004159!important;}
.category-promociones-inmobiliarias.category-9 .nv-page-title p, .intro-promociones {margin-top: -15px; margin-bottom: 45px;}


/*.page-id-756 .campo-habitaciones {width: 49%; float: left;}
.page-id-756 .campo-metros {width: 49%;}*/

.category-promociones-inmobiliarias.category-9 .article-content-col {border-bottom: 2px solid #cccccc40; padding: 0 20px 30px;}
.page-id-756 .e-loop-item, .page-id-856 .e-loop-item, .page-id-867 .e-loop-item {border-bottom: 1px solid #cccccc80;}

.category-promociones-inmobiliarias.category-9 .nv-non-grid-article {margin-bottom: 30px!important; padding-top: 30px; margin-top: -30px; background: url(https://proedif.es/wp-content/uploads/2024/04/fondo-pisos-badalona.jpg)}
.page-id-756 .e-loop-item, .page-id-856 .e-loop-item, .page-id-867 .e-loop-item {margin-bottom: 0px!important; margin-top: -30px; padding-top: 6px; background: url(https://proedif.es/wp-content/uploads/2024/04/fondo-pisos-badalona.jpg)}

.category-promociones-inmobiliarias.category-9 .nv-non-grid-article:hover, .page-id-756 .e-loop-item:hover, .page-id-856 .e-loop-item:hover, .page-id-867 .e-loop-item:hover {background: url(https://proedif.es/wp-content/uploads/2024/04/fondo-pisos-badalona_on.jpg); background-color: #cccccc40;}
.category-promociones-inmobiliarias.category-9 .wp-post-image, .page-id-756 .attachment-large, .page-id-856 .attachment-large, .page-id-867 .attachment-large {border: 2px solid #fff; box-shadow: 0px 0px 3px 3px #cccccc;}
.category-promociones-inmobiliarias.category-9 .nv-non-grid-article:hover .wp-post-image, .page-id-756 .e-loop-item:hover .attachment-large, .page-id-856 .e-loop-item:hover .attachment-large, .page-id-867 .e-loop-item:hover .attachment-large {box-shadow: 0px 0px 3px 5px #cccccc;}

.page-id-756 .e-loop-item .elementor-button, .page-id-856 .e-loop-item .elementor-button, .page-id-867 .e-loop-item .elementor-button {padding: 10px 15px!important; border: 1px solid #004159;}
.page-id-756 .e-loop-item .elementor-button-content-wrapper, .page-id-856 .e-loop-item .elementor-button-content-wrapper, .page-id-867 .e-loop-item .elementor-button-content-wrapper {font-weight: 400!important;}

.category-promociones-inmobiliarias.category-9 .blog-entry-title.entry-title a {color: #004159!important;}
.category-promociones-inmobiliarias.category-9 .blog-entry-title.entry-title a:hover {color: #bf0000!important;}
.category-promociones-inmobiliarias.category-9 .entry-summary a {display: table; border: 1px solid #004159; border-radius: 4px; color: #004159; padding: 3px 10px;
  font-size: 14px; margin-top: 10px;}
.category-promociones-inmobiliarias.category-9 .entry-summary a:hover {background: #004159; color: #fff!important;}

.category-promociones-inmobiliarias.category-9 .posts-wrapper {margin-bottom: -112px;}

/*.page-id-756 .elementor-widget-loop-grid {margin-bottom: -20px!important;}*/

.site-header .header--row-inner {background: url(https://proedif.es/wp-content/uploads/2024/04/pisos-en-venta-badalona.webp); }

/* BOTONES MENU */

.primary-menu-ul .menu-item .wrap a, .boton-contactar a {border: 2px solid #004159; padding: 5px 12px !important; color: #004159!important; border-radius: 3px; background: #fff;}
.primary-menu-ul .menu-item .wrap a:hover, .boton-contactar a:hover {background: #004159; color: #fff!important;}
.primary-menu-ul .menu-item.current_page_item .wrap a {background: #004159!important; color: #fff!important;}

.nav-ul .sub-menu {background: #ffffffcc!important;}

.nv-primary-navigation-sidebar li {margin-bottom: 10px !important;}
.header-menu-sidebar .nav-ul li {margin-bottom: 10px !important;}
.header-menu-sidebar .nav-ul .sub-menu.dropdown-open {margin-top: 10px!important;}

/* QUIENES SOMOS */

.page-id-6 h1:first-child {display: none;}

@media only screen and (min-width: 768px) {
.texto-promotora {padding-right: 20px; text-align: justify;}
}

.slide-promotora {box-shadow: 0px 0px 3px 3px #cccccc; max-height: 420px;}

@media only screen and (max-width: 767px) {
 .slide-promotora {margin-top: 40px;}
 .elementor-widget-theme-post-title .elementor-heading-title {margin-top: 20px!important;}
}

.boton-contactar {text-align: center; font-size: 18px;}

.datos-promotora .direccion, .datos-promotora .telefonos, .datos-promotora .mail {text-align: center; }
.datos-promotora .direccion p, .datos-promotora .telefonos p, .datos-promotora .mail p {width: 90%; border: 1px solid #cccccc; box-shadow: 0px 0px 3px 3px #cccccc80; margin: 0 auto;
  min-height: 110px;}
.datos-promotora .direccion p {padding-top: 7px;}
.datos-promotora .telefonos p {padding-top: 14px;}
.datos-promotora .mail p {padding-top: 20px;}

.datos-promotora .fa-solid {font-size: 30px; color: #004159;}
.datos-promotora .telefonos .fa-solid {font-size: 23px!important; margin-right: 12px; line-height: 40px;}

/* CONTACTO */

.page-id-622 h1, .page-id-6 h1 {color: #004159!important}
.page-id-622 h2, .page-id-6 h2 {color: #84b1c6!important; margin-top: -20px;}
.page-id-622 h3 {color: #004159!important;}
.page-id-622 .nv-single-page-wrap h3::after {
    content: "";
    border: 1px solid #bf0000;
    width: 85px;
    display: block;
    transition: 400ms!important;
}

.page-id-622 .columna-formulario:hover h3::after {width: 300px; transition: 400ms!important;}
.page-id-622 .columna-mapa:hover h3::after {width: 300px; transition: 400ms!important;}

.datos-contacto {}
.datos-contacto div {display: inline-block;}
.datos-contacto .fa-solid, .datos-contacto .fa-brands {font-size: 20px; color: #bf0000; background: #fff; border: 2px solid #004159; margin-right: 10px; border-radius: 100%; width: 45px; margin-bottom: 10px; box-shadow: 2px -2px 0px 0px #84b1c6;}

.datos-contacto .contacto-telefono, .datos-contacto .contacto-movil {float: left; margin-right: 22px;}

.datos-contacto .fa-location-dot {padding: 10px 0 10px 13px;}
.datos-contacto .fa-phone {padding: 10px 8px 10px 11px;}
.datos-contacto .fa-mobile {padding: 10px 5px 10px 12px;}
.datos-contacto .fa-envelope {padding: 10px 5px 10px 11px;}

.wpcf7-form-control .wpcf7-text, form input:read-write {padding: 2px 5px!important;}
.columna-formulario p {margin-bottom: 11px!important;}
.wpcf7-list-item {margin: 0px!important;}
input[type="submit"] {background: #004159!important;}
input[type="submit"]:hover {background: #84b1c6!important;}


/* FOOTER */
.footer--row-inner.footer-top-inner {border-top: 3px solid #bf0000; margin-top: 20px;}
.hfg-grid.nv-footer-content.hfg-grid-top.row--wrapper.row, .footer--row-inner.footer-top-inner {background-color: #343434!important; background: url(https://proedif.es/wp-content/uploads/2024/04/fondo-footer-pisos-badalona.webp);}

#cb-row--footer-desktop-main .hfg-slot {margin-top: -58px;}

.info-empresa-footer {float: left;}
.info-empresa-footer p {padding-bottom: 20px; padding-right: 16px;}
.info-empresa-footer, .datos-contacto.footer {color: #fff;}
.logo-footer {max-width: 350px; text-align: center; margin: 0 auto 10px;; background: #fff; padding: 10px 15px;}

.datos-contacto.footer {margin-top: 17px; margin-left: 20px;}
.datos-contacto.footer h3 {color: #fff!important; text-align: center; font-size: 24px;}
.datos-contacto.footer .fa-solid, .datos-contacto.footer .fa-brands {border: 0px solid #fff!important; box-shadow: 0px 0px 0px 0px #fff!important; margin-right: 10px!important;}
.datos-contacto.footer a {color: #fff!important;}

.datos-contacto.footer .fa-location-dot {padding: 10px 0 10px 15px;}
.datos-contacto.footer .fa-phone {padding: 11px 8px 9px 13px;}
.datos-contacto.footer .fa-mobile {padding: 10px 3px 10px 14px;}
.datos-contacto.footer .fa-envelope {padding: 10px 5px 10px 12px;}
.datos-contacto.footer .fa-instagram {padding: 10px 5px 10px 12px; font-size: 26px;}

.site-footer .hide-on-tablet {display: block!important}

/* hover sombra */
.category-promociones-inmobiliarias.category-9 .entry-summary a, .primary-menu-ul .menu-item .wrap a, .boton-contactar a, .sombra a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.category-promociones-inmobiliarias.category-9 .entry-summary a::before, .primary-menu-ul .menu-item .wrap a::before, .boton-contactar a::before, .sombra a::before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: -5%;
  height: 10px;
  width: 110%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.menu-item.menu-item-367 .wrap a::before, .menu-item.menu-item-763 .wrap a::before {max-width: 200px!important; left: 17%!important;}


.category-promociones-inmobiliarias.category-9 .entry-summary a:hover::before, .primary-menu-ul .menu-item .wrap a:hover::before, .boton-contactar a:hover::before, .sombra a:hover::before,
.category-promociones-inmobiliarias.category-9 .entry-summary a:focus::before, .primary-menu-ul .menu-item .wrap a:focus::before, .boton-contactar a:focus::before, .sombra a:focus::before,
.category-promociones-inmobiliarias.category-9 .entry-summary a:active::before, .primary-menu-ul .menu-item .wrap a :active::before, .boton-contactar a:active::before, .sombra a:active::before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
/* FIN hover sombra */


.full-width {
  width: calc(100vw - 9px); /*width: 100vw;*/
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@media only screen and (max-width: 1100px) {
    .full-width {width: 100vw!important;}
}

/* --- Listado en 2 columnas --*/
.uk-column-1-2 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;}

@media only screen and (max-width: 500px) {
.uk-column-1-2 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.uk-column-1-3 {-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;}

@media only screen and (max-width: 500px) {
.uk-column-1-3 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.uk-column-1-4 {
max-width: 1075px;
text-align: center;
margin: 0 auto;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;}

@media only screen and (max-width: 1000px) {
.uk-column-1-4 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;}
}
@media only screen and (max-width: 550px) {
.uk-column-1-4 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}

/* ICONOS DETALLES PROMOCIONES */
.campo-ubicacion::before {
    content: "\f3c5";
    font-family: FontAwesome;
    color: #7a7a7a;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
}

.campo-precio::before {
    content: "\f02b";
    font-family: FontAwesome;
    color: #7a7a7a;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
}

.campo-habitaciones::before {
    content: "\f236";
    font-family: FontAwesome;
    color: #7a7a7a;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
}

.campo-metros::before {
    content: "\f45c";
    font-family: FontAwesome;
    color: #7a7a7a;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
}

.campo-parking::before {
    content: "\f1b9";
    font-family: FontAwesome;
    color: #7a7a7a;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
}

.campo-trastero::before {
    content: "\f52b";
    font-family: FontAwesome;
    color: #7a7a7a;
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0px;
}


