/* ============================================================ PROYECTO A - DOMANI Identidad tomada de DOMANI.pdf: fondo crema calido, acentos en durazno, paneles celestes y titulares en azul apagado. Esta hoja SOLO se carga en /proyectos/proyecto-a/. Prefijo obligatorio de clases propias: .pa- Solo redefine variables --ficha-*. No toca los roles globales: la clase vive en el y repintaria la cabecera y el pie, que son compartidos con el resto del sitio. ============================================================ */ .ficha--proyecto-a { --ficha-color: var(--domani-tinta); --ficha-contraste: var(--blanco); --ficha-fondo: var(--domani-crema); --ficha-alterno: #f9ece0; --ficha-borde: #e6d6c6; --ficha-borde-fuerte: #d2bda8; --ficha-superficie: var(--blanco); --ficha-portada: linear-gradient(160deg, #6b4a30 0%, #8a6242 55%, var(--domani-durazno) 100%); } .ficha--proyecto-a .seccion__etiqueta { color: var(--domani-tinta); } .ficha--proyecto-a .filete { color: var(--domani-tinta); } /* Trama de arcos, guino a la fachada del proyecto */ .ficha--proyecto-a .ficha__portada-textura { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cg fill='none' stroke='%23fdf4ea' stroke-opacity='0.10' stroke-width='2'%3E%3Cpath d='M0 60c0-33 27-60 60-60s60 27 60 60'/%3E%3C/g%3E%3C/svg%3E"); background-size: 120px 60px; } /* Tarjetas de tipologia, como en la pieza impresa */ .pa-tipos { display: grid; gap: var(--espacio-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); } .pa-tipo { padding: var(--espacio-6); background-color: var(--ficha-superficie); border-radius: var(--radio-lg); transition: transform var(--transicion); } .pa-tipo:hover { transform: translateY(-6px); } .pa-tipo strong { display: block; margin-bottom: var(--espacio-2); font-family: var(--fuente-titulos); font-size: var(--texto-md); color: var(--domani-tinta); } .pa-tipo span { font-size: var(--texto-sm); color: var(--color-texto-suave); } /* Panel durazno con el resumen del proyecto: es la caja destacada que la pieza usa para el texto de presentacion. */ .pa-panel-destacado { padding: var(--espacio-7); margin-top: var(--espacio-6); background-color: var(--domani-durazno); border-radius: var(--radio-lg); color: var(--domani-tinta); } .pa-panel-destacado h3 { margin-bottom: var(--espacio-4); font-size: var(--texto-lg); color: inherit; } .pa-panel-destacado p:last-child { margin-bottom: 0; } /* Ajustes finos */ .ficha--proyecto-a .ficha__resumen-item dd { color: var(--domani-tinta); } .ficha--proyecto-a .galeria__item { background-color: var(--domani-durazno); }