/* Base compartida de la marca «ruthie herrera» (artes y manual) */
@font-face { font-family: 'Montserrat'; src: url('Montserrat.ttf') format('truetype'); font-weight: 100 900; font-display: block; }

:root {
  --cal: #EFEAE3; --muro: #E4DCD1; --travertino: #D8CDBF; --arena: #BFAE99;
  --terra: #9E4F2C; --terra-osc: #7E3D21; --terra-clara: #C9774F;
  --carbon: #3A3A38; --grafito: #605B53; --noche: #2C2A27; --blanco: #FFFFFF;
  --linea: rgba(58, 58, 56, .2);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Montserrat', sans-serif; color: var(--carbon); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }

.et { font-size: 13px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--grafito); }
.et i { font-style: normal; color: var(--terra); margin: 0 .5em; }
.ligera { font-weight: 300; letter-spacing: -.04em; line-height: 1.02; }
.terra { color: var(--terra); }
.muro-calido {
  background:
    radial-gradient(120% 90% at 10% 10%, #F4F0EA 0%, transparent 60%),
    linear-gradient(100deg, #EFEAE3 0%, #E6DED4 55%, #DCD1C4 100%);
}
.travertino-tex {
  background:
    repeating-linear-gradient(176deg, rgba(120, 100, 80, .07) 0 2px, transparent 2px 9px),
    linear-gradient(180deg, #E3DACE, #CFC3B3);
}
.arco { border-radius: 9999px 9999px 0 0; overflow: hidden; }
.arco img, .cubre { width: 100%; height: 100%; object-fit: cover; }
.hojas { position: absolute; pointer-events: none; fill: #6E5F50; stroke: #6E5F50; opacity: .14; mix-blend-mode: multiply; }
.esfera { border-radius: 50%; background: radial-gradient(circle at 34% 30%, #F5F1EB 0%, #DCD3C7 45%, #A99A88 100%); box-shadow: -14px 20px 30px -14px rgba(60, 40, 25, .45); }
.trazo { stroke: var(--carbon); stroke-opacity: .32; fill: none; }