/*
Theme Name: Tema para Grupo Degol
Theme URI: https://opencollective.com/blankslate
Author: Jorge Rafael Bravo Carrizales
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Tema desarrollado en base a Blankslate para el Grupo Degol
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: degol

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

 :root {
  --morado: rgba(65, 60, 145,1);
  --amarillo: rgba(255, 178, 55, 1);
}   


@font-face {
    font-family: 'poppinsregular';
    src: url('./fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('./fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold';
    src: url('./fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('./fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin';
    src: url('./fonts/poppins-thin-webfont.woff2') format('woff2'),
         url('./fonts/poppins-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('./fonts/poppins-light-webfont.woff2') format('woff2'),
         url('./fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;padding:0;border:0;font-size:100%;font-family:'poppinsregular';vertical-align:baseline}
html{scroll-behavior:smooth;font-family:'poppinsregular'}
body{line-height:1;font-size:17px;;font-family:'poppinsregular'}
a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}
button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}
table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

a {
  scale:1;
  transition: all ease-in-out 100ms;
}
a:hover {
 scale:1.06;
 transition: all ease-in-out 100ms;
 color:var(--amarillo);
}

header.amarillo #menu li a:hover {
 scale:1.06;
 transition: all ease-in-out 100ms;
 color:var(--morado);
}


.current-menu-item a, .current_page_item a{
   color:rgb(125, 111, 237) !important;
}

.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

h1,h2,h3,h4,h5,h6 {
  font-family:'poppinsbold';
}

.container-fluid {
  padding-right: -2rem;
  padding-left: -2rem;
}

.letrasgrandes {
  font-size:2em!important;
  font-weight:800;
  margin-top:5px
}
button:hover {
  cursor: pointer!important;
}

.btn:hover{
  cursor: pointer!important;
}
.btn {
  border:0px;
  outline:0;
}

.blog-item button{
  font-size: 0.8em;
  padding:7px 17px;
}

 .btn-amarillo {
   width: fit-content;
   position: relative;
   background-color: var(--amarillo)!important;
   color: var(--morado)!important;
   text-decoration: none;
   transition: color 0.2s ease-in-out; 
   display: inline-block;
   z-index: 1;
                                }
 .btn-amarillo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 100%;
   background-color:var(--morado)!important;
   transition: width 0.2s ease-in-out; 
    z-index: -1; 
}
 .btn-amarillo:hover {
   color: var(--amarillo)!important;
}
  .btn-amarillo:hover::before {
   width: 100%;
}


a:hover {
  cursor: pointer!important;
}

a:hover span {
 color:var(--oro)!important;
}

.logo-home {
  height: fit-content;
  display: block;
}



#topbarnavladoizquierdo {
  display: flex;
}

.menu ul li a:hover {
  color:var(--amarillo);
}


.menu ul li a {
  font-size: 1.14em;
  color: #fff;
  line-height: 30px;
}


#header {
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  z-index: 9999;
}

#header.transparente {
background-color: transparent;  
}

#header.amarillo {
  background-color:var(--amarillo); 
  position:relative;
  /*! margin-bottom:50px; */
}

#header.fijo {
  position: fixed;
  top:0px;
  left:0px;
  width: 100%;
  z-index: 999999;
  background:rgba(255,255,255,0.96);
}

#header.fijo .menu ul li a,#header.fijo span {
  color:var(--coloroscuro)!important;
}

#header.topnavbar {
  display: flex;
  justify-content: space-between;
}

.menu ul {
  display: flex;
  flex-direction: row;
  /*! flex-wrap: nowrap; */
  justify-content: flex-end;
  align-items: center;
  
}

#topbarnavladoderecho {
  display: flex; 
  align-items: center;
}


/*-------------------------------------------------------------------------*/
.hero-slider, .slide {
  height: 600px !important;
  width: 100%;
}

.media-container {
  position: relative;
  width: 100%;
  height: 100%;
}

/* This targets both <img> and <video> */
.bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Keeps aspect ratio while filling 600px */
  z-index: 1;
}

.content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  background: rgba(0,0,0,0.2); /* Slight tint for readability */
}

.hero-slider, .slide {
    width: 100%;
    display: block;
}
/* Prevents slides from stacking vertically before JS kicks in */
.hero-slider:not(.slick-initialized) .slide {
    display: none;
}
.hero-slider:not(.slick-initialized) .slide:first-child {
    display: block;
}


.hero-slider .slick-prev {
  left: 8%;
} 
.hero-slider .slick-next {
  right: 8%;
} 

