/* =====================================================================
   3K AdoptaDog 2026 — mejoras-a-deco.css
   Vectores decorativos sutiles para fondos crema/blancos (.section--cream, .island).
   - Solo background-image: no agrega nodos, no captura eventos (equivale a
     pointer-events:none, aria-hidden) y no puede causar scroll horizontal.
   - Opacidad baja integrada en cada SVG; se ubican en esquinas para no
     competir con el texto. Variables con prefijo --a-.
   - Generado con un script (curvas calculadas); editar valores aquí es seguro.
   ===================================================================== */
:root {
  --a-deco-sprig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 300'%3E%3Cg fill='none' stroke='%232E7A5F' stroke-opacity='.22' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M18,286C70,210 120,150 236,96'/%3E%3Cpath stroke-width='2.4' d='M29.1 270l-15.9 -23.9M29.1 270l27.8 -7.3M40.4 254.4l-14.7 -23.1M40.4 254.4l26.6 -6.4M51.8 239.2l-13.4 -22.4M51.8 239.2l25.5 -5.4M63.7 224.5l-12 -21.7M63.7 224.5l24.4 -4.3M76 210.2l-10.6 -21M76 210.2l23.3 -3.2M89.1 196.3l-9.2 -20.2M89.1 196.3l22.1 -2.1M103 182.8l-7.7 -19.4M103 182.8l20.9 -1.1M117.9 169.5l-6.4 -18.5M117.9 169.5l19.6 -0.1M133.9 156.6l-5.1 -17.6M133.9 156.6l18.3 0.8M151.1 144l-4 -16.5M151.1 144l16.9 1.6M169.9 131.6l-3 -15.4M169.9 131.6l15.5 2.2M190.1 119.5l-2.1 -14.2M190.1 119.5l14.2 2.6M212.1 107.7l-1.4 -13M212.1 107.7l12.8 2.9'/%3E%3C/g%3E%3Ccircle cx='238' cy='96' r='9' fill='%23B5162B' fill-opacity='.2'/%3E%3Ccircle cx='224' cy='112' r='7' fill='%23B5162B' fill-opacity='.16'/%3E%3Cg transform='translate(270 170) scale(1.5)' fill='none' stroke='%23B5162B' stroke-opacity='.16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3Cpath d='M9.5 3.8 12 6l2.5-2.2M9.5 20.2 12 18l2.5 2.2M3.9 10.1l3-1.1-.6-3.2M20.1 13.9l-3 1.1.6 3.2M3.9 13.9l3 1.1-.6 3.2M20.1 10.1l-3-1.1.6-3.2'/%3E%3C/g%3E%3Cg transform='translate(150 40) scale(1)' fill='none' stroke='%23B5162B' stroke-opacity='.13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3Cpath d='M9.5 3.8 12 6l2.5-2.2M9.5 20.2 12 18l2.5 2.2M3.9 10.1l3-1.1-.6-3.2M20.1 13.9l-3 1.1.6 3.2M3.9 13.9l3 1.1-.6 3.2M20.1 10.1l-3-1.1.6-3.2'/%3E%3C/g%3E%3Cg transform='translate(70 120) scale(0.8)' fill='none' stroke='%232E7A5F' stroke-opacity='.16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3Cpath d='M9.5 3.8 12 6l2.5-2.2M9.5 20.2 12 18l2.5 2.2M3.9 10.1l3-1.1-.6-3.2M20.1 13.9l-3 1.1.6 3.2M3.9 13.9l3 1.1-.6 3.2M20.1 10.1l-3-1.1.6-3.2'/%3E%3C/g%3E%3Cpath transform='translate(300 60) scale(1)' fill='%23D2A035' fill-opacity='.42' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3Cpath transform='translate(206 214) scale(0.7)' fill='%23D2A035' fill-opacity='.36' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3Cpath transform='translate(30 40) scale(0.55)' fill='%23D2A035' fill-opacity='.34' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3C/svg%3E");
  --a-deco-trail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 220'%3E%3Cdefs%3E%3Cg id='p'%3E%3Cellipse cx='5.4' cy='10.4' rx='2.2' ry='2.8' transform='rotate(-18 5.4 10.4)'/%3E%3Cellipse cx='18.6' cy='10.4' rx='2.2' ry='2.8' transform='rotate(18 18.6 10.4)'/%3E%3Cellipse cx='9.2' cy='5.5' rx='2.2' ry='2.9' transform='rotate(-6 9.2 5.5)'/%3E%3Cellipse cx='14.8' cy='5.5' rx='2.2' ry='2.9' transform='rotate(6 14.8 5.5)'/%3E%3Cpath d='M12 11.4c-3.1 0-6.4 4-6.4 6.8 0 1.8 1.4 2.8 3.2 2.5 1.3-.2 2.1-.9 3.2-.9s1.9.7 3.2.9c1.8.3 3.2-.7 3.2-2.5 0-2.8-3.3-6.8-6.4-6.8z'/%3E%3C/g%3E%3C/defs%3E%3Cpath d='M-10,190C150,210 210,60 360,90S520,30 650,22' fill='none' stroke='%23B5162B' stroke-opacity='.2' stroke-width='3' stroke-linecap='round' stroke-dasharray='1 12'/%3E%3Cg fill='%237A4A2B' fill-opacity='.16'%3E%3Cuse href='%23p' transform='translate(79.9 171.7) rotate(73.2) translate(-9 -9) scale(.75)'/%3E%3Cuse href='%23p' transform='translate(184.3 145.8) rotate(59.8) translate(-9 -9) scale(.75)'/%3E%3Cuse href='%23p' transform='translate(269.2 82) rotate(74.9) translate(-9 -9) scale(.75)'/%3E%3Cuse href='%23p' transform='translate(449.6 97.1) rotate(74.3) translate(-9 -9) scale(.75)'/%3E%3Cuse href='%23p' transform='translate(524.4 43.3) rotate(66.7) translate(-9 -9) scale(.75)'/%3E%3C/g%3E%3Cpath transform='translate(600 70) scale(0.7)' fill='%23D2A035' fill-opacity='.4' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3Cg transform='translate(560 150) scale(0.9)' fill='none' stroke='%23B5162B' stroke-opacity='.12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3Cpath d='M9.5 3.8 12 6l2.5-2.2M9.5 20.2 12 18l2.5 2.2M3.9 10.1l3-1.1-.6-3.2M20.1 13.9l-3 1.1.6 3.2M3.9 13.9l3 1.1-.6 3.2M20.1 10.1l-3-1.1.6-3.2'/%3E%3C/g%3E%3C/svg%3E");
  --a-deco-stars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cdefs%3E%3Cg id='p'%3E%3Cellipse cx='5.4' cy='10.4' rx='2.2' ry='2.8' transform='rotate(-18 5.4 10.4)'/%3E%3Cellipse cx='18.6' cy='10.4' rx='2.2' ry='2.8' transform='rotate(18 18.6 10.4)'/%3E%3Cellipse cx='9.2' cy='5.5' rx='2.2' ry='2.9' transform='rotate(-6 9.2 5.5)'/%3E%3Cellipse cx='14.8' cy='5.5' rx='2.2' ry='2.9' transform='rotate(6 14.8 5.5)'/%3E%3Cpath d='M12 11.4c-3.1 0-6.4 4-6.4 6.8 0 1.8 1.4 2.8 3.2 2.5 1.3-.2 2.1-.9 3.2-.9s1.9.7 3.2.9c1.8.3 3.2-.7 3.2-2.5 0-2.8-3.3-6.8-6.4-6.8z'/%3E%3C/g%3E%3C/defs%3E%3Cpath transform='translate(20 30) scale(0.9)' fill='%23D2A035' fill-opacity='.42' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3Cpath transform='translate(130 12) scale(0.55)' fill='%23D2A035' fill-opacity='.34' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3Cpath transform='translate(150 120) scale(0.7)' fill='%23D2A035' fill-opacity='.38' d='M12 0c.9 6.2 5.8 11.1 12 12-6.2.9-11.1 5.8-12 12-.9-6.2-5.8-11.1-12-12C6.2 11.1 11.1 6.2 12 0z'/%3E%3Cg transform='translate(70 90) scale(1.2)' fill='none' stroke='%23B5162B' stroke-opacity='.13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7'/%3E%3Cpath d='M9.5 3.8 12 6l2.5-2.2M9.5 20.2 12 18l2.5 2.2M3.9 10.1l3-1.1-.6-3.2M20.1 13.9l-3 1.1.6 3.2M3.9 13.9l3 1.1-.6 3.2M20.1 10.1l-3-1.1.6-3.2'/%3E%3C/g%3E%3Cuse href='%23p' fill='%23B5162B' fill-opacity='.11' transform='translate(18 120) rotate(-20) scale(1.3)'/%3E%3C/svg%3E");
  --a-deco-sprig-w: clamp(150px, 20vw, 300px);
  --a-deco-trail-w: clamp(240px, 36vw, 560px);
  --a-deco-stars-w: clamp(90px, 10vw, 150px);
}

