/* ============================================================
   MICTLÁN — Sistema visual v2
   Ouija oscuro · verde bosque profundo · oro antiguo · oxblood
   ============================================================ */

:root{
  /* Fondos oscuros */
  --bg:#0B140E;            /* casi negro verdoso */
  --bg-2:#0F1B13;
  --green:#13261B;         /* verde bosque profundo */
  --green-2:#19311F;
  --green-3:#214029;
  --green-line:#2E4A36;
  --panel:#11201734;       /* (no usar directo) */
  --card:#13211A;
  --card-2:#182A20;
  --card-line:#2B4334;

  /* Oro antiguo */
  --gold:#C49A4A;
  --gold-claro:#E7CE8A;
  --gold-bri:#F2DDA0;
  --gold-deep:#8A6A2A;

  /* Crema / texto */
  --cream:#ECE3CD;
  --cream-soft:rgba(238,230,210,.9);
  --cream-faint:rgba(236,227,205,.64);

  /* Vino / oxblood (acentos, precios, botones) */
  --wine:#6E1A2C;
  --wine-2:#86223A;
  --wine-deep:#511021;
  --rose:#A65E6E;

  --radius:3px;
  --radius-lg:8px;
  --shadow-soft:0 18px 50px -20px rgba(0,0,0,.7);
  --shadow-card:0 14px 40px -18px rgba(0,0,0,.65);
  --maxw:1280px;

  --font-logo:"Cinzel Decorative", serif;
  --font-display:"Cinzel", serif;
  --font-gothic:"Angel Wish", "UnifrakturCook", "Pirata One", serif;
  --font-serif:"Cormorant Garamond", Georgia, serif;
  --font-ui:"Jost", "Segoe UI", sans-serif;

  /* ---- alias de compatibilidad (páginas catálogo/producto/carrito) ---- */
  --bone:var(--bg); --bone-2:var(--bg-2); --amate:var(--green-2); --amate-line:var(--card-line);
  --ink:var(--cream); --ink-soft:var(--cream-soft); --ink-faint:var(--cream-faint);
  --obsidian:var(--bg); --obsidian-2:var(--green); --obsidian-3:var(--green-2); --obsidian-line:var(--green-line);
  --vino:var(--wine); --vino-2:var(--wine-2);
  --oro:var(--gold); --oro-claro:var(--gold-claro); --oro-deep:var(--gold-deep);
  --marigold:var(--gold); --marigold-deep:var(--gold-deep);
  --verde:#6FA386; --turquesa:var(--gold); --morado:var(--wine); --morado-2:var(--rose); --fucsia:var(--wine-2);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font-ui);
  color:var(--cream);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;color:inherit;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--wine);color:var(--gold-claro);}

/* textura de follaje sutil para fondos verdes */
.foliage{position:relative;}
/* tramado de enredaderas removido a pedido */
.foliage:before{content:none;}

/* Scroll del prototipo — fondo: calavera de plumas (fija) detrás de todo el sitio */
.app-scroll{
  height:100vh;overflow-y:auto;overflow-x:hidden;
  background-color:var(--bg);
  background-image:url("../img/fondopag.jpg");
  background-size:cover;
  background-position:center top;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
.app-scroll::-webkit-scrollbar{width:12px;}
.app-scroll::-webkit-scrollbar-track{background:var(--bg-2);}
.app-scroll::-webkit-scrollbar-thumb{background:var(--gold-deep);border:3px solid var(--bg-2);border-radius:8px;}

/* ---------- Tipografía ---------- */
.eyebrow{
  font-family:var(--font-ui);font-weight:600;letter-spacing:.34em;
  text-transform:uppercase;font-size:12px;
}
@font-face{
  font-family:"Angel Wish";
  src:url("../fonts/angel-wish.ttf") format("truetype"),
      url("../fonts/angel-wish.otf") format("opentype");
  font-weight:normal;font-style:normal;font-display:swap;
}
.display{font-family:var(--font-display);font-weight:700;line-height:1.04;letter-spacing:.02em;}
.serif{font-family:var(--font-serif);font-weight:500;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

/* ---------- Encabezado de sección ---------- */
.section-head{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto;}
.section-head .line{height:1px;flex:1;max-width:200px;background:linear-gradient(90deg,transparent,var(--gold-deep));}
.section-head .line.r{background:linear-gradient(90deg,var(--gold-deep),transparent);}
.section-head h2{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:.18em;font-size:clamp(20px,2.4vw,30px);margin:0;white-space:nowrap;color:var(--gold-claro);
}
@media (max-width:560px){
  .section-head{gap:12px;}
  .section-head h2{white-space:normal;letter-spacing:.1em;font-size:clamp(16px,4.4vw,22px);text-align:center;}
  .section-head .line{max-width:32px;}
}

/* ---------- Botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  font-family:var(--font-ui);font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  font-size:12.5px;padding:15px 28px;border:none;border-radius:var(--radius);
  transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s, background .25s, color .25s, border-color .25s;
}
.btn:active{transform:translateY(1px);}
.btn-gold{
  background:linear-gradient(180deg,var(--gold-bri),var(--gold));
  color:#1c1205;box-shadow:0 8px 22px -10px rgba(196,154,74,.7);border:1px solid var(--gold-claro);
}
.btn-gold:hover{box-shadow:0 14px 32px -10px rgba(231,206,138,.9);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--gold-claro);border:1px solid var(--gold-deep);}
.btn-outline:hover{background:var(--gold);color:#1c1205;border-color:var(--gold);}
.btn-wine{
  background:linear-gradient(180deg,var(--wine-2),var(--wine));color:var(--gold-claro);
  border:1px solid var(--wine-2);box-shadow:0 8px 22px -12px rgba(158,34,64,.8);
}
.btn-wine:hover{background:var(--wine-2);transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(158,34,64,.95);}
.btn-ghost{background:transparent;color:var(--cream-soft);border:1px solid var(--card-line);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-claro);}
.btn-ink{background:linear-gradient(180deg,var(--wine-2),var(--wine));color:var(--gold-claro);border:1px solid var(--wine-2);}
.btn-ink:hover{background:var(--wine-2);transform:translateY(-2px);}
.btn-full{width:100%;}

/* ---------- Greca / ornamentos ---------- */
.greca{height:16px;background-repeat:repeat-x;background-size:auto 100%;background-position:center;}
.flourish{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold-deep);}
.flourish .ln{height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--gold-deep));}
.flourish .ln.r{background:linear-gradient(90deg,var(--gold-deep),transparent);}

