.custom-list {
list-style: none;
counter-reset: custom-counter;
padding-left: 0;
}
.custom-list li {
counter-increment: custom-counter;
margin-bottom: 20px!important;
display: flex;
align-items: flex-start;
}
.custom-list li::before {
content: counter(custom-counter) ".";
font-family: Bahnschrift, sans-serif;
font-size: 30px;
font-weight: 700;
margin-right: 10px;
color: #93df64;
transition: color .3s;
line-height: 1;
}
.quote-box {
background-color: #f2f6fb;
border-left: 6px solid #002b5c;
padding: 1.5rem 2rem;
margin: 2rem 0;
font-style: italic;
font-size: 1.1rem;
color: #333;
position: relative;
}
.quote-box::before {
content: '“';
font-size: 3rem;
color: #002b5c;
position: absolute;
top: -10px;
left: 10px;
font-family: 'Georgia', serif;
}
.centered-quote {
text-align: center; color: #002b5c;
font-weight: 500;
padding: 2rem 1rem;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
margin: 3rem auto;
max-width: 800px;
}
.entry-title {
color: #215970;
font-weight: 700;
}
.proyectos-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.proyecto-item {
background: #f9f9f9;
padding: 1.5rem;
border: 1px solid #e0e0e0;
border-radius: 8px;
transition: box-shadow 0.3s ease;
text-align: center;
}
.proyecto-item:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.proyecto-item img {
max-width: 100%;
height: auto;
border-radius: 5px;
margin-bottom: 1rem;
}
.proyecto-item h3 a {
font-size: 15px;
color: #215970!important;
line-height: 1em;
margin-bottom: 0rem;
font-weight: 700!important;
}
.proyecto-item p {
font-size: 0.95rem;
color: #444;
margin: 0;
}
.ver-proyecto-btn {
display: inline-block;
margin-top: 1rem;
padding: 0.5rem 1rem;
color: #78BF4F!important;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
transition: background-color 0.3s ease;
font-size: 16px!important;
}
.ver-proyecto-btn:hover {
color: #1FB5DD!important;
}
.page-titlebar, .page-breadcrumb, .posts-layout .entry-inner {
border-bottom-color: #eaecee;
display: none;
}