.slide.videocentro {
  text-align:center;
}

.slide.videocentro h1 {
  font-size:2em;
  margin-bottom:0.5em;
}

.slide.videocentro p{
  font-size: 1em;
  width: 40%;
  margin:0px auto 20px auto;
}


.slide.videoizquierda {
    text-align:left;

}


.slide.videoizquierda h1 {
  font-size:2em;
  margin-bottom:0.5em;
    width: 60%;

}

.slide.videoizquierda p{
  font-size: 1em;
  text-align: left;
  width: 40%;
  margin:0px 0px 20px 0px;
}


.slide.fotocentro {
  text-align:center;
}


.slide.fotocentro h1 {
  font-size:2em;
  margin-bottom:0.5em;
}

.slide.fotocentro p{
  font-size: 1em;
  text-align: center;
  width: 40%;
  margin:0px auto 20px auto;
}


.slide.fotoizquierda {
  text-align: left;
}


.slide.fotoizquierda h1 {
  font-size:2em;
  width: 60%;
  margin-bottom:0.5em;
}

.slide.fotoizquierda p{
  font-size: 1em;
  text-align: left;
  width: 40%;
  margin:0px 0px 20px 0px;
}

.single article {
  background: rgba(255,255,255,1);
  padding:0%;
  box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px 0px;
}


.single article p {
  font-size:0.82em;
  line-height:1.5em;
}

.single article img {
  width: 100%;
  min-width:100%;
}
/*-----------------------------------------------------------------------------*/


.disclaimer {
  margin:35px 0px 10px 0px;
  font-size:0.7em;
  text-align: justify;
}

footer h3{
  font-family: 'poppinsbold'!important;
  font-size:1.4em;
  margin-bottom: 1.25em;
  color:var(--amarillo);
}

#listado-redes-sociales {
  display:flex;
  flex-direction:row ;
  justify-content: flex-start;
  align-items:center;
}

#listado-redes-sociales li {
    margin:0px 10px;  
}


#franja-degol {
  position: relative;
  overflow: visible; 
  padding:2.5em 0em;
  background-repeat:no-repeat;
  background-size: 100% 100%;
  width:100%;
}

#franja-degol span{
    font-family: 'poppinsbold'!important;
}


#franja-degol ul {
  display: flex;
  width:80%;
  margin:0px auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#franja-degol ul li {
  margin:0px 30px;
  text-align: center;
  display: flex;
  align-items: center;
  width: fit-content;
}


#sellodegol {  
  text-align: center;
  margin-top:-100px;
  position: absolute;
  width: 100%;  
}

#franja-degol ul li div {
  font-size: 1.7em;
  width: fit-content;
  font-family:'poppinsbold'!important;
  max-width:33%;
  color:var(--morado);
  text-align: left;
  margin-left:8px;
}


#franja-degol.morado {
  background-color:var(--morado);
  overflow: hidden;
  padding: 3.5em 0em;
}

#franja-degol.morado ul li div {
    color:#fff;
    
}

#franja-degol .numerobloque {
  font-size:3.5em!important;
  margin-right:15px;
}

#franja-degol.morado ul li div.numerobloque{
    color:var(--amarillo);

}

#sellodegol .contenedor {
  background-color:var(--amarillo);
  width: 300px;
  margin:0px auto;
  padding:20px 0px;
  text-align: center;
}

#sellodegol .contenedor img{
  width:140px;
  margin: 0px auto;
}


#menuproyecto {
  width: fit-content;
  position: relative;
  width: 50%;
}


.menu {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


.menu ul li a {
  text-decoration: none;
}

.menu ul li a span {
  font-size: 1.25em;
  color: #fff;
  line-height: 60px;
}

.menu ul li {
  margin:0px 20px;
  width: fit-content;
  /*! display: inline-block; */
  line-height: 60px;
}

.menu ul {
  width: fit-content;
}



footer {
  padding:5em 0em 2em 0em;
  background-color: #262627;
  background-image:url('https://degol.alojamostuweb.pe/wp-content/uploads/2026/03/tramadegol.svg');
  background-size:auto 80%;
  background-position: -15% 150%;
  background-repeat:no-repeat;
}

.logofooter {
  margin-bottom:15px;
}

.logofooter img {
  width:180px;
}

a {
  text-decoration: none;
}

footer #listado-direcciones {
  display: flex;
  width:95%;
  margin:0px auto 0px 0px;
  flex-direction: column;
  align-items: flex-start;
}