/* ---------- Placeholder de foto (oscuro, oro) ---------- */
.foto{
  position:relative;width:100%;height:100%;overflow:hidden;display:flex;
  align-items:center;justify-content:center;background:var(--ph-bg,var(--card-2));
}
.foto:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45));}
.foto .talavera-frame{position:absolute;inset:12px;border:1px solid var(--ph-line,rgba(231,206,138,.32));border-radius:2px;pointer-events:none;z-index:2;}
.foto .talavera-frame:after{content:"";position:absolute;inset:5px;border:1px solid var(--ph-line,rgba(231,206,138,.16));}
.foto .motif{width:52%;height:52%;opacity:.92;z-index:2;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));color:var(--ph-ink,var(--gold-claro));}
.foto .ph-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;z-index:3;
  font-family:var(--font-ui);font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ph-ink,rgba(231,206,138,.55));opacity:.7;}
.foto .corner{position:absolute;width:14px;height:14px;opacity:.6;z-index:2;color:var(--ph-ink,var(--gold-claro));}
.foto .corner.tl{top:9px;left:9px;}.foto .corner.tr{top:9px;right:9px;transform:scaleX(-1);}
.foto .corner.bl{bottom:9px;left:9px;transform:scaleY(-1);}.foto .corner.br{bottom:9px;right:9px;transform:scale(-1,-1);}

/* ---------- Cards ---------- */
.card{
  background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-lg);
  overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s;
}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);border-color:var(--gold-deep);}

.badge{display:inline-block;font-family:var(--font-ui);font-weight:700;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:2px;color:var(--gold-claro);}

/* inputs */
.field{
  width:100%;font-family:var(--font-ui);font-size:14px;padding:13px 14px;
  border:1px solid var(--card-line);border-radius:var(--radius);
  background:rgba(0,0,0,.28);color:var(--cream);
}
.field::placeholder{color:var(--cream-faint);}
.field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,154,74,.18);}
input.field, textarea.field{cursor:text;}