/* Base: ramita arriba-izq, ruta abajo-der, estrellitas a media altura derecha */
.section--cream,
.island {
  background-image: var(--a-deco-sprig), var(--a-deco-trail), var(--a-deco-stars);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: var(--a-deco-sprig-w) auto, var(--a-deco-trail-w) auto, var(--a-deco-stars-w) auto;
  background-position:
    left -24px top clamp(8px, 2vw, 28px),
    right -40px bottom clamp(12px, 3vw, 44px),
    right clamp(8px, 3vw, 48px) top 38%;
}

/* Variaciones por sección (para que no se repita el mismo patrón) */
#precios {
  background-position:
    right -30px top clamp(8px, 2vw, 24px),
    left -60px bottom clamp(16px, 3vw, 48px),
    left clamp(8px, 2vw, 32px) top 42%;
}
#faq {
  background-image: var(--a-deco-trail), var(--a-deco-stars);
  background-size: var(--a-deco-trail-w) auto, var(--a-deco-stars-w) auto;
  background-position: left -50px top clamp(16px, 3vw, 40px), right clamp(8px, 3vw, 56px) bottom 18%;
}
/* #dia: sin ramita (caía sobre el encabezado). Estrellitas en la esquina superior
   derecha y un caminito chico en el margen inferior, debajo del bloque del concurso. */