footer #listado-telefonos {
   display: flex;
  width:95%;
  margin:0px auto 0px 0px;
  flex-direction: column;
  align-items: flex-start;
}
footer #listado-telefonos li {
  margin:5px 0px;
}

footer #listado-direcciones li {
  margin:5px 0px;
}

#menu-menu-footer {
  display: flex;
  flex-direction: row;
}


.contenedor-footer-menu {
    display: flex;
  padding:2em 0em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size:1.1em;;
}

#menu-footer .menu li{
    margin:0px 0px 0px 10px;
}

#menu-footer .menu li a {
  text-decoration: none;
}
  
.contenedor-padding {
  padding:10%;
}


#listado-sellos{
  width:80%;
  margin:70px auto;
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  justify-content: space-between;
}


.logo-blanco-topnavbar {
  width: 140px;
}


#banner-top-proyectos {
  height: 450px;
  width: 100%;
}


#bannerproyectos {
  height: 500px;
  width: 100%;
  position: relative; 
  z-index: 0;
}

.black-overlay-banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;
  z-index:1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.archive.post-type-archive-proyectos main{
  background: rgba(100,100,100,0.158);
}

.espacio-top { 
 background: rgba(100,100,100,0.158);
}

 #bannerproyectos {
    height: 500px;
  width: 100%;
  position: relative;
   z-index: 1;
    background-size: cover;
  background-position: center center;
   background-repeat: no-repeat;
}

#imagen-fondo-banner-proyectos {
      height: 500px;
  width: 100%;
  position: absolute;
  z-index: 2;
  top:0px;
}




#grilla-dptos {
    position: relative; 
  /*! margin-top: -110px; */
    z-index: 3;
  padding-top: 2%;
  padding-bottom:10%;
}


#proyectos-form {
  display: flex;
}
#proyectos-form select {
  margin:0px 20px 0px 0px;
  height: 45px;
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
  border: 1px solid rgba(100,100,100,0.3);
  background: url(https://degol.alojamostuweb.pe/wp-content/themes/degol/img/down.svg) no-repeat right #fff;
-webkit-appearance: none!important;
background-position-x: 96%;
  font-size:1em;
  color:#000;
  
}
#proyectos-form button {
  white-space: nowrap;
  /*! padding:10px 20px; */
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
}



#proyectos-form {
 padding:30px 0px 20px 0px; 
}

#filter-estados-wrap {
  min-height: 26.5px;
margin: 10px 0px 40px 0px; display:flex; gap:15px; flex-wrap:wrap;
}

#gridptos {
  margin:20px auto 0px auto;
}


.insidethebanner {
  color:#fff;
  text-align: center;
  padding-top: 180px;
  height: 500px;
  position: relative;
}

.insidethebanner h1 {
  font-size: 2.5em;
  width: 40%;
  margin: 0px auto 20px auto;
}

.insidethebanner p{
  width: 50%;
  margin: 0px auto 0px auto;
}


header.transparente .topnavbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top:20px;
}


header.amarillo .topnavbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding:8px 0px;
}

#menu-main-menu li {
  margin:0px 20px;
}

#menu-main-menu li a {
  color: #fff;
}

#menu-main-menu li a:hover{
  color:var(--amarillo);
}


#header.fijo .topnavbar{
  padding:0px;
}

#header.fijo .topnavbar #branding img{
    width: auto;
  height: 35px;
}


#header.fijo .topnavbar #menu-main-menu li a  {
  color:var(--morado);
  line-height:40px;
}

#header.fijo .topnavbar #menu-main-menu li a:hover {
  color: var(--amarillo);
}

#popupblanco #menu-main-menu li a {
  color:var(--morado);
}

#popupblanco #menu-main-menu li a:hover {
  color:var(--amarillo);
}

.popup-close-buttongrisprivacidad
.btn {
  min-height: 40px;
  padding:0px 60px;
}

.textoprecio-grid-item {
    font-size: 0.9em;

}
.precio-grid-item {
  font-size: 2em;
  margin:10px auto 20px auto;
}


.logo img {
  margin-bottom: 20px;
}
.dorms-grid-item {
  margin:10px auto;  
}


#cinta-banner {
  width: 100%;
  height: 10px;
  position: relative;
  margin-top: -6px;
  overflow: hidden;
}
#cinta-banner img {
  width: 100%;
  height: 10px;
  padding:0px;
  margin:0px;
}