/* chips */
.chip{
  font-family:var(--font-ui);font-size:13px;letter-spacing:.04em;padding:9px 16px;
  border:1px solid var(--card-line);border-radius:30px;background:rgba(0,0,0,.2);
  transition:all .2s;color:var(--cream-soft);
}
.chip:hover{border-color:var(--gold);color:var(--gold-claro);}
.chip.active{background:var(--gold);color:#1c1205;border-color:var(--gold);}

/* ---------- HERO OUIJA ---------- */
.ouija{
  position:relative;overflow:hidden;color:var(--cream);
  background:
    radial-gradient(ellipse at 50% 30%, rgba(40,72,48,.55), transparent 60%),
    radial-gradient(ellipse at 50% 120%, rgba(8,16,11,.9), transparent 70%),
    linear-gradient(180deg,#0E1C12,#0A130D 70%);
}

/* ---------- HERO con video de fondo a pantalla completa ---------- */
.hero-video{
  /* más compacto: el lockup queda centrado y se asoman las categorías */
  min-height:70vh;
  padding:0;
}
.hero-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;z-index:0;
  background:url("../img/fondopag.jpg") center top/cover no-repeat,#0A130D;
  filter:blur(3px) brightness(.6);transform:scale(1.06);
}
.hero-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(8,16,11,.30) 0%,
    rgba(8,16,11,0) 34%,
    rgba(8,16,11,.55) 76%,
    rgba(8,16,11,.94) 100%);
  box-shadow:inset 0 0 240px 70px rgba(0,0,0,.6);
}
.hero-cta{background:rgba(8,16,11,.66);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
/* lockup del logo sobre el video, con halo oscuro que oculta el wordmark del clip */
.hero-lockup{position:relative;padding:34px 56px;}
.hero-lockup:before{content:"";position:absolute;inset:-60% -24%;z-index:-1;
  background:radial-gradient(ellipse 58% 62% at center,
    rgba(6,12,8,.97) 0%, rgba(6,12,8,.93) 40%, rgba(6,12,8,.60) 64%, transparent 80%);}
.hero-lockup .wordmark{filter:drop-shadow(0 6px 22px rgba(0,0,0,.85));}
@media (max-width:900px){ .hero-video{min-height:62vh;} .hero-lockup{padding:24px 28px;} }
.ouija .vignette{position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 240px 60px rgba(0,0,0,.78);}
.wordmark{
  font-family:var(--font-logo);font-weight:900;
  background:linear-gradient(180deg,#F4E2A6 6%,#D9B362 38%,#9C7430 72%,#E7CE8A 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 0 rgba(0,0,0,.25);
}
/* arco del abecedario */
.arc{position:relative;margin:0 auto;}
.arc span{
  position:absolute;left:50%;bottom:0;transform-origin:50% 100%;
  font-family:var(--font-display);font-weight:600;color:var(--gold-claro);
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.planchette-eye{animation:gaze 6s ease-in-out infinite;}
@keyframes gaze{0%,100%{transform:translateX(0);}50%{transform:translateX(3px);}}

/* mano decorativa */
.hand-deco{position:absolute;color:var(--gold);opacity:.42;pointer-events:none;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6));}

/* marco ornamental */
.ornframe{position:relative;border:1px solid var(--gold-deep);border-radius:4px;padding:24px 40px;background:rgba(8,16,11,.5);}
.ornframe:before,.ornframe:after{content:"✦";position:absolute;color:var(--gold);font-size:14px;top:-9px;}
.ornframe:before{left:18px;}.ornframe:after{right:18px;}

/* manifiesto */
.manifesto{background:transparent;}

@keyframes riseIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.rise{opacity:1;}
@media (prefers-reduced-motion: no-preference){.rise{animation:riseIn .7s cubic-bezier(.2,.8,.2,1) both;}}

/* Logo + texto del hero: aparecen a los 3s con un fundido, SIN movimiento.
   Solo ocurre una vez, al abrir la página; después quedan fijos. */
@keyframes heroFadeIn{from{opacity:0;}to{opacity:1;}}
.hero-logo-wrap{transform-origin:center center;}
@media (prefers-reduced-motion: no-preference){
  .hero-lockup{opacity:0;animation:heroFadeIn 1s ease 2s forwards;}
}

/* El brillo (cobre oscuro) aparece justo después, ya fijo el logo (~3.2s) */
@keyframes glowIn{from{opacity:0;}to{opacity:1;}}
.hero-logo-glow{opacity:1;}
@media (prefers-reduced-motion: no-preference){
  .hero-logo-glow{opacity:0;animation:glowIn 1.2s ease 3.2s forwards;}
}

@media (max-width:900px){.wrap{padding:0 20px;}}

/* =========================================================
   RESPONSIVE (web + móvil)
   ========================================================= */
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:6px;margin:0;color:var(--gold-claro);}
.nav-drawer{display:none;}
.nav-drawer .nav-drawer-link{display:block;width:100%;text-align:left;background:none;border:none;color:var(--cream);
  font-family:var(--font-ui);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  padding:13px 22px;border-bottom:1px solid var(--green-line);cursor:pointer;}
.nav-drawer .nav-drawer-link:hover{color:var(--gold-claro);background:rgba(0,0,0,.18);}
.nav-drawer .nav-drawer-sub{padding-left:38px;font-size:13px;color:var(--cream-soft);
  font-family:var(--font-serif);letter-spacing:.04em;text-transform:none;border-bottom:1px solid rgba(46,74,54,.5);}

/* Catálogo: botón Filtrar + drawer (solo se ven en móvil) */
.catalog-filter-btn{display:none;align-items:center;gap:8px;background:var(--vino);color:var(--cream);
  border:1px solid var(--gold-deep);border-radius:6px;padding:11px 18px;font-family:var(--font-ui);
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;}
.catalog-aside-close,.catalog-aside-done,.catalog-aside-backdrop{display:none;}

/* Lo Nuevo: fondo (vertical en móvil, rotado/horizontal en web para no pixelear) */
.nuevo-bg{background-color:var(--bg);
  background-image:linear-gradient(rgba(8,15,11,.45),rgba(8,15,11,.45)),url("../img/fondo2.jpg");
  background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}
@media (min-width:821px){
  .nuevo-bg{background-image:linear-gradient(rgba(8,15,11,.45),rgba(8,15,11,.45)),url("../img/fondo2-web.jpg");
    background-attachment:fixed;background-position:center center;}
}
/* Lo Nuevo: franja negra translúcida detrás del video + texto */
.nuevo-franja{background:rgba(0,0,0,.75);position:relative;overflow:hidden;}
.nuevo-feature-sec{position:relative;padding:52px 0;}
/* Lo Nuevo: recorte del video con la forma exacta del marco */
.nuevo-video-clip{
  -webkit-mask-image:url("../img/marco-mask.png");mask-image:url("../img/marco-mask.png");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
}
/* Lo Nuevo: video vertical (arco) izq + texto der */
.nuevo-feature-text{text-align:left;}
@media (max-width:760px){
  .nuevo-feature{grid-template-columns:1fr!important;gap:30px!important;}
  .nuevo-video{max-width:300px;margin-left:auto;margin-right:auto;}
}
/* Fila de tarjetas en arco (Lo Nuevo) */
.arch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
@media (max-width:640px){.arch-row{grid-template-columns:1fr;gap:26px;max-width:300px;margin-left:auto;margin-right:auto;}}

