/* ==========================================================
   PROYECTOS A SUBVENCIONAR
   projects.css
========================================================== */
/*==========================================================
  Tarjeta
==========================================================*/
.funding-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#f7f3ea;
    border:1px solid #d9ccb6;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 5px 14px rgba(72,54,34,.08);
    transition:transform .25s, box-shadow .25s;
}
.funding-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(72,54,34,.14);
}
/*==========================================================
  Imagen
==========================================================*/
.funding-image{
    position:relative;
    overflow:hidden;
}
.funding-image img{
    display:block;
    width:100%;
    height:285px;
    object-fit:cover;
    transition:transform .7s;
}
.funding-card:hover .funding-image img{
    transform:scale(1.03);
}
/*==========================================================
  Contenido
==========================================================*/
.funding-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:16px;
}
/*==========================================================
  Cabecera
==========================================================*/
.funding-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:4px;
}
.funding-title{
    flex:1;
    margin:0;
    font-size:1.35rem;
    font-weight:700;
    line-height:1.15;
    color:#5a4430;
}
/*==========================================================
  Estado
==========================================================*/
.status-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
    padding:2px 10px;
    border-radius:999px;
    font-size:.72rem;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    border:1px solid transparent;
}
.status-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    flex-shrink:0;
}
/* Pendiente */
.status-pending{
    background:#fbefc9;
    border-color:#e2c57c;
    color:#8b6200;
}
.status-pending .status-dot{
    background:#c79217;
}
/* Buscando financiación */
.status-funding{
    background:#fff3cd;
    border-color:#e0b13d;
    color:#8c5b00;
}
.status-funding .status-dot{
    background:#d18a00;
}
/* En restauración */
.status-restoration{
    background:#dff5df;
    border-color:#8dc78d;
    color:#1f6b34;
}
.status-restoration .status-dot{
    background:#2f9b48;
}
/* Finalizado */
.status-completed{
    _background:#e5f4e7;
	background:#B6F500;
    border-color:#87b889;
    color:#008514;
	_color:#2d6b36;
}
.status-completed .status-dot{
    background:#3f8f46;
}
/*==========================================================
  Descripción
==========================================================*/
.funding-description{
    margin:2px 0 10px;
    color:#6a6258;
    font-size:.90rem;
    line-height:1.35;
}
/*==========================================================
  Resumen económico
==========================================================*/
.funding-summary{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin-top:2px;
}
.funding-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:22px;
    font-size:.91rem;
}
.funding-label{
    color:#766a5b;
    font-weight:500;
}
.funding-row strong{
    color:#433221;
    font-weight:700;
}
.funding-raised{
    color:#3d7d32 !important;
}
.funding-divider{
    height:1px;
    margin:4px 0;
    background:#d8c9b3;
}
/*----------------------------------------------------------
  Faltan
----------------------------------------------------------*/
.funding-pending{
    color:#8b5f16;
    font-size:.98rem;
    font-weight:700;
}
.funding-pending strong{
    color:#8b5f16;
}
/*==========================================================
  Barra de progreso
==========================================================*/
.funding-progress{
    margin-top:8px;
}
.funding-progress-row{
    display:flex;
    align-items:center;
    gap:10px;
}
.funding-progress-track{
    flex:1;
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:#ded4c3;
    border:1px solid #ccb996;
}
.funding-progress-fill{
    width:0;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#a86f18 0%,#c99537 45%,#e0c57b 100%);
    transition:width 1.2s ease;
}
.funding-progress-text{
    flex-shrink:0;
    font-size:.80rem;
    color:#65594b;
    white-space:nowrap;
}
/*==========================================================
  Objetivo conseguido
==========================================================*/
.funding-ribbon{
    position:absolute;
    top:18px;
    right:-58px;
    width:220px;
    padding:8px 0;
    background:#8c2323;
    color:#fff;
    font-size:.76rem;
    font-weight:700;
    text-align:center;
    letter-spacing:.8px;
    text-transform:uppercase;
    transform:rotate(35deg);
    box-shadow:0 3px 10px rgba(0,0,0,.28);
}
/*==========================================================
  Aspecto artesanal
==========================================================*/
.funding-card{
    background:linear-gradient(180deg,#faf7f1 0%,#f3eee4 100%);
}
.funding-content{
    position:relative;
}
.funding-content::before{
    content:"";
    display:block;
    height:1px;
    margin-bottom:10px;
    background:linear-gradient(to right,transparent,rgba(154,126,77,.35),transparent);
}
/*==========================================================
  Compactación general
==========================================================*/
.funding-header{
    margin-bottom:2px;
}
.funding-description{
    margin:0 0 8px;
    font-size:.88rem;
    line-height:1.28;
}
.funding-summary{
    gap:2px;
}
.funding-row{
    min-height:20px;
    padding:0;
}
.funding-label{
    font-size:.88rem;
}
.funding-row strong{
    font-size:.94rem;
}
.funding-pending{
    font-size:.95rem;
}
.funding-progress{
    margin-top:6px;
}
/*==========================================================
  Animación imagen
==========================================================*/
.funding-image img{
    transition:transform .7s, filter .7s;
}
.funding-card:hover .funding-image img{
    transform:scale(1.025);
    filter:contrast(1.03) saturate(1.04);
}
/*==========================================================
  Responsive
==========================================================*/
@media (max-width:991px){
    .funding-image img{height:255px;}
}
@media (max-width:768px){
    .funding-image img{height:225px;}
    .funding-content{padding:14px;}
    .funding-title{font-size:1.18rem;}
    .status-badge{font-size:.68rem;padding:2px 7px;}
}
@media (max-width:576px){
    .funding-image img{height:210px;}
    .funding-content{padding:12px;}
}