@charset "utf-8";
  @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');
  body {
    font-family: 'Lato', sans-serif;
  }
  .header {
    display: grid;
    grid-template-columns: 300px 1fr;
  /* background: url(/images/grafomedia/fondos/fondo1900x384.jpg);*/
    min-height: 120px;
    border-bottom: 2px solid #093E5E;
    opacity: 0.98;
    background-color: #1b4e79;
    background-image: none;
  }
  .container-header .navbar-brand a {
    font-weight: 900;
    text-decoration: none;
  }
  .container-header .site-description {
    font-size: .7rem;
  }
  .btn-primary {
    background-color: #0c3a60;
    border-color: #0c3a60;;
  }
  .btn-primary:focus, .btn-primary:hover {
    background-color: #30638d;
    border-color: #30638d;
  } 
  
  .container-component > * + * {
    margin-top: 0;
  }
  /* Estilo del precio de venta y alquiler del intro blog */
  .precio-blog, .precio-blog-alq, .precio-blog-ant {
    font-weight: 900;
    padding: 2px;
    border-radius: 0px 6px 6px 6px;	
    position: absolute;
    top: 8px;
    left: 5px;
    font-size: 17px;
  }
  .precio-blog {
    color: #045132;	
    background: #74c6a5;	
    border: 1px solid #06663f;
  }
  .precio-blog-alq {  
    color: #804C06;    
    background: #FFD396;    
    border: 1px solid #955A09;
  }
  .precio-blog-ant {
    color: #fff;    
    background: #686868;
    border: 1px solid #8a8a8a;      
  }

  .blog-items[class*=" columns-"] > div, .blog-items[class^="columns-"] > div {
    position: relative;
  }

  .blog-items.columns-4, .blog-items.columns-3 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 380px));
    justify-content: center;
  }
/* Estilo de las características de la imagen de introducción */
.item-content .page-header {
  margin-top: 30px;
}
.caracteristicas {
	position: absolute;
	top: 288px;
	display: grid;
	width: 100%;	
	background: #dfdfdf;
	height: 30px;
	align-items: center;
  grid-template-columns: auto auto auto 38%;
  padding: 0 6px;
  font-weight: 500;
  font-size: 15px;	
}
.caracteristicas div.item-detalle:last-child {	
	justify-self: end;
  grid-column: 4/4;
}
.caracteristicas .item-detalle img {
	margin-right: 6px;
}
.servicio-oferta {
	position: absolute;
	top: 12px;
	right: 20px;	
	width: fit-content;
	text-align: center;
	color: white;
	font-family: "Lato", sans-serif;
	font-weight: 800;
  font-size: 15px;
	text-transform: uppercase;
	border-radius: 7px;
	letter-spacing: 2px;
	padding: 0 4px;
}
.servicio-oferta.venta {
  background: #30638d;
}
.servicio-oferta.alquiler {
  background-color: #d89941;
}
.servicio-oferta.anticretico {
  background-color: #8382C9;
}

  /* Esto cambia las flechas de los sliders */
  [id^="prev"] {
    content: url('/images/grafomedia/slider-arrows/flecha-atras-blanco.svg');
    width: 35px !important;  
  }
  [id^="next"] {
    content: url('/images/grafomedia/slider-arrows/flecha-adelante-blanco.svg');
    width: 35px !important;
  }

  /* Estilo de los formularios de información de propiedades */
  .convertforms.cf-success .cf-response {
    background-color: #158055 !important;
  }

  #botones a:hover
  {
    color: #accbe6;
    transition: .5s;
  }

/* Resultados de la busqueda */
#search-result-list {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
	gap: 2rem;
}

