/* ===== FIX GAP SUPERIOR EN PÁGINAS (Blogger) ===== */
/* Limita el alcance a esta página si querés: añade una clase al o al wrapper.
Aquí lo aplicamos de forma segura a “Pages” para evitar afectar entradas. */
.page .content-inner,
.page .content-outer,
.page #main,
.page .post,
.page .post-body {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Algunas plantillas crean un “hero” / cabecera de página con alto fijo */
.page .page-header,
.page .post-title-container,
.page .page-title,
.page .featured,
.page .hero,
.page .index-banner,
.page .content-top,
.page .crosscol,
.page .home-ad-top,
.page .widget.FeaturedPost {
display: none !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* Si hay una imagen/carrousel “vacía” arriba (la tirita de íconos),
también la colapsamos en esta página */
.page .header-image-wrapper,
.page .banner,
.page .slideshow {
display: none !important;
height: 0 !important;
min-height: 0 !important;
}
/* Asegura que el primer bloque del catálogo quede bien pegado al top */
.gd-wrap { margin-top: 0 !important; }
/* 🔧 Desactiva la letra capital del tema de Blogger en esta página */
p::first-letter,
.post-body::first-letter,
.article-content p:first-letter {
font-size: inherit !important;
float: none !important;
font-weight: inherit !important;
line-height: inherit !important;
margin: 0 !important;
}
:root{
–brand:#0E4A4F;
–accent:#C5A46D;
–ink:;
–bg:;
–card-size:clamp(200px, 26vw, 260px);
–art-inset:clamp(6px, 2.5vw, 16px);
–art-scale:0.88;
}
.gd *{box-sizing:border-box}
.gd{font-family:”Open Sans”,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(–ink);background:var(–bg)}
.gd-wrap{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,32px)}
.gd-title{font-family:”Playfair Display”,serif;font-weight:600;color:var(–brand);font-size:clamp(24px,4vw,40px);margin:0 0 6px}
.gd-sub{margin:0;opacity:.9;font-size:clamp(14px,2.4vw,16px)}
.gd-grid{
display:grid;
gap:clamp(12px,2.2vw,20px);
justify-items:center;
margin-top:22px;
grid-template-columns:repeat(auto-fit, minmax(var(–card-size), 1fr));
}
.gd-card{
width:var(–card-size);
border-radius:18px;
overflow:hidden;
text-decoration:none;
color:inherit;
outline:none;
background:;
box-shadow:0 6px 18px rgba(0,0,0,.06);
transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.gd-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.10);background:}
.gd-card:focus-visible{box-shadow:0 0 0 3px rgba(197,164,109,.55)}
.gd-art{
width:100%;
aspect-ratio:1/1;
background:;
background-image:var(–img);
background-repeat:no-repeat;
background-position:center;
background-size:calc(100% * var(–art-scale)) auto;
padding:var(–art-inset);
}
@media (max-width: 768px){
:root{ –art-scale:0.96; }
}
@media (max-width: 480px){
:root{ –art-scale:1.02; }
}
.gd-foot{
display:flex;
flex-direction:column;
gap:6px;
align-items:center;
justify-content:center;
padding:10px 12px;
border-top:1px solid #eee;
background:;
}
.gd-chip{
display:inline-block;
background:#1118270f;
color:#ffffff;
border:1px solid #e7e5e4;
padding:6px 12px;
border-radius:999px;
font-weight:700;
letter-spacing:.2px;
font-size:13px;
}
.gd-tag{
font-size:12px;
color:#ffffffff;
text-align:center;
min-height:1.2em;
}
@media (prefers-reduced-motion: reduce){ .gd-card{transition:none} }