#proyectos-entregados {
  height:500px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#cinta-banner-morada {
  height:10px;
  width: 100%;
  overflow: hidden;
}
#proyectos-entregados {
  padding-top:100px;
}
#proyectos-entregados h3 {
    font-size: 2.1em!important;
  color:var(--morado);
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1.1em;
}

#proyectos-entregados p{
  margin-bottom:30px;  
    line-height: 1.45em;

}

.inside-padding {
  padding:2% 5% 2% 0%;
}

#bloque-testimoniales {
 padding:5% 0%; 
}

iframe {
  max-width: 600px;
  height:338px;
}

#bloque-nosotros {
  padding:100px 0px;
}
#bloque-nosotros h3 {
  font-size: 2.1em!important;
  color:var(--morado);
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1.1em;
}

#bloque-nosotros p{
  margin-bottom:30px; 
  line-height: 1.45em;
}

.columnas-testimonial {
  display: flex;
  flex-direction: row;
  height: 380px;
}

.columnas-testimonial .bloque-imagen, .columnas-testimonial .bloque-texto {
  width:50%;
  padding:20px 30px;
}

.columnas-testimonial .bloque-imagen img {
  width: 100%;
}
#testimonios-slider .slick-prev {
  left: -30px;
    color:var(--amarillo);
}

#testimonios-slider .slick-prev:hover  {
      color:var(--morado);
}

#testimonios-slider .slick-next:hover  {
      color:var(--morado);
}

#testimonios-slider .slick-next {
   right: -30px;
  color:var(--amarillo);
}

#testimonios-slider .bloque-texto h4{
  color:var(--morado);
  font-size: 1.4em;
  margin-top:30px;
}

#testimonios-slider .bloque-texto p {
     font-size: 1.1em;
  line-height: 1.2em;
}

#testimonios-slider .inside-padding {
  padding:5%;
}
#cinta-banner-morada img {
height:auto;  
  width: 120%;
}

#bloque-testimoniales h3{
  color:var(--morado);
  font-size:2.2em;
  margin-bottom: 1em;
  padding:0% 0% 0% 50%;
  text-align: right;
  text-transform: uppercase;
}

#bloque-blog {
  position: relative;
 padding:0em 0em 5em 0em;
  /*! height:500px; */
  display: block;
  background-color: #DDDDDD;
  margin-top:-100px;
}

#listado-preview-blog {
  margin-top: 4em;
}

#bloque-blog .cabezanoticias {
  background-color:#E7E7E7;
  position: relative;
}

#bloque-blog .cabezanoticias .imgback {
  
  height:190px;
  background-image: url(https://degol.alojamostuweb.pe/wp-content/themes/degol/img/edificios.svg);
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: relative;
  
}
#bloque-blog  .cabezanoticias .imgback h3{
  font-size: 2.3em;
  color:var(--morado);
  text-transform: uppercase;
  position:absolute;
  bottom:0px;
  padding:0px 0px 5px 0px;
  margin:0px;
  border-bottom: 5px solid var(--morado);
}


#bloque-contacto {
  height:650px;
  background-image: url(https://degol.alojamostuweb.pe/wp-content/uploads/2026/03/image-33.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover 100%;
  position: relative;
  /*! padding: 2em 0em; */
}



#bloque-contacto .front-layer {
  width:100%;
  height: 100;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+80,000000+80&0+0,0.39+79 */
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
  padding: 6em 0em;
}

#bloque-contacto .contact-black-overlay {
  position: absolute;
  width:100%;
  height:100%;
  z-index: 1;
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 69%,rgba(0,0,0,0.79) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#bloque-contacto h3 {  
  font-size: 1.8em;
  color:#fff;
  text-align: center;
  text-transform: uppercase;
}
#bloque-contacto p {
  margin:10px 0px;
  color:#fff;
  text-align: center;
}

#bloque-contacto label {
  color:#fff;
  font-size:0.65em;
}

#bloque-contacto label a{
  color:var(--amarillo);
}

#bloque-contacto label a:hover {
  color:var(--morado);
}

#bloque-contacto .contenedor-boton-enviar{
  padding-top: 12px;
}


#frmContactogeneral {
  padding:2em 0em;
}

input[type='checkbox']{
  appearance: auto;
  border: 1px solid var(--amarillo) !important;
  outline: 1 !important;
  outline-color: var(--amarillo) !important;
  margin: 10px 5px 0px 0px;
  accent-color: var(--amarillo) !important;
}


.cabezanoticias {
  background-color: #E7E7E7;
}


