/* ---------- indicaciones generales ---------- */

@import url('https://fonts.googleapis.com/css2?family=Victor+Mono:ital,wght@0,400;0,700;1,400&display=swap');
:root {
    --bg:       #F3EEE3;
  --surface:  #FBF8F1;
  --ink:      #28251F;
  --muted:    #6b6457;
  --faint:    #9a9486;
  --hairline: #DAD3C4;
  --credits:#c6c6c6;

  --violet:   #6A5AA6;
  --olive:    #717A45;
  --pink:     #D98BA8;

  --violet-wash: #EDE3F0;
  --olive-wash:  #E8EAD6;
  --pink-wash:   #F7DEE8;

  --display: 'Space Mono', monospace;
  --body: 'Victor Mono', sans-serif;
  --border: 0.5px solid var(--muted);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

/* ---------- elementos de layout ---------- */

.main { 
  padding: 38px 34px; 
  border-right: var(--border); }

  .logo {
  font-family: var(--body);
  font-style: italic;
  color: var(--olive);
  font-size: 16px;
}

.subheader {
  font-size: 11px; 
  letter-spacing: 0.08em; 
  color: var(--credits); 
  margin-top: 3px;
}

.breadcrumb {
  padding: 11px 26px;
  border-bottom: 0.5px solid var(--muted);
  font-size: 10px;
  letter-spacing: 0.06em;
  display: flex;
  align-items: center;
  gap: 9px;
  background: var(--bg);
}

.breadcrumb a { 
  color: var(--violet); 
  text-decoration: none; 
}

.breadcrumb a:hover { 
  border-bottom: 2px solid var(--pink); 
}

.breadcrumb .sep { 
  color: #b3ab9b; 
}
.breadcrumb .here {
   color: var(--muted); 
  }

.cute{
  color:var(--pink);
}

h1 {
  font-style:italic;
  color: var(--pink);
}

h2 {
  font-style:italic;
  color: var(--violet);
}

h3 {
  font-style:italic;
  color: var(--muted);
}

h4 {
  font-style:italic;
  color: var(--muted);
}

body {
  margin: 0;
  background: var(--ink);
  color: var(--bg);
  font-family: var(--body);
  font-size: 15px;
  line-height: 1.6;
  padding: 32px 28px;
}

a {
  color: var(--pink); 
  text-decoration: none;
}

a:hover {
  border-bottom: 2px solid var(--pink);
}

.chiqui {
  color:var(--muted);
  font-size:10px;
  font-family:sans-serif;
}

.link-tranca {
  color:var(--muted);
  font-size:10px;
  font-family:sans-serif;
}

.link-tranca:hover {
  border-bottom: 0.5px solid var(--muted);
}

.carpeta-span {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}