/* Tarjeta en arco clickeable (lleva al ritual) */
.arch-clickable{transition:transform .25s ease, box-shadow .25s ease;}
.arch-clickable:hover{transform:translateY(-4px);box-shadow:0 26px 50px -22px rgba(0,0,0,.85);}
.arch-cta-hint{position:absolute;left:0;right:0;bottom:0;padding:12px 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));font-family:var(--font-ui);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-claro);text-align:center;opacity:0;transition:opacity .25s ease;}
.arch-clickable:hover .arch-cta-hint{opacity:1;}

/* ===================== RITUAL DEL MES (página dedicada) ===================== */
.ritual-bg{background-color:#0a120d;background-image:linear-gradient(rgba(7,12,9,.84),rgba(7,12,9,.9)),url("../img/fondopag.jpg");background-size:cover;background-position:center;background-attachment:fixed;}
@media (max-width:760px){
  .ritual-bg{background-image:linear-gradient(rgba(5,9,7,.94),rgba(5,9,7,.96)),url("../img/fondopag.jpg");background-attachment:scroll;}
}
/* 1. Cuadro de video + título */
.ritual-hero{padding:48px 0 26px;}
.ritual-hero-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;}
.ritual-hero-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:50px;align-items:center;margin-top:6px;}
.ritual-video{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border:1px solid var(--gold-deep);border-radius:8px;background:#000;box-shadow:0 32px 72px -30px rgba(0,0,0,.9);}
.ritual-hero-text{text-align:left;}
.ritual-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.ritual-sharebox{margin-top:16px;max-width:340px;margin-left:auto;margin-right:auto;}
.ritual-chip{font-family:var(--font-ui);font-size:12px;letter-spacing:.04em;color:var(--cream);border:1px solid rgba(176,134,66,.45);border-radius:999px;padding:7px 14px;background:rgba(255,255,255,.03);}
.ritual-title{font-family:var(--font-gothic);font-weight:400;font-size:clamp(44px,6.5vw,90px);line-height:.95;text-align:left;color:var(--cream);margin:0;letter-spacing:.01em;}
.ritual-sub{font-family:var(--font-ui);text-align:left;letter-spacing:.32em;text-transform:uppercase;font-size:clamp(11px,1.4vw,14px);color:var(--gold);margin-top:14px;}
@media (max-width:760px){
  .ritual-hero-grid{grid-template-columns:1fr;gap:26px;}
  .ritual-video{max-width:320px;margin:0 auto;}
  .ritual-hero-text{text-align:center;}
  .ritual-title{text-align:center;font-size:clamp(40px,11vw,66px);}
  .ritual-sub{text-align:center;}
  .ritual-chips{justify-content:center;}
  .ritual-hero-top{flex-direction:column;gap:5px;align-items:center;text-align:center;}
  .ritual-hero-top .eyebrow{text-align:center!important;letter-spacing:.14em;font-size:10.5px;}
}
/* 2. Texto izq + imagen arco der */
.ritual-mid{background:rgba(0,0,0,.6);border-top:1px solid rgba(176,134,66,.4);border-bottom:1px solid rgba(176,134,66,.4);padding:68px 0;margin-top:34px;}
.ritual-mid-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;}
.ritual-h2{font-family:var(--font-gothic);font-weight:400;font-size:clamp(34px,4.4vw,56px);line-height:1.02;color:var(--cream);margin:0 0 22px;}
.ritual-cols{columns:2;column-gap:34px;}
.ritual-cols p{font-family:var(--font-serif);font-size:17.5px;font-weight:500;line-height:1.74;color:var(--cream);break-inside:avoid;margin:0 0 14px;}
@media (max-width:760px){.ritual-cols{columns:1;}}
.ritual-lists{display:flex;gap:44px;margin-top:26px;flex-wrap:wrap;}
.ritual-mid-side{position:relative;display:flex;flex-direction:column;align-items:center;}
.ritual-arch-wrap{position:relative;width:min(330px,86%);}
.ritual-arch{width:100%;aspect-ratio:3 / 4.2;overflow:hidden;border:1px solid var(--gold-deep);border-radius:49% 49% 6px 6px;background:#0b130e;box-shadow:var(--shadow-card);}
.ritual-vtext{position:absolute;left:-30px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:16px;letter-spacing:.04em;color:var(--gold-bri);white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.95);}
.ritual-social{position:absolute;right:-20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;}
.ritual-soc-btn{width:34px!important;height:34px!important;border-radius:50%;border:1px solid var(--gold-deep);background:rgba(0,0,0,.5);color:var(--gold-claro);display:grid;place-items:center;}
.ritual-cta{margin-top:30px;}
.ritual-sun{display:block;width:min(320px,80%);height:auto;margin:8px auto 0;opacity:.85;}
/* 3. Collage de fragmentos */
.ritual-collage{position:relative;}
.ritual-frag{position:relative;display:flex;height:clamp(280px,40vw,460px);overflow:hidden;}
.ritual-frag .fr{flex:1 1 0;min-width:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.06) brightness(.86);}
.ritual-frag .fr1{clip-path:polygon(0 0,100% 0,82% 100%,0 100%);}
.ritual-frag .fr2{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);margin-left:-7%;}
.ritual-frag .fr3{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);margin-left:-7%;}
.ritual-frag-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;font-size:clamp(11px,1.7vw,15px);color:var(--cream);text-shadow:0 2px 16px rgba(0,0,0,.95);pointer-events:none;padding:0 20px;}
@media (max-width:820px){
  .ritual-mid-grid{grid-template-columns:1fr;gap:42px;}
  .ritual-arch-wrap{width:min(300px,82%);margin:0 auto;}
}
@media (max-width:560px){
  .ritual-cols{columns:1;}
  .ritual-vtext{left:-18px;font-size:12px;}
  .ritual-social{right:-14px;}
  .ritual-lists{gap:30px;}
}