.blog-archive {
  padding:4em 0em 0em 0em;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.blog-archive h4 {
  color:var(--morado); 
  margin:0px!important;
  padding:0px!important;
  margin-right: 20px!important;
	font-family: 'poppinsregular';
}

#columna-costado h2{
  font-size:1.2em;
  margin: 0px 0px 15px 0px;
  color:var(--morado);
}

#columna-costado ul {
  margin: 0px;
  padding: 0px;
}

#columna-costado ul li {
  margin:10px 0px;
  font-size: 0.8em;
}
#columna-costado .categorias {
  margin:0px 0px 40px 0px;
}

#columna-costado .categorias ul{
  margin-left:10px;
}


#columna-costado .categorias  ul li a {
  color:#000;
}

#columna-costado .etiquetas a {
    color:#000;

}

#columna-costado .etiquetas a:hover {
  color:var(--amarillo);
}

#columna-costado .categorias a:hover {
  color:var(--amarillo);
}

#listadoblog {
    column-count: 3; /* Number of columns */
    column-gap: 20px; /* Space between columns */
    width: 100%;
}

.blog-item {
    display: inline-block; /* Crucial: prevents items from breaking across columns */
    width: 100%;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.11) 5px 5px 10px 0px;
}

.blog-item h3 {
  font-size:1.3em;
  color:var(--morado);
  margin:10px 0px;
}

.blog-item p {
  font-size: 0.8em;
  margin-bottom:13px;
  line-height: 1.3em;
}

.blog-img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.pagination {
  margin:30px 0px;
  width: 100%;
}



#listado-proyectos-relacionados {
display: flex;  
  width: 100%;
  display: flex;
  /*! justify-content: first baseline; */
  align-items: center;
  flex-wrap: wrap;
}

#listado-proyectos-relacionados li.proyecto-card {
  width: 30%;
} 

.blog #listado-proyectos-relacionados li.proyecto-card {
  width: 30%;
  height: 300px;
  margin:5px 0.4%;
  flex: 0 1 calc(33% - 5px);
}

.blog #listado-proyectos-relacionados {
display: flex;  
  width: 100%;
  display: flex;
  justify-content: first baseline;
  align-items: center;
  flex-wrap: wrap;
}



.blog #listado-proyectos-relacionados li.proyecto-card .inside-item-grid {
  position: relative;
  width: 100%;
  height: 300px;
  background-size: 104%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: left;
  padding: 25px;
  font-size:70%;
}


.blog .columnas-item-grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 85%;
  gap: 5px;
  position: absolute;
  z-index: 2;
  margin: 0px auto 0px auto;
  bottom: 23px;
}

.blog #listado-proyectos-relacionados .btn {
  background: var(--colorclaro);
  border: 0px;
  padding: 10px 15px;
  font-size: 1em!important;
  scale: 1;
  transition: all ease-in-out 100ms;
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
}


.blog .columnas-item-grid .logo img {
  max-width: 110px;
  max-height: 80px;
}

#listado-proyectos-relacionados li.proyecto-card .inside-item-grid {
  position: relative;
  width: 100%;
  height: 500px;
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px;
}

#related-proyectos {
  /*! height: 100%; */
  padding-bottom:4em;
  overflow: hidden;
}

#related-proyectos h4 {
    text-align: left;
  color:var(--morado);
  font-size:2em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.local-pagination {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;}

.local-pagination .page-link{
 color:var(--amarillo);
  background: none;
  color:var(--amarillo);
    margin: 0px 5px;

}


#inside-aside {
  margin-right:7%;
}
     
#contenedor-resultados {
  padding-left:2.3%;
  border-left: 1px solid rgba(10,10,10,0.13);
}

#contenedor-resultados h1{
  color:var(--morado);
  margin:20px 0px;
  font-size:1.7em;
}

#contenedor-resultados h3{
  color:var(--morado);
  margin:20px 0px;
  font-size:1.2em;
}


#contenedor-resultados h5{
  color:var(--morado);
  margin:20px 0px;
  font-size:1.6em;
  margin-top: 4em;
}

p.nohay {
  text-align: left;
  white-space: nowrap;
  margin-top:1em;
  color:rgba(10,10,10,0.6);
}


main.transparent {
  padding-top: 0px;
  background: rgba(100, 100, 100, 0.158);
}

main.amarillo {
  padding-top: 50px;
  background: rgba(100, 100, 100, 0.158);
  padding: 5em;
}


#form-busqueda-ajax {
 width: 100%;
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  border:1px solid #ccc;
}

#blog-search-input {
  width: 85%;
}
#blog-search-submit {
  width:auto;
}

