/* ============================================================
DISCUSSCHILE — Custom Layout Styles
Injected via After Header theme component
============================================================ */
#dc-custom-layout {
font-family: 'DM Sans', system-ui, sans-serif;
}
/* HERO */
.dc-hero {
background: #002280;
background-image:
radial-gradient(ellipse 80% 60% at 75% 50%, rgba(213,43,30,.2) 0%, transparent 60%),
radial-gradient(ellipse 50% 80% at 5% 50%, rgba(0,35,128,.6) 0%, transparent 70%);
padding: 48px 24px 44px;
position: relative;
overflow: hidden;
border-bottom: 3px solid #D52B1E;
}
.dc-hero::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
pointer-events: none;
}
.dc-hero-inner {
max-width: 1140px;
margin: 0 auto;
position: relative;
}
.dc-flag-stripe {
display: flex;
gap: 3px;
margin-bottom: 18px;
}
.dc-flag-stripe span { height: 4px; width: 28px; border-radius: 2px; display: block; }
.dc-flag-stripe .r { background: #D52B1E; }
.dc-flag-stripe .w { background: rgba(255,255,255,.5); }
.dc-flag-stripe .b { background: #1A4FC4; }
.dc-hero-title {
font-family: 'Playfair Display', Georgia, serif !important;
font-size: clamp(24px, 3.5vw, 42px) !important;
font-weight: 900 !important;
color: #ffffff !important;
line-height: 1.15 !important;
max-width: 640px !important;
margin: 0 0 14px !important;
letter-spacing: -0.02em !important;
}
.dc-hero-title em {
color: #F04030;
font-style: normal;
}
.dc-hero-sub {
font-size: 15px;
color: rgba(255,255,255,.65);
max-width: 500px;
margin: 0 0 28px;
font-weight: 300;
line-height: 1.6;
}
.dc-hero-stats {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.dc-stat { display: flex; flex-direction: column; gap: 2px; }
.dc-stat-val {
font-family: 'Playfair Display', Georgia, serif;
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 1;
}
.dc-stat-key {
font-size: 10px;
font-weight: 600;
color: rgba(255,255,255,.45);
text-transform: uppercase;
letter-spacing: .09em;
}
.dc-stat-div {
width: 1px;
height: 32px;
background: rgba(255,255,255,.12);
}
/* BODY LAYOUT */
.dc-body {
max-width: 1140px;
margin: 0 auto;
padding: 32px 24px 0;
display: grid;
grid-template-columns: 1fr 288px;
gap: 28px;
align-items: start;
}
/* SECTION HEADERS */
.dc-section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.dc-section-title {
font-family: 'Playfair Display', Georgia, serif !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #1A1714 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
}
.dc-section-title::before {
content: '';
display: inline-block;
width: 4px;
height: 18px;
background: #D52B1E;
border-radius: 2px;
flex-shrink: 0;
}
.dc-section-link {
font-size: 12px;
font-weight: 700;
color: #0035A9;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .05em;
}
.dc-section-link:hover { text-decoration: underline; }
/* CATEGORY CARDS */
.dc-cat-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 8px;
}
.dc-cat-card {
background: #ffffff;
border: 1px solid #E8E4DC;
border-radius: 14px;
padding: 18px;
display: flex;
flex-direction: column;
gap: 8px;
text-decoration: none !important;
color: inherit !important;
position: relative;
overflow: hidden;
transition: box-shadow .2s, transform .2s, border-color .2s;
cursor: pointer;
}
.dc-cat-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: var(--cat-color, #0035A9);
border-radius: 14px 14px 0 0;
}
.dc-cat-card:hover {
box-shadow: 0 6px 24px rgba(0,0,0,.10);
transform: translateY(-2px);
border-color: var(--cat-color, #0035A9);
text-decoration: none !important;
}
.dc-cat-icon {
width: 38px; height: 38px;
border-radius: 10px;
background: color-mix(in srgb, var(--cat-color) 12%, transparent);
display: grid;
place-items: center;
font-size: 18px;
}
.dc-cat-name {
font-family: 'Playfair Display', Georgia, serif;
font-size: 14px;
font-weight: 700;
color: #1A1714;
line-height: 1.25;
}
.dc-cat-desc {
font-size: 12px;
color: #6B6560;
line-height: 1.5;
flex: 1;
}
.dc-cat-meta {
display: flex;
gap: 16px;
padding-top: 10px;
border-top: 1px solid #E8E4DC;
margin-top: 4px;
}
.dc-cat-stat { display: flex; flex-direction: column; gap: 1px; }
.dc-cat-val { font-size: 13px; font-weight: 700; color: #1A1714; }
.dc-cat-key { font-size: 10px; color: #9E9890; text-transform: uppercase; letter-spacing: .05em; }
/* SIDEBAR */
.dc-sidebar {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 80px;
}
.dc-new-topic-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 12px;
background: #D52B1E;
color: #fff !important;
border-radius: 8px;
font-family: 'DM Sans', system-ui, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
letter-spacing: .02em;
box-shadow: 0 2px 12px rgba(213,43,30,.3);
transition: background .15s, transform .1s, box-shadow .15s;
}
.dc-new-topic-btn:hover {
background: #A8200F;
transform: translateY(-1px);
box-shadow: 0 4px 20px rgba(213,43,30,.35);
text-decoration: none !important;
}
.dc-widget {
background: #ffffff;
border: 1px solid #E8E4DC;
border-radius: 14px;
overflow: hidden;
}
.dc-widget-hdr {
padding: 13px 16px;
border-bottom: 1px solid #E8E4DC;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-weight: 700;
color: #1A1714;
display: flex;
align-items: center;
gap: 8px;
}
.dc-widget-dot {
width: 7px; height: 7px;
border-radius: 50%;
background: #D52B1E;
display: inline-block;
flex-shrink: 0;
}
.dc-widget-body { padding: 14px 16px; }
/* About widget */
.dc-about-flag {
display: flex;
height: 5px;
border-radius: 3px;
overflow: hidden;
margin-bottom: 12px;
gap: 2px;
}
.dc-about-flag span { flex: 1; display: block; border-radius: 2px; }
.dc-about-flag .r { background: #D52B1E; }
.dc-about-flag .w { background: #E8E4DC; }
.dc-about-flag .b { background: #0035A9; }
.dc-about-text {
font-size: 12.5px;
color: #6B6560;
line-height: 1.6;
margin: 0 0 12px;
}
.dc-about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.dc-about-stat {
background: #F7F5F0;
border: 1px solid #E8E4DC;
border-radius: 8px;
padding: 9px 11px;
display: flex;
flex-direction: column;
gap: 2px;
}
.dc-about-val {
font-family: 'Playfair Display', Georgia, serif;
font-size: 20px;
font-weight: 700;
color: #1A1714;
line-height: 1;
}
.dc-about-key {
font-size: 10px;
color: #9E9890;
text-transform: uppercase;
letter-spacing: .06em;
}
/* Tag cloud */
.dc-tag-cloud {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.dc-tag-pill {
font-size: 11.5px;
font-weight: 500;
padding: 4px 10px;
border-radius: 99px;
border: 1px solid #E8E4DC;
color: #6B6560;
background: #F7F5F0;
text-decoration: none !important;
transition: all .15s;
}
.dc-tag-pill:hover {
border-color: #0035A9;
color: #0035A9;
background: rgba(0,53,169,.07);
text-decoration: none !important;
}
.dc-tag-pill.hot {
border-color: rgba(213,43,30,.3);
color: #D52B1E;
background: rgba(213,43,30,.07);
}
.dc-tag-pill.hot:hover {
background: rgba(213,43,30,.12);
}
/* HIDE Discourse's default category section on homepage when our layout is active */
#dc-custom-layout ~ #main-outlet .category-list,
#dc-custom-layout ~ #main-outlet .category-list-item {
display: none !important;
}
/* RESPONSIVE */
@media (max-width: 900px) {
.dc-body {
grid-template-columns: 1fr;
padding: 24px 16px 0;
}
.dc-cat-grid {
grid-template-columns: 1fr;
}
.dc-sidebar {
position: static;
}
.dc-hero {
padding: 36px 16px 32px;
}
.dc-stat-div { display: none; }
}
@media (max-width: 600px) {
.dc-cat-grid {
grid-template-columns: 1fr;
}
}
Today´s Mercurio (Section C, page 13) says that initial investigations by the “Servicio Nacional de Geologica y Mineria” find “sobretasa de extraccion” in the Alcaparrosa mine.
One of the local hills near me also has holes in the ground from mining, although nowhere near as big as this one. They are quite scary because they are deep enough to kill. Some of them lead down to another level, so the ground has two levels, i.e. if you fell down and survived somehow you could walk out elsewhere.