/* ===================== QUIZ DEL TONAL ===================== */
.tonal-bg{background-color:#0a120d;background-image:linear-gradient(rgba(7,12,9,.82),rgba(7,12,9,.9)),url("../img/fondopag.jpg");background-size:cover;background-position:center;background-attachment:fixed;min-height:72vh;}
.tonal-box{max-width:560px;margin:40px auto 0;background:rgba(0,0,0,.55);border:1px solid rgba(176,134,66,.4);border-radius:14px;padding:34px 30px 30px;text-align:center;box-shadow:0 24px 60px -26px rgba(0,0,0,.85);}
.tonal-progress{font-family:var(--font-ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);}
.tonal-bar{height:4px;background:rgba(255,255,255,.08);border-radius:99px;margin:12px 0 24px;overflow:hidden;}
.tonal-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-claro));transition:width .4s ease;}
.tonal-q{font-size:clamp(21px,3vw,28px);color:var(--cream);margin:0 0 22px;line-height:1.25;text-transform:none;letter-spacing:0;}
.tonal-opts{display:flex;flex-direction:column;gap:12px;}
.tonal-opt{font-family:var(--font-serif);font-weight:500;font-size:16.5px;color:var(--cream);background:rgba(255,255,255,.04);border:1px solid rgba(176,134,66,.35);border-radius:8px;padding:15px 18px;cursor:pointer;text-align:left;transition:border-color .18s,background .18s,transform .18s;}
.tonal-opt:hover{border-color:var(--gold-claro);background:rgba(196,154,74,.16);transform:translateY(-2px);}
.tonal-back{margin-top:20px;background:none;border:none;color:var(--cream-soft);font-family:var(--font-ui);font-size:13px;letter-spacing:.08em;cursor:pointer;}
.tonal-img{width:clamp(150px,46%,210px);height:auto;display:block;margin:14px auto 4px;filter:drop-shadow(0 6px 22px rgba(0,0,0,.6));}
.tonal-date{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;}
.tonal-extra{margin-top:22px;border-top:1px solid rgba(176,134,66,.25);padding-top:22px;}
.tonal-rumbo-name{font-family:var(--font-gothic);font-weight:400;font-size:clamp(26px,5vw,42px);color:var(--gold-claro);margin-top:6px;line-height:1.05;}
@media (max-width:440px){ .tonal-date{grid-template-columns:1fr 1fr;} .tonal-date input{grid-column:1 / -1;} }
.tonal-result .tonal-name{font-family:var(--font-gothic);font-weight:400;font-size:clamp(40px,8vw,72px);color:var(--gold-claro);margin:6px 0 0;line-height:1;}
.tonal-animal{font-family:var(--font-serif);font-style:italic;font-size:clamp(18px,2.6vw,24px);color:var(--cream);}
.tonal-desc{font-size:17.5px;font-weight:500;line-height:1.66;color:var(--cream);margin:0 0 24px;}
.tonal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.tonal-share{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
/* notificación flotante del tonalli (esquina, no bloquea la pantalla) */
.tonal-toast{position:fixed;right:20px;bottom:20px;z-index:9999;width:min(330px,calc(100vw - 32px));background:linear-gradient(180deg,#15281b,#0a140d);border:1px solid var(--gold-deep);border-radius:14px;padding:18px 18px 16px;box-shadow:0 20px 60px -16px rgba(0,0,0,.9);animation:toastIn .4s ease;}
@keyframes toastIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.tonal-toast-x{position:absolute;top:7px;right:11px;background:none;border:none;color:var(--cream-soft);font-size:20px;line-height:1;cursor:pointer;}
@media (max-width:560px){ .tonal-toast{right:16px;left:16px;width:auto;bottom:16px;} }
@media (max-width:560px){ .tonal-box{padding:26px 18px;} }

/* ===================== NUESTROS CLIENTES (reseñas) ===================== */
.clientes-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:42px;text-align:left;}
.cliente-card{flex:1 1 300px;max-width:340px;background:rgba(0,0,0,.62);border:1px solid rgba(176,134,66,.45);border-radius:12px;padding:26px 24px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-card);}
@media (max-width:560px){ .cliente-card{flex-basis:100%;max-width:380px;} }

/* ===================== FESTIVIDAD DEL MES — Día del Padre (editorial) ===================== */
.fest-bg{background-color:#080d0a;background-image:linear-gradient(rgba(6,11,8,.88),rgba(6,11,8,.93)),url("../img/fondopag.jpg");background-size:cover;background-position:center;background-attachment:fixed;}
.fest-hero{position:relative;overflow:hidden;padding:64px 0 96px;background:linear-gradient(to bottom, rgba(0,0,0,.72) 0%, rgba(0,0,0,.72) 58%, rgba(0,0,0,0) 100%);}
.fest-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.fest-masthead{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:.02em;color:#F4EFE3;margin:6px 0 0;text-transform:uppercase;}
.fest-sub{font-family:var(--font-serif);font-style:italic;font-size:clamp(18px,2.4vw,26px);color:var(--gold-claro);margin:10px 0 0;}
.fest-quote{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(18px,2vw,23px);line-height:1.5;color:var(--cream);margin:28px 0 0;max-width:32ch;}
.fest-body{font-size:16px;line-height:1.7;color:var(--cream-soft);margin:18px 0 24px;max-width:44ch;}
.fest-hero-text{max-width:540px;}
.fest-hero-art{position:absolute;right:0;top:0;height:100%;width:clamp(360px,54%,840px);object-fit:cover;object-position:center;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 46%),linear-gradient(to bottom,transparent,#000 18%,#000 60%,transparent 96%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 46%),linear-gradient(to bottom,transparent,#000 18%,#000 60%,transparent 96%);mask-composite:intersect;}
.fest-products{padding:58px 0 84px;}
/* Mosaico Colección de Verano (collage de tiles variados) */
.verano-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:168px;grid-auto-flow:dense;gap:12px;margin-top:38px;}
.verano-tile{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;border:1px solid var(--card-line);background:var(--card);box-shadow:0 12px 34px -16px rgba(0,0,0,.8);}
.verano-tile .vt-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease;}
.verano-tile:hover .vt-img{transform:scale(1.07);}
.verano-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,10,7,.92) 0%,rgba(6,10,7,.28) 44%,transparent 70%);}
.verano-tile .vt-cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;z-index:1;}
.verano-tile .vt-name{font-family:var(--font-display);font-size:15.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--cream);line-height:1.16;text-shadow:0 2px 12px rgba(0,0,0,.85);}
.verano-tile .vt-price{font-family:var(--font-serif);font-weight:600;font-size:15px;color:var(--gold-claro);margin-top:3px;}
.verano-tile:nth-child(1){grid-column:span 2;grid-row:span 2;}
.verano-tile:nth-child(4){grid-column:span 2;}
.verano-tile:nth-child(6n+9){grid-column:span 2;grid-row:span 2;}
@media (max-width:640px){
  .verano-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:132px;gap:9px;}
  .verano-tile .vt-name{font-size:12.5px;}
  .verano-tile .vt-price{font-size:12.5px;}
  .verano-tile:nth-child(1){grid-column:span 2;grid-row:span 2;}
  .verano-tile:nth-child(4){grid-column:span 1;grid-row:span 1;}
  .verano-tile:nth-child(6n+9){grid-column:span 2;grid-row:span 1;}
}
@media (max-width:820px){
  .fest-hero-grid{grid-template-columns:1fr;gap:34px;}
  .fest-hero-text{max-width:none;}
  .fest-hero-art{position:relative;width:100%;height:300px;margin:26px 0 0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);}
}