.pagination-ajax-container {
 display: flex; 
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
}

.pagination-ajax-container p {
  font-size: 0.9em;
  margin-right: 5px;
  color:rgba(10,10,10,0.6);
}

.pagination-ajax-container a {
  margin:0px 3px;
  color:var(--amarillo);
}

.pagination-ajax-container a.current {
  color:rgba(10,10,10,0.25);
}

.single .wp-block-column {
  padding:1%;
}

.single .entry-meta{
  margin:2em auto;
  font-size:90%;
  display: flex;
  flex-direction: column;
}

.single .entry-meta div {
 margin:5px 0px; 
}

.single .entry-meta a {
  color:var(--amarillo);
}

.single .entry-meta svg {
  color:var(--morado)!important;
}


.single .contenedor-post {
  padding: 5%;
}


.pagina-blanco {
  background: #fff;
  padding:4% 9%;
  width: 70%;
  margin: 0px auto;
  text-align: justify;
}

.pagina-blanco h1 {
  margin: 10px 0px 60px 0px;
  text-align: center;
  font-size: 1.5em;
}

.pagina-blanco h2 {
  margin:20px 0px; 
  font-size: 1.15em;
}

.pagina-blanco p {
  font-size: 0.9em;
}


.page-id-55 .insidethebanner {
  color: #fff;
  text-align: left;
  padding-top: 180px;
  height: 500px;
  position: relative;
} 

.page-id-55 .insidethebanner h1 {
  width: 100%;
  text-align: left;
  margin:0px 0px 10px 0px;
}

.page-id-55 .insidethebanner p {
  width: 100%;
  text-align: left;
  margin:0px 0px 10px 0px;
}

.page-id-55 #texto-destacado {
  background: #fff;
  padding:3%;
  width:500px;
  position:relative;
  margin-top:-130px;
  margin-left: 4%;
  z-index:3;
  box-shadow: rgba(0, 0, 0, 0.12) 5px 5px 10px 0px;
}

.page-id-55 article {
  background: #fff;
  padding:3%;
  margin-top:-90px;
  padding-top:150px!important;
  box-shadow: rgba(0, 0, 0, 0.12) 5px 5px 10px 0px;
}


#listado-iconos-quienes-somos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 3em auto;
}

#listado-iconos-quienes-somos li {
  text-align: center;
}

#listado-iconos-quienes-somos li h5 {
  color:var(--morado);
  margin:10px auto;
  font-size: 1.25em;
}

#listado-iconos-quienes-somos li p {
  font-size:0.85em;
}

/* Responsive adjustment */
@media (max-width: 768px) {
    #listadoblog {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    #listadoblog {
        column-count: 1;
    }
}
/*---------------------------------------------------------------------Flexboxmatrix--------------------------------------------------------------------------------------------------*/
  
.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0rem;
  margin-left: 0rem;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}


@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container-special {
      width: 75%;
    max-width: 1700px;
    margin:auto;
  }
  
  .container {
    width: 70%;
    max-width: 1600px;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.imagen-item-blog {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#listado-preview-blog {
  display: flex;
  flex-direction:row;
  justify-content: space-between;
}

#listado-preview-blog li{
  width:32%;
}

.item-blog h4{
  color:var(--morado);
  text-align: left;
  text-transform: uppercase;
  font-size: 1.2em;
  margin-bottom: 20px;
}

.item-blog .texto-blog {
  background-color: #fff;
  padding:5%;
}

.item-blog .texto-blog p {
  font-size: 0.75em;
  margin-bottom: 20px;
  line-height: 1.5em;
}

/*-----------------------------------------------------------------------------fin flexboxmatrix---------------------------------------------------------------------------*/

.form-val {
  width: 100%;
  margin: 0px auto;
}

.form-box {
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.form-box .form-group {
  width: 48%;
  margin: 0px 1%;
}

.form-control, select {
  height: 35px;
  width:100%;
  margin:5px auto;
  font-size:1.1em;
  padding:10px;
  border:0px;
  background-color: rgba(255,255,255,0.86);
}

select {
  color:rgba(10,10,10,0.5);
  padding:0px 0px 0px 10px;
}

.form-control:focus, .form-control:focus-visible {
  border-color: var(--colorclaro); 
    outline: 2px solid  var(--colorclaro);
}


#frmContacto .btn {
  margin:0px;
    scale:1;
  transition: all ease-in-out 100ms;
}

#frmContacto .btn:hover {
  scale:1.02;
  transition: all ease-in-out 100ms;
}