.result__item + .result__item, .result__item {
  border-top: inherit;
  margin-top: initial;
  padding-top: initial;
}


  /* Estilo de la Tabla de Características de las propiedades */

  table.tablaBasica, table.oficinas {
    caption-side: top;
    width: 60%;
    margin: 2em auto;
  }
  .tablaBasica td {
    padding: .6em;
    border-bottom: 1px solid #d0d0d0;
    font-size: 18px;
  }
  .tablaBasica td:nth-child(1) {
    width: 6em;
  }
  .tablaBasica td:nth-child(3) {
    text-align: right;
  }
  #td-precio {
    font-size: 24px;
    background-color: #0c3a60;
    color: #fff;
  }
  .al-final {
    float: right;
    font-weight: 900;
    color: #ffd396;  
  }
  .al-final a {
    color: white;
    text-decoration: none;
    font-size: 14px;
  }
  .al-final a:hover, .al-final a:focus {
    color: #aeaeae;
  }

  caption {
    font-weight: 900;
    font-size: 24px;
    padding-bottom: .3em;
    color: #026098;
  }
  .container-search {
    padding-top: 1.4em;
  }



  /* Estilo de la tabla extra */
  .tablaExtra {
    margin: 0 auto;
    width: 60%;
  }
  .tablaExtra th, .tablaExtra td {  
    text-align: center;
    padding: .6em;
    border-bottom: 1px solid #d0d0d0;
    font-size: 18px;
  }
  .tablaExtra thead {
    background: #026098;
    color: white;
  }
  .tablaExtra caption {
    caption-side: bottom;
    font-size: initial;
    color: initial;
    font-style: italic
  }

  /* Estilo de tabla de oficinas extras 2 */
  .oficinas {
	width: 64%;
	margin: 0 auto;
	text-align: center;    
  }
  .oficinas thead {
	background: #0c3a60;
	color: #fff;
  }
  .oficinas thead th {
	padding: 14px;
  }
  .oficinas tr td:nth-child(1) {
	font-weight: bold;
  }
  .oficinas td {
	padding: 14px;
	border-bottom: 1px solid #d0d0d0;
  }
  .oficinas tr td:nth-child(3) {
	color: #045132;
	font-style: italic;
	font-weight: 800;
	font-size: 18px;
  }
  
  

  /* Estilo de la lista detallada */
  p + ul li {
    list-style-image: url(/images/grafomedia/svg-files/tick.svg);
    font-size: 18px;
  }

  .prop-item h3 {
    color: #4899b0;
    font-size: 18px;
  }

  /* Estilo del blog de la página de inicio */
  .com-content-category-blog__items.blog-items.columns-4 h2 a, .com-content-category-blog__items.blog-items.columns-3 h2 a {
    color: #0C3A60;
    text-decoration: none;
    font-size: 19px;
  }
  .com-content-category-blog__items.blog-items.columns-4 h2, .com-content-category-blog__items.blog-items.columns-3 h2 {
    line-height: .8;
  }

  /* Estilo del módulo de Más información */
  #llamadaTelefonica, #mensajePorWhatsapp {
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
  }
  #llamadaTelefonica img , #mensajePorWhatsapp img {
    margin-right: 1em;
  }

  #telefonos img, #whatsapp img, #redes img {
    margin-right: .3rem;
  }
  #telefonos, #whatsapp, #redes {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    border-bottom: 1px dashed white;
    padding: 1.3rem;
  }

  #mas-info {
    background: #0c3a60;
    padding: .7rem;
    border-radius: 9px;
  }
  #mas-info h3 {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  #mas-info > p {
    text-align: center;
    color: #fff;
    margin-bottom: ;
    padding-bottom: 1em;
  }
  #mas-info h4 {
    color: #fff;
  }
  #llamadaTelefonica a, #mensajePorWhatsapp a, #telefonos a, #whatsapp a, #redes a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    font-size: 1rem;
  }
  #telefonos a, #whatsapp a, #redes a {
    font-size: 1.3rem;
  }
  #mas-info a:hover, #mas-info a:focus {
    opacity: .4;
    transition: 300ms;
  }
  .correoCorporativo {
    color: white !important;
    display: block;
    font-size: 1.3rem;
    text-decoration: none;
  }
  .arroba {
    font-size: 2rem;
  }

  

  /* Estilo de las Cards de rightsides */
  .card-body {
    padding: initial;
  }
  .card {
    border: none;
  }


  /* Estilo de los artículos de propiedades.*/
  .prop-item h1, .prop-item h2 {
    color: #014f7d;
  }

  .prop-item h1 {
    text-align: center;
  }

  /* Estilo de la página de inicio */
  .col h2 {
    color: #014F7D;
  }

  ul.mod-articlescategory.category-module.mod-list {
    color: #014F7D;
  }
  .mod-articlescategory.category-module.mod-list {
    border: 1px solid #dfdfdf;
    padding: 2em;
    border-radius: 4px;
  }
  .mod-articlescategory.category-module.mod-list a {
    color: #014F7D;
    font-size: 18px;
    text-decoration: none;
  }
  .mod-articlescategory.category-module.mod-list a:hover {
    color: #a2d2ee;
    transition: .2s;
  }
  /* Estilo para la portada de Inicio */
  .category-desc.clearfix {
    position: relative;
  }
  .category-desc.clearfix img {
    width: 100%;
    /*border-radius: 23px;*/
    margin-bottom: 2em;
  }
  #cara_inicio h1, .category-desc.clearfix h1, .contacto h1 {
    color: #1b4e79;
    font-weight: 300;
    text-align: center;
  }
  .mod-contacto {
    justify-content: center;
    display: flex;
  }
  .contacto p {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
    font-style: italic;
  }
  .contacto h1 {
    margin-top: 2em;
  }

 

  /* BANNER */
  #mod-custom190, #mod-custom191 {
    height: 85px;
    position: relative;
    background-color: #4a789f;    
  }
  #mod-custom191 {
    background-color: #0c3a60;
  }
  #botones {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  #botones a {
    display: block;
    text-decoration: none;
    color: white;
    font-size: 2rem;
    font-weight: 100;
    margin: 0 5px;
  }

  /* Estilo de los filtros */
  .jlmf-label {
    font-size: 1.5rem;
    color: #1d6697;
    padding-bottom: 1em;
  }

  /* Estilo del Footer */
  .footer {
    background-color: #0c3a60;
    background-image: none;	
  }
  /* Estilo del boton back to link */
  .back-to-top-link:focus, .back-to-top-link:hover {
    background-color: #FFD396;
    border-color: #955A09;	
  }
  .mod-menu.mod-list.nav.sociales {
    display: flex;
    flex-direction: row;
  }
  .mod-menu.mod-list.nav.sociales a {
    text-decoration: none;
  }
  .mod-menu.mod-list.nav.sociales a:hover, .mod-menu.mod-list.nav.sociales a:focus, .mod-menu.mod-list.nav.sociales a:active {
    color: #769ebf;
    text-decoration: none;
  }

  /* ########################################## TABLETS ######################################### */
  @media (max-width: 992px) { 
    /*.blog-items.columns-3, .blog-items.columns-4 {
        grid-template-columns: 1fr 1fr;
    } */ 
    .container-header .navbar-brand {
      margin: 0 auto;
      text-align: center;
    }
    .header {
      grid-template-columns: 1fr;
    }
    .grid-child.container-nav {
      flex-direction: column-reverse;
    }
    .container-search {
      align-self: center;
      padding-top: 0;
    }
    #cara_inicio h1 {
      font-size: 3.5rem;
    }
    #cara_inicio h2 {
      font-size: 1.4rem;
    }
    .site-grid:has(.blog) {
      grid-template-areas:
    ".banner banner banner banner." 
    ".top-a  top-a  top-a  top-a. " 
    ".top-b  top-b  top-b  top-b. " 
    ".side-r side-r side-r side-r."
    ".comp   comp   comp   comp.  "      
    ".side-l side-l side-l side-l." 
    ".bot-a  bot-a  bot-a  bot-a. " 
    ".bot-b  bot-b  bot-b  bot-b. ";
    }

    
    }

  

  

  /* ########################################## CELUS ######################################### */

  @media (max-width: 767px) {
    /*.blog-items.columns-3, .blog-items.columns-4 {
      grid-template-columns: 380px;
      justify-content: center;
    }*/
    table.tablaExtra, table.tablaBasica {   
      width: 100%;
    }
    #botones a {
      font-size: 1.6rem;
    }
    #cara_inicio {
      top: 59%;
    }
    .category-desc.clearfix img {
      border-radius: 0;
    }
    #cara_inicio h1 {
      font-size: 2rem;
    }
    #cara_inicio h2 {
      font-size: .9rem;
    }
    .caracteristicas {
      top: 265px;
    }
    
    
  }