/* Tablet */
@media (max-width:1000px){
  .pdp-grid{grid-template-columns:1fr!important;gap:30px!important;}
  .cart-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important;}
  .catalog-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .cats-grid{grid-template-columns:repeat(4,1fr)!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px!important;}
  .pdp-gallery,.cart-aside{position:static!important;top:auto!important;}
  /* filtros como drawer */
  .catalog-filter-btn{display:inline-flex!important;}
  .catalog-aside{display:none!important;}
  .catalog-aside.open{display:block!important;position:fixed!important;inset:0!important;top:0!important;left:0!important;
    z-index:1300!important;overflow-y:auto!important;margin:0!important;
    background:linear-gradient(180deg,var(--green),var(--bg-2))!important;padding:20px 20px 100px!important;}
  .catalog-aside.open .catalog-aside-close{display:inline-grid!important;place-items:center;}
  .catalog-aside.open .catalog-aside-done{display:block!important;}
  .catalog-aside-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1290;}
}

/* Móvil ancho */
@media (max-width:820px){
  .nav-desktop-l,.nav-desktop-r{display:none!important;}
  .nav-burger{display:inline-grid!important;place-items:center;}
  .nav-drawer.open{display:block;background:linear-gradient(180deg,var(--green),var(--bg-2));border-bottom:1px solid var(--green-line);}
  .manifesto-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .cats-grid{grid-template-columns:repeat(3,1fr)!important;}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Móvil chico */
@media (max-width:560px){
  .wrap{padding:0 16px!important;}
  .cats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .ann-mid{display:none!important;}
  /* carrito: que la fila del producto no se desborde; el precio baja a su propia línea */
  .cart-item{grid-template-columns:84px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;}
  .cart-price{grid-column:1 / -1!important;text-align:right!important;font-size:20px!important;margin-top:2px;}
}

/* ===== Carrusel de categorías (marquee infinito) ===== */
.cat-marquee{overflow:hidden;position:relative;margin-top:34px;padding:10px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);}
.cat-track{display:flex;width:max-content;animation:catScroll 42s linear infinite;}
.cat-track:hover{animation-play-state:paused;}
.cat-item{flex:0 0 auto;width:238px;margin-right:16px;cursor:pointer;text-align:center;}
@keyframes catScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (max-width:560px){ .cat-item{width:180px;margin-right:12px;} }