.btn {
  /*! background: var(--colorclaro); */
  border:0px;
  padding:10px 35px;
  font-size:1.02em;
    scale:1;
  transition: all ease-in-out 100ms;
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
}

.btn:hover {
  cursor: pointer;
    scale:1.02;
  transition: all ease-in-out 100ms;
}



#seleccionador {
  width: 100%;
}

.form-select select {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  cursor:pointer;
}


.izquierda-form, .derecha-form, .form-select, .contenedor-checkboxes {
  padding:0rem 0.5rem;
}


/*---------------------------------------------------------------------Responsive Time--------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 320px) {

}


@media only screen and (min-width: 320px) and (max-width: 480px) {

}

@media only screen and (min-width: 480px) and (max-width: 640px) {

}

@media only screen and (min-width: 640px) and (max-width: 768px) {

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

}

@media only screen and (min-width: 1601px) {

#insideslide.container {
  max-width:70%!important;
}

}

/*---------------------------------------------------------------------Termin¨® Responsive Time--------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------Pop Up-----------------------------------------------------------------------*/


#popupgris .fondo-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index:0;
  /*! cursor: pointer; */
}
#popup-close-buttongris {
  position: absolute;
  top:0px;
  right: 0px;
}


#popup-close-buttongris {
  top:-13px;
  right:-10px;
  color:#fff;
  background: var(--coloroscuro);
  border:none;
  padding:5px 10px;
  font-size: 1em;
  border-radius: 50%;
}



#popup-messagegris {
  width: fit-content;
  margin: 0px auto;
  position: relative;
}

#popupgris {
  position: fixed;
  top:0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9999999999999;
}


#popupgris .contenedor-popup {
  width:900px;
  height:auto;
  background-color:rgba(255,255,255,0.6);
  position:relative;
  padding:5% 8%;
}


#popupgris .cont-popup {
  width: fit-content;
  margin:50px auto;
  position: relative;
  text-align: center;
}

.single-proyectos .popupblanco .fondo-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index:0;
  background-color:rgba(255,255,255,0.98) !important;
  /*! cursor: pointer; */
}
#popupblanco #popup-close-buttonblanco {
  position: absolute;
  top:0px;
  right: 0px;
}


#popupblanco #popup-close-buttonblanco {
  top:-13px;
  right:-10px;
  color:#fff;
  background: var(--morado);
  border:none;
  padding:5px 10px;
  font-size: 1em;
  border-radius: 50%;
}

#popupblanco .menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#popupblanco .menu li {
  margin:8px;
}

#popupblanco .menu li a span{
  font-size: 1em;
  font-family: 'poppinsregular'!important;
}

#popupblanco #popup-messageblanco {
  width: fit-content;
  margin: 0px auto;
  position: relative;
}

#popupblanco {
  position: fixed;
  top:0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 99999999999;
}


#popupblanco .contenedor-popup {
  min-width:400px;
  height:auto;
  background-color:rgba(255,255,255,0.6);
  position:relative;
  padding:5% 8%;
}


#popupblanco .cont-popup {
  width: fit-content;
  margin:50px auto;
  position: relative;
  text-align: center;
}



/*------------------------------------------------------------Fin Pop Up-----------------------------------------------------------------------*/


footer, footer span,footer p, footer div, footer ul li, footer ul li a, footer a  {
  font-family: 'poppinsregular'!important;
  color:#fff;
}

footer span,footer p, footer div, footer ul li { 
  font-size:0.94em;
}


/* When the checkbox is NOT checked, the label loses this class */
.estado-tag {
    background: #f4f4f4;
    color: #333;
}

.estado-tag.is-active {
    background: #000;
    color: #fff;
}


.lazy-bg {
    opacity: 0;
    transition: opacity 0.5s ease-in, background-size 0.6s ease;
}

/* Ensure the overlay doesn't block the background-image visually */
.inside-item-grid {
    background-color: #222; /* Placeholder color while loading */
}

/* Container */
#gridptos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    /* Default: center everything (works perfectly for 1 item) */
    justify-content: center; 
}

/* If the grid has 2 or more cards, switch to flex-start (align left) */
#gridptos:has(.proyecto-card:nth-child(2)) {
    justify-content: flex-start;
}

/* The Card */
.proyecto-card {
    /* Calculates 2 columns minus the gap */
    flex: 0 1 calc(50% - 10px); 
    height: 600px;
    overflow: hidden;
    position: relative;
}