#dia {
  background-image: var(--a-deco-stars), var(--a-deco-trail);
  background-size: var(--a-deco-stars-w) auto, 300px auto;
  background-position: right 8px top 8px, right 24px bottom 0;
}
@media (max-width: 1023px) { #dia { background-size: var(--a-deco-stars-w) auto, 220px auto; } }
#reglamento {
  background-image: var(--a-deco-stars), var(--a-deco-trail);
  background-size: var(--a-deco-stars-w) auto, var(--a-deco-trail-w) auto;
  background-position: right clamp(12px, 3vw, 48px) top 8px, left -40px bottom clamp(12px, 3vw, 40px);
}
#patrocinadores {
  background-image: var(--a-deco-sprig), var(--a-deco-stars);
  background-size: var(--a-deco-sprig-w) auto, var(--a-deco-stars-w) auto;
  background-position: right -30px bottom clamp(12px, 2vw, 28px), left clamp(12px, 3vw, 40px) top clamp(16px, 3vw, 44px);
}

/* Móvil: más chicos y fuera del bloque de texto */
@media (max-width: 639px) {
  :root { --a-deco-sprig-w: 128px; --a-deco-trail-w: 220px; --a-deco-stars-w: 76px; }
  .section--cream, .island { background-position: left -36px top 4px, right -56px bottom 6px, right 4px top 10px; }
  #precios { background-size: 92px auto, 220px auto, 64px auto; background-position: right -28px top -14px, left -70px bottom 8px, left 4px top 6px; }
  #dia { background-size: 64px auto, 170px auto; background-position: right 8px top 8px, right 12px bottom 0; }
}

/* Impresión: sin adornos */
@media print { .section--cream, .island { background-image: none !important; } }