/* ===== El Grimorio (blog) ===== */
.grim-index,.grim-article{color:var(--cream);padding-bottom:80px;}
.grim-wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
.grim-h1{font-family:var(--font-gothic),serif;font-weight:400;font-size:clamp(40px,7vw,74px);line-height:1.04;color:var(--gold-bri);letter-spacing:.01em;margin:0;text-wrap:balance;}
.grim-lead{font-size:19px;line-height:1.7;color:var(--cream-soft);}
.grim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:40px 0 10px;}
.grim-card{display:flex;flex-direction:column;text-align:left;background:var(--card);border:1px solid var(--card-line);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;font-family:inherit;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s;}
.grim-card:hover{transform:translateY(-4px);border-color:var(--gold-deep);box-shadow:0 18px 40px -18px rgba(0,0,0,.8);}
.grim-card-img{height:200px;overflow:hidden;}
.grim-card-img .foto{transition:transform .5s;}
.grim-card:hover .grim-card-img .foto{transform:scale(1.06);}
.grim-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1;}
.grim-card-title{font-family:var(--font-display);font-size:21px;line-height:1.16;color:var(--cream);margin:0 0 10px;text-transform:uppercase;letter-spacing:.02em;}
.grim-card-ex{font-size:15px;line-height:1.55;color:var(--cream-soft);margin:0 0 16px;flex:1;}
.grim-card-link{font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.grim-back{background:none;border:none;color:var(--gold);font-family:var(--font-ui);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:24px 0 0;font-weight:600;}
.grim-hero{max-width:820px;margin:28px auto 0;height:clamp(240px,42vw,440px);border-radius:14px;overflow:hidden;border:1px solid var(--card-line);}
.grim-body{max-width:680px;margin:0 auto;padding-top:24px;}
.grim-section{margin-top:30px;}
.grim-h2{font-family:var(--font-display);font-size:clamp(22px,3vw,28px);color:var(--gold-claro);letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase;}
.grim-p{font-size:18px;line-height:1.72;color:var(--cream-soft);margin:0 0 16px;}
.grim-cta{margin:40px 0 8px;text-align:center;}
.grim-more{margin-top:64px;}
/* nota destacada */
.grim-feature{display:grid;grid-template-columns:1.15fr 1fr;width:100%;text-align:left;background:var(--card);border:1px solid var(--card-line);border-radius:14px;overflow:hidden;cursor:pointer;padding:0;font-family:inherit;color:inherit;margin-top:40px;transition:border-color .25s,box-shadow .25s;}
.grim-feature:hover{border-color:var(--gold-deep);box-shadow:0 22px 50px -22px rgba(0,0,0,.8);}
.grim-feature-img{min-height:340px;overflow:hidden;}
.grim-feature-img .foto{transition:transform .5s;}
.grim-feature:hover .grim-feature-img .foto{transform:scale(1.05);}
.grim-feature-body{padding:clamp(24px,3.4vw,40px);display:flex;flex-direction:column;justify-content:center;}
.grim-feature-title{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);line-height:1.12;text-transform:uppercase;letter-spacing:.02em;color:var(--cream);margin:0 0 14px;}
.grim-feature-ex{font-size:16.5px;line-height:1.6;color:var(--cream-soft);margin:0 0 18px;}
/* recomendaciones */
.grim-recommend{margin-top:58px;text-align:center;background:linear-gradient(180deg,var(--green-2),var(--card));border:1px solid var(--gold-deep);border-radius:14px;padding:44px 32px;}
.grim-rec-title{font-family:var(--font-display);font-size:clamp(20px,2.6vw,27px);color:var(--gold-bri);margin:10px auto 12px;letter-spacing:.01em;max-width:26ch;line-height:1.15;}
.grim-rec-text{font-size:16px;line-height:1.6;color:var(--cream-soft);max-width:52ch;margin:0 auto 22px;}
.grim-ritual{display:grid;grid-template-columns:1fr 1.15fr;width:100%;text-align:left;background:linear-gradient(180deg,var(--green-2),var(--card));border:1px solid var(--gold-deep);border-radius:14px;overflow:hidden;cursor:pointer;padding:0;font-family:inherit;color:inherit;margin-top:26px;transition:box-shadow .25s;}
.grim-ritual:hover{box-shadow:0 22px 50px -22px rgba(0,0,0,.8);}
.grim-ritual-img{min-height:300px;overflow:hidden;}
.grim-ritual-img .foto{transition:transform .5s;}
.grim-ritual:hover .grim-ritual-img .foto{transform:scale(1.05);}
.grim-ritual-body{padding:clamp(24px,3.4vw,42px);display:flex;flex-direction:column;justify-content:center;}
.grim-ritual-title{font-family:var(--font-gothic),serif;font-weight:400;font-size:clamp(32px,4.4vw,50px);color:var(--gold-bri);margin:0 0 12px;line-height:1.02;}
.grim-recmonth{display:grid;grid-template-columns:1fr 1.35fr;width:100%;overflow:hidden;border:1px solid var(--gold-deep);border-radius:14px;margin-top:26px;
  background:radial-gradient(120% 100% at 8% 0%, rgba(178,104,44,.24), transparent 55%),linear-gradient(150deg,#2b1d12 0%,#171308 52%,#0e1510 100%);}
.grim-recmonth-img{min-height:300px;overflow:hidden;}
.grim-recmonth-body{padding:clamp(26px,3.4vw,46px);display:flex;flex-direction:column;justify-content:center;}
.grim-relato{display:grid;grid-template-columns:1fr 1.15fr;width:100%;text-align:left;overflow:hidden;border:1px solid var(--gold-deep);border-radius:14px;margin-top:26px;cursor:pointer;font-family:inherit;color:inherit;padding:0;transition:box-shadow .25s;
  background:radial-gradient(120% 100% at 88% 0%, rgba(70,96,116,.28), transparent 55%),linear-gradient(150deg,#12212a 0%,#0e1712 55%,#0b120d 100%);}
.grim-relato:hover{box-shadow:0 22px 50px -22px rgba(0,0,0,.8);}
.grim-relato-img{min-height:280px;overflow:hidden;}
.grim-relato-img .foto{transition:transform .5s;}
.grim-relato:hover .grim-relato-img .foto{transform:scale(1.05);}
.grim-relato-body{padding:clamp(24px,3.4vw,42px);display:flex;flex-direction:column;justify-content:center;}
.grim-relato-title{font-family:var(--font-gothic),serif;font-weight:400;font-size:clamp(30px,4vw,46px);color:var(--gold-bri);margin:0 0 12px;line-height:1.04;}
.grim-recmonth-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4.2vw,46px);color:var(--gold-bri);margin:6px 0 16px;line-height:1.06;letter-spacing:.01em;}
.grim-recmonth-lead{font-size:17px;line-height:1.65;color:var(--cream-soft);max-width:72ch;margin:0 0 22px;}
.grim-recmonth-meta{display:flex;flex-wrap:wrap;gap:12px 30px;font-family:var(--font-serif);font-size:15.5px;color:var(--cream-soft);border-top:1px solid rgba(196,154,74,.28);padding-top:18px;}
.grim-recmonth-meta strong{color:var(--gold-bri);font-weight:700;font-size:17.5px;}
@media (max-width:760px){ .grim-feature{grid-template-columns:1fr;} .grim-feature-img{min-height:220px;} .grim-ritual{grid-template-columns:1fr;} .grim-ritual-img{min-height:210px;} .grim-recmonth{grid-template-columns:1fr;} .grim-recmonth-img{min-height:200px;} .grim-relato{grid-template-columns:1fr;} .grim-relato-img{min-height:200px;} }
@media (max-width:900px){ .grim-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:600px){ .grim-grid{grid-template-columns:minmax(0,1fr);} .grim-wrap{padding:0 18px;} .grim-body{max-width:none;} }
.grim-index,.grim-article{overflow-x:hidden;}

/* Selector de diseños (minis circulares + ventana flotante) */
.design-mini{display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;padding:0;background:none;border:none;cursor:pointer;font-family:inherit;}
.design-mini-img{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--amate-line);display:block;transition:border-color .15s,transform .15s;box-shadow:0 4px 12px -6px rgba(0,0,0,.5);}
.design-mini:hover .design-mini-img{border-color:var(--gold-deep);transform:translateY(-2px);}
.design-mini.sel .design-mini-img{border-color:var(--oro);transform:scale(1.06);}
.design-mini-name{font-family:var(--font-ui);font-size:11.5px;color:var(--ink-soft);text-align:center;line-height:1.15;}
.design-mini.sel .design-mini-name{color:var(--ink);font-weight:700;}

/* Fondo de plumas: vertical en móvil; girado 90° (horizontal) en web */
@media (min-width:821px){
  .app-scroll{ background-image:url("../img/fondopag-web.jpg"); }
  .hero-bg{ background:url("../img/fondopag-web.jpg") center center/cover no-repeat,#0A130D; }
}

/* Manifiesto en móvil: sol pequeño arriba-izq, luna pequeña abajo-der */
@media (max-width:760px){
  .manif-sol{ top:8px!important; bottom:auto!important; left:-16px!important; transform:none!important; height:auto!important; width:116px!important; opacity:.42!important; }
  .manif-luna{ top:auto!important; bottom:8px!important; right:-16px!important; transform:none!important; height:auto!important; width:116px!important; opacity:.42!important; }
}

/* Guía de tallas: imagen de referencia + tabla (web lado a lado, móvil apilado) */
.legal-fig{ display:flex; gap:28px; align-items:flex-start; }
.legal-fig-img{ width:260px; flex:none; border-radius:10px; border:1px solid var(--amate-line); background:#fbf8f1; padding:14px; display:block; }
@media (max-width:700px){
  .legal-fig{ flex-direction:column; }
  .legal-fig-img{ width:min(300px,80%); margin:0 auto 6px; }
}

/* Marca de agua en pantalla (protege capturas de las fotos) */
.pdp-main{position:relative;border-radius:10px;overflow:hidden;}
.pdp-main::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27210%27%20height%3D%27120%27%3E%3Cg%20transform%3D%27rotate%28-30%20105%2060%29%27%20font-family%3D%27Georgia%2Cserif%27%20font-weight%3D%27700%27%20font-size%3D%2721%27%20text-anchor%3D%27middle%27%3E%3Ctext%20x%3D%27106%27%20y%3D%2762%27%20fill%3D%27%23000%27%20fill-opacity%3D%270.16%27%3EMICTL%26%23193%3BN%3C%2Ftext%3E%3Ctext%20x%3D%27105%27%20y%3D%2761%27%20fill%3D%27%23fff%27%20fill-opacity%3D%270.22%27%3EMICTL%26%23193%3BN%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat;}