/* Inner Background Container */
.inside-item-grid {
    width: 100%;
    height: 100%;
    background-size: 110%; /* Starting size slightly larger to prevent edges showing */
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
}

/* Zoom Effect on Hover */
.proyecto-card:hover .inside-item-grid {
    background-size: 100%;
}

/* Responsive: 1 Column */
@media (max-width: 768px) {
    .proyecto-card {
        flex: 1 1 100%;
    }
}


.inside-item-grid {
    position: relative; /* Required for the overlay */
    width: 100%;
    height: 600px;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 0.6s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Pushes content to the bottom */
    padding: 25px;
}

/* 0.8 Opacity Black Overlay */
.inside-item-grid::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.35); 
    z-index: 1;
}

/* Ensure content sits ABOVE the overlay */
.badges-container, 
.columnas-item-grid {
    position: relative;
    z-index: 2;
    color: #ffffff; /* Contrast text */
}
.badges-container {
      position: absolute;
  top:50px;
  left:0px;
  padding:15px 20px;
  background:var(--morado);
  font-size:0.8em;}


/* The 2-column layout at the bottom */
.columnas-item-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 15px;
}

.columnas-item-grid .logo,
.columnas-item-grid .precio {
    flex: 1; /* Each takes 50% */
}

.columnas-item-grid .precio {
    text-align: right; /* Aligns price and button to the right */
}

/* Ensure the parent card doesn't collapse */
.proyecto-card {
    position: relative;
    overflow: hidden;
    background-color: rgb(26, 23, 84); /* Fallback for the 0.8 overlay */
  box-shadow: rgba(0, 0, 0, 0.12) 5px 5px 10px 0px;
  
}

/* The Lazy Background Layer */
.inside-item-grid.lazy-bg {
    opacity: 0; 
    transition: opacity 0.8s ease-in, background-size 0.6s ease;
    background-size: 102%;
}

/* When the JS triggers, we fade in */
.inside-item-grid[style*="background-image"] {
    opacity: 1;
}

/* The 0.8 Overlay */
.inside-item-grid::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.35); 
    z-index: 1;
    pointer-events: none; /* Allows clicks to pass through to the button */
}

/* Content Container */
.columnas-item-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* Aligns logo and price to the bottom */
    width: 95%;
    gap: 20px;
    position: relative;
    z-index: 2; /* Sits above overlay */
  margin:0px auto 25px auto;
}

.columnas-item-grid .logo img {
  max-width: 140px;
  max-height: 80px;
}

/* Responsive Column adjustment */
@media (max-width: 480px) {
    .columnas-item-grid {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .columnas-item-grid .precio {
        text-align: left;
        width: 100%;
    }
}


/* The Skeleton Card */
.skeleton-card {
    flex: 0 1 calc(50% - 10px);
    height: 600px;
    border-radius: 0px;
    background:rgb(26, 23, 84); /* Match your overlay base */
    position: relative;
    overflow: hidden;
}

/* The Shimmer Effect */
.skeleton-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.05) 50%, 
        rgba(255,255,255,0) 100%
    );
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { left: -150%; }
    100% { left: 100%; }
}

@media (max-width: 768px) {
    .skeleton-card { flex: 1 1 100%; }
}


.lazy-bg {
    opacity: 0;
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Once the background-image is applied by the JS Observer */
.lazy-bg[style*="background-image"] {
    opacity: 1;
}


.search-container {
    display: flex;
    gap: 0px;
    margin-bottom: 32px;
    justify-content: center;
    /*! padding-right: 70px; */
  /*! padding:10px 40px 10px 0px; */
}

#blog-search-input {
    /*! flex-grow: 1; */
    padding: 8px;
  border:0px;
}

/* Remove default focus ring for all focus states */
input:focus {
  outline: none;
}

/* Re-add it only for keyboard/visible focus */
input:focus-visible {
  outline: 0px solid var(--morado);
}

#blog-search-submit, .btn-transparent {
  background: #fff;
  border: none;
    cursor: pointer;
    font-size: 0.9em;
    white-space: nowrap;
    padding: 5px 10px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
  outline: 0;
}

#blog-search-submit, .btn-transparent i{
  color:var(--morado);
}


.blog-item {
  display: inline-block
}


.pagination-ajax {
    text-align: center;
    margin-top: 30px;
    clear: both;
}
.pagination-ajax a, .pagination-ajax span {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 5px;
    background: #f4f4f4;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}
.pagination-ajax .current {
    background: #ffcc00; /* Your yellow color */
    font-weight: bold;
}