#sostenibilidad{background-color:#237e6f;color:#fff;}
.acordion{color:#197868;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:2rem;cursor:pointer;}
.acordion:first-child{margin-top:0rem;}
.acordion .imagen-acordion{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.acordion .imagen-acordion img{width:100%;position:absolute;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.acordion .titulo-acordion{font-size:1.5rem;padding-right:3rem;padding:2.3rem 5rem 1.9rem 2rem;line-height:1;font-weight:700;position:relative;width:64%;}
.acordion .titulo-acordion i{position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.cuerpo-acordion{padding:2.5rem 2.3rem;background-color:#176657;display:none;}
.cuerpo-acordion p{font-size:1.28rem;padding-top:1.7rem;padding-bottom:1.7rem;margin:0;border-bottom:.15rem solid #fff;line-height: 1.2;}
.cuerpo-acordion p big{font-size:2.3rem;font-weight:800;}
.cuerpo-acordion p:first-child{padding-top:0;}
.cuerpo-acordion p:last-child{margin-bottom:0;padding-bottom:0;border:none;}
#sostenibilidad .iconos-descarga .fa-download::before{
	color:#fff;
}
#sostenibilidad .iconos-descarga .fa-clipboard::before{
	color:#fff;
}
.anteproyecto-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  margin-bottom: 0.1rem;
  border: none;
  background: transparent;
}

.anteproyecto-texto {
  width: 85%;
  font-size: 1rem;
  color: #fff; /* ← Letra blanca */
  line-height: 1.4;
  padding-right: 1rem;
  word-break: break-word;
}

.anteproyecto-iconos {
  width: 15%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.anteproyecto-iconos a {
  color: #fff; /* íconos blancos también */
  font-size: 1.2rem;
  margin-left: 0.5rem;
  transition: color 0.3s ease;
}

.anteproyecto-iconos a:hover {
  color: var(--amarillo, #FAC500); /* al pasar el mouse */
}

.anteproyecto-item:hover {
 /* font-weight: 600;  Letra más gruesa */
  transform: scale(1.03); /* Ligero zoom para resaltar */
  transition: all 0.2s ease;
  opacity: 1;
}
/*Buscador*/
/* === Estilo Frost Glass para Buscador === */

/* ===================== MODAL FROST GLASS ===================== */

.modal-buscador-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(6px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    animation: fadeIn .25s ease-in-out;
}

.modal-buscador-container {
    width: 95%;
    height: 95%;
    display: flex;
    border-radius: 16px;
    background: rgba(24,81,196,0.25);
    backdrop-filter: blur(18px) saturate(180%);
    box-shadow: 0 4px 30px rgba(0,0,0,.3);
    overflow: hidden;
}

.buscador-left {
    width: 45%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,0.45);
    backdrop-filter: blur(14px) saturate(130%);
    border-right: 1px solid rgba(255,255,255,0.5);
    overflow-y: auto;
}

.buscador-right {
    width: 55%;
    background: #111;
}
.buscador-right iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ===== HEADER INPUT */
.buscador-header {
    display: flex;
    gap: 10px;
}
.buscador-header input {
    flex: 1;
    padding: 12px;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    background: rgba(255,255,255,.9);
    outline: none;
}
.buscador-header input:focus {
    border: 2px solid #1976d2;
    background: #fff;
}

.btn-cerrar {
    width: 45px;
    background: #cc0000;
    border-radius: 8px;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: .2s;
}
.btn-cerrar:hover {
    background: #a30000;
}

/* ===== SELECTS */
.buscador-filtros {
    display: flex;
    gap: 8px;
    margin: 12px 0;
}
.buscador-filtros select {
    flex: 1;
    padding: 10px;
    border-radius: 6px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(0,0,0,.2);
}

/* ===== RESULTADOS */
.lista-resultados {
    padding: 0;
    margin-top: 12px;
    list-style: none;
}
.lista-resultados li {
    padding: 12px 10px;
    border-radius: 8px;
    background: rgba(255,255,255,.85);
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    border-left: 4px solid transparent;
    transition: all .2s ease-out;
}
.lista-resultados li:hover {
    border-left: 4px solid #1976d2;
    background: rgba(255,255,255,1);
    transform: translateX(3px);
}

.lista-resultados li strong {
    font-size: 15px;
    font-weight: 700;
}

.acciones i {
    font-size: 18px;
    margin-left: 8px;
}
.acciones a, .acciones button {
    background: none;
    border: none;
    cursor: pointer;
    color: #1976d2;
}
.acciones a:hover i,
.acciones button:hover i {
    color: #0d4d8d;
}

/* ===== BOTÓN FLOTANTE */
/* BOTÓN FLOTANTE MODERNO */
.btn-buscar-flotante {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 65px;
    height: 65px;
    background: rgba(25, 118, 210, 0.92);
    backdrop-filter: blur(8px);
    border: 2px solid rgba(255,255,255,0.6);
    color: #fff;
    border-radius: 50%;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 6px 14px rgba(0,0,0,.4);
    z-index: 9999;
    transition: transform .25s, background .25s, box-shadow .25s;
}
.btn-buscar-flotante:hover {
    background: rgba(13, 77, 141, 0.95);
    transform: scale(1.08);
    box-shadow: 0px 10px 20px rgba(0,0,0,.45);
}

/* ===== ANIMACIONES */
@keyframes fadeIn {
    0% { opacity: 0; transform: scale(.97); }
    100% { opacity: 1; transform: scale(1); }
}

.preview-placeholder {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #444;
    font-size: 20px;
    gap: 10px;
    text-align: center;
}

.preview-placeholder i {
    font-size: 50px;
    opacity: .6;
}

.preview-placeholder p {
    font-size: 18px;
    opacity: .85;
}

.buscador-right iframe {
    display: none; /* Solo se muestra cuando hay PDF */
}


#visorPDF.sinPDF {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#visorPDF.sinPDF::before {
    content: "Vista previa";
    font-size: 18px;
    color: #555;
    font-weight: 500;
}


/*.modalB {
    display: none;
    position: fixed;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    justify-content: center; align-items: center;
}

.modalB-contenido {
    background: white;
    width: 90%;
    max-width: 900px;
    padding: 20px;
    border-radius: 10px;
}

.cerrarB {
    float: right;
    cursor: pointer;
    font-size: 25px;
}

.lista-resultados li {
    padding: 8px;
    cursor: pointer;
}
.lista-resultados li:hover {
    background: #f0f0f0;
}*/
/*Buscador Fin*/

@media(min-width:1200px){.container{max-width:73.8%;}
.container-especial{max-width:95%;}
}
@media(max-width:1199px){html{font-size:12px;}
}
@media(max-width:991px){.banner .contenedor-triangulo{height:50%;}
#sostenibilidad .columna-presentacion{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
.columna-contenido{margin-bottom:2rem;}
.columna-contenido h2{font-size:2.5rem;}
.columna-contenido p{font-size:1.6rem;}
.contenedor-imagen{padding-top:0;}
.contenedor-imagen .borde-conetendor-imagen{position:relative;left:auto;right:auto;}
.contenedor-imagen .borde-conetendor-imagen img{position:relative;width:100%;left:auto}

.modal-buscador-container {
        flex-direction: column;
    }
    .buscador-left, 
    .buscador-right {
        width: 100%;
        height: 50%;
    }
}
@media(max-width:767px){html{font-size:4vw;}
.acordion{margin-top:1rem;}
.acordion .titulo-acordion{padding:1.2rem 5rem .8rem 1rem;min-height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:72%;}
.acordion .titulo-acordion i{position:absolute;right:1rem;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;bottom:1rem;}
.cuerpo-acordion{padding:1rem;}
.cuerpo-acordion p{font-size:1.5rem;padding:1rem 0;}
/*#operaciones .contenedor-imagen.abierto .contenedor-muestras{width:100%;position:relative;top:auto;right:auto;padding:2rem 1rem;}*/
#sostenibilidad{padding-bottom:2rem;}
.anteproyecto-texto {
  font-size: 1.3rem;
}
}