:root{
  --fosc:#132c35;
  --tinta:#111c33;
  --gris:#60718b;
  --groc:#ffcc00;
  --vora:#e3e8ee;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,"Segoe UI",sans-serif;
  color:var(--tinta);
  background:#fbfcfe;
  line-height:1.5;
}
a{text-decoration:none;color:inherit}
.contenidor{max-width:1180px;margin:auto;padding-left:22px;padding-right:22px}
.capcalera{background:#244e55;color:white}
.capcalera-interior{
  min-height:76px;display:flex;align-items:center;
  justify-content:space-between;gap:20px;
}
.marca{display:flex;align-items:center;gap:14px}
.marca img{width:40px;height:48px;object-fit:contain}
.marca strong{display:block;font-size:22px;line-height:1.2}
.marca small{font-size:12px;color:#e1eef1;display:block;margin-top:4px}
.navegacio{display:flex;align-items:center;gap:30px}
.navegacio a{font-size:14px;color:#f1f7f7}
.navegacio a:hover{color:var(--groc)}

.hero{
  background:
    linear-gradient(90deg,rgba(9,31,36,.84) 0%,rgba(9,31,36,.43) 48%,rgba(9,31,36,.07) 100%),
    url("https://jeeb.cat/cros/assets/images/background/fondo3.jpg") center 47%/cover no-repeat;
  color:#fff;
}
.hero-interior{padding-top:47px;padding-bottom:53px}
.hero-etiqueta{
  display:block;font-size:11px;letter-spacing:2.3px;
  color:#ffe16b;font-weight:700;margin-bottom:12px;
}
.hero h1{font-size:clamp(34px,4.8vw,54px);letter-spacing:-1.5px;margin:0;line-height:1.1}
.hero-temporada{font-size:21px;margin:10px 0 19px;color:#f3f6f6}
.hero-descripcio{font-size:16px;margin:0;color:#f4f6f6}

.principal{padding-top:23px;padding-bottom:64px}
.avis{
  display:flex;align-items:center;gap:14px;
  background:#fff6d8;border:1px solid #ffe7a3;
  color:#604000;padding:13px 16px;border-radius:10px;
  font-size:13px;margin-bottom:25px;
}
.avis-icona{
  display:grid;place-items:center;flex:none;
  border-radius:50%;background:#ffbf00;color:white;
  font-weight:800;font-family:Georgia,serif;width:28px;height:28px;font-size:19px;
}
.titol-seccio{margin-bottom:19px}
h2{letter-spacing:-.6px}
.titol-seccio h2{font-size:30px;line-height:1.2;margin:0 0 6px}
.titol-seccio p{margin:0;color:var(--gris);font-size:15px}

.graella{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.targeta{
  position:relative;min-height:143px;overflow:hidden;
  border:1px solid var(--vora);border-radius:10px;
  background:#fff;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.targeta:hover{
  border-color:#d4dce5;box-shadow:0 7px 24px rgba(30,50,70,.07);
  transform:translateY(-2px);
}
.targeta-contingut{position:relative;z-index:1;padding:16px 21px}
.silueta{
  pointer-events:none;position:absolute;right:0;bottom:0;
  width:59%;height:100%;
  background-position:right bottom;background-repeat:no-repeat;
  background-size:contain;opacity:.78;
}
.estat{
  display:inline-block;background:#fff2be;color:#765200;
  padding:4px 11px;border-radius:30px;font-size:12px;
  line-height:1.4;
}
.targeta h3{font-size:19px;line-height:1.3;margin:10px 0 8px;max-width:74%}
.targeta-inferior{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;
}
.data{font-size:13px;color:#62738c;display:inline-flex;align-items:center;gap:8px}
.data>span{font-size:19px}
.boto{
  display:inline-block;white-space:nowrap;
  background:var(--groc);color:#111;
  padding:10px 14px;border-radius:8px;
  font-weight:700;font-size:12px;
  transition:background .2s;
}
.boto:hover{background:#f2ba00}

.fitxa{
  background:white;border:1px solid var(--vora);
  padding:28px 32px;border-radius:12px;
}
.tornar{display:inline-block;color:#34617a;font-size:14px;margin-bottom:24px}
.tornar:hover{text-decoration:underline}
.fitxa-cap{
  border-bottom:1px solid var(--vora);padding-bottom:18px;margin-bottom:25px;
}
.fitxa-cap h2{font-size:32px;margin:13px 0 8px}
.fitxa-data{font-size:16px;color:var(--gris);margin:0}
.fitxa-bloc{margin:24px 0}
.fitxa-bloc h3{font-size:20px;margin:0 0 15px}
.text-informatiu{white-space:normal;color:#3c485c}
.documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.document{
  border:1px solid var(--vora);border-radius:8px;padding:14px;
  background:#fafbfc;display:flex;justify-content:space-between;gap:12px;
  font-weight:700;
}
.document:hover{border-color:#e4b500;background:#fffbea}
.sense-documents{font-size:14px;color:var(--gris);grid-column:1/-1}
.buit{background:white;padding:30px;border:1px solid var(--vora);border-radius:10px}
.peu{color:#718095;text-align:center;border-top:1px solid var(--vora);padding:24px 0;font-size:12px}

@media(max-width:850px){
  .navegacio{gap:12px}
  .navegacio a{font-size:12px}
  .graella{grid-template-columns:1fr}
  .documents{grid-template-columns:1fr}
}
@media(max-width:520px){
  .capcalera-interior{min-height:76px}
  .marca img{width:30px;height:40px}
  .marca strong{font-size:17px}
  .marca small{font-size:10px}
  .navegacio a:nth-child(3){display:none}
  .navegacio{gap:10px}
  .hero-interior{padding-top:39px;padding-bottom:40px}
  .hero-temporada{font-size:17px}
  .hero-descripcio{font-size:14px}
  .titol-seccio h2{font-size:25px}
  .targeta{min-height:145px}
  .targeta-contingut{padding:15px}
  .targeta h3{font-size:17px;max-width:85%}
  .data{font-size:12px}
  .boto{font-size:11px;padding:9px 11px}
  .fitxa{padding:20px 17px}
  .fitxa-cap h2{font-size:25px}
}

/* PROPER CROS - Destacat automatic */
.targeta.proper-cros {
    border: 2px solid #efb900;
    background: #fffdf4;
    box-shadow: 0 5px 18px rgba(175, 135, 0, .12);
}

.targeta.proper-cros:hover {
    border-color: #dda800;
    box-shadow: 0 8px 24px rgba(175, 135, 0, .18);
}

.etiqueta-proxim {
    display: inline-block;
    margin-left: 7px;
    padding: 4px 9px;
    border-radius: 5px;
    background: #ffcc00;
    color: #282000;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;
}

@media(max-width:520px) {
    .etiqueta-proxim {
        margin-left: 4px;
        font-size: 10px;
        padding: 4px 7px;
    }
}

/* PROPER CROS - Destacat automatic */
.targeta.proper-cros {
    border: 2px solid #efb900;
    background: #fffdf4;
    box-shadow: 0 5px 18px rgba(175, 135, 0, .12);
}

.targeta.proper-cros:hover {
    border-color: #dda800;
    box-shadow: 0 8px 24px rgba(175, 135, 0, .18);
}

.etiqueta-proxim {
    display: inline-block;
    margin-left: 7px;
    padding: 4px 9px;
    border-radius: 5px;
    background: #ffcc00;
    color: #282000;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;
}

@media(max-width:520px) {
    .etiqueta-proxim {
        margin-left: 4px;
        font-size: 10px;
        padding: 4px 7px;
    }
}

/* ==========================================
   CHALLENGE CROS - PROPER CROS
   ========================================== */

.graella .targeta.proper-cros {
    border: 2px solid #e6b800 !important;
    background-color: #fffdf0 !important;
    box-shadow:
        0 0 0 2px rgba(255, 204, 0, .12),
        0 6px 20px rgba(90, 70, 0, .12) !important;
}

.graella .targeta.proper-cros .estat {
    background: #fff1b0;
}

.graella .targeta.proper-cros .etiqueta-proxim {
    display: inline-flex;
    align-items: center;
    background: #ffcc00;
    color: #1c2300;
    padding: 5px 11px;
    border-radius: 6px;
    margin-left: 8px;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .3px;
}

.graella .targeta.proper-cros .boto {
    background: #efb900;
}

.graella .targeta.proper-cros:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 25px rgba(90, 70, 0, .18) !important;
}


/* =========================================================
   OVERRIDE PROFESSIONAL TARGETES CALENDARI
   ========================================================= */

.graella {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.targeta {
    position: relative;
    overflow: hidden;
    min-height: 170px;
    border-radius: 18px;
    border: 1px solid #dde4ec;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 10px 24px rgba(15, 32, 56, 0.06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.targeta:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 32, 56, 0.10);
    border-color: #d3dbe5;
}

.targeta::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,0.98) 38%,
            rgba(255,255,255,0.92) 56%,
            rgba(255,255,255,0.48) 76%,
            rgba(255,255,255,0.12) 100%
        );
    pointer-events: none;
    z-index: 1;
}

.targeta .silueta {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 54%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 96% auto;
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}

.targeta-contingut {
    position: relative;
    z-index: 2;
    min-height: 170px;
    padding: 18px 22px 18px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.targeta h3 {
    margin: 10px 0 10px 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f1f39;
}

.targeta .estat {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f8e7a3;
    color: #6c5400;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.targeta .etiqueta-proxim {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 10px;
    padding: 7px 13px;
    border-radius: 999px;
    background: #ffcc00;
    color: #111b2d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.22);
}

.targeta-inferior {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 10px;
}

.targeta .data {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5e708f;
    font-size: 15px;
    font-weight: 500;
}

.targeta .data span[aria-hidden="true"] {
    font-size: 15px;
    color: #6f819d;
}

.targeta .boto {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    padding: 11px 18px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    background: #ffcc00;
    color: #111b2d;
    box-shadow: 0 4px 12px rgba(255, 204, 0, 0.18);
    white-space: nowrap;
}

.targeta .boto:hover {
    background: #f2c200;
    color: #111b2d;
}

.targeta.proper-cros {
    border: 2px solid #f0c533;
    background: linear-gradient(180deg, #fffdf5 0%, #fffdf7 100%);
    box-shadow:
        0 14px 32px rgba(208, 168, 0, 0.14),
        0 0 0 1px rgba(240, 197, 51, 0.08);
}

.targeta.proper-cros::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,245,204,0.28) 0%, rgba(255,255,255,0) 100%);
    z-index: 0;
    pointer-events: none;
}

.targeta.proper-cros .etat {
    background: #f6df8a;
}

.targeta.proper-cros .boto {
    box-shadow: 0 6px 14px rgba(240, 197, 51, 0.24);
}

@media (max-width: 980px) {
    .graella {
        grid-template-columns: 1fr;
    }

    .targeta .silueta {
        width: 48%;
        background-size: 92% auto;
    }
}

@media (max-width: 640px) {
    .targeta {
        min-height: 190px;
    }

    .targeta-contingut {
        min-height: 190px;
        padding: 16px 16px 18px 16px;
    }

    .targeta h3 {
        font-size: 18px;
    }

    .targeta-inferior {
        flex-direction: column;
        align-items: flex-start;
    }

    .targeta .boto {
        width: 100%;
        justify-content: center;
    }

    .targeta .silueta {
        width: 56%;
        opacity: .95;
    }
}


/* CROS 2026-2027 - acabat visual v12 */
.graella .targeta {
    border-radius:12px;
    min-height:156px;
    background:#fff;
    box-shadow:0 2px 10px rgba(24,45,66,.035);
}
.graella .targeta-contingut {
    min-height:156px;
    padding:17px 20px;
}
.graella .targeta .silueta {
    width:62%;
    height:100%;
    opacity:1;
    background-size:contain;
    background-position:right bottom;
}
.graella .targeta::after {
    background:linear-gradient(90deg,
      #fff 0%,rgba(255,255,255,.98) 30%,
      rgba(255,255,255,.62) 53%,
      rgba(255,255,255,.08) 100%);
}
.graella .targeta .etiqueta-proxim,
.graella .targeta.proper-cros .etiqueta-proxim {
    display:inline-flex !important;
    width:max-content !important;
    max-width:100%;
    flex:0 0 auto !important;
    align-self:flex-start !important;
    vertical-align:middle;
    gap:7px;
    margin:0 0 0 7px !important;
    padding:6px 10px !important;
    font-size:11px !important;
    line-height:1.2 !important;
    border-radius:999px !important;
    background:#ffcc00;
    color:#132131;
    box-shadow:none;
    white-space:nowrap;
}
.graella .targeta .etiqueta-proxim svg {
    display:block;
    width:17px;
    height:17px;
    flex:0 0 17px;
    animation:cros-run 1.4s ease-in-out infinite;
}
@keyframes cros-run {
    0%,100% {transform:translate(0,0) rotate(-5deg)}
    50% {transform:translate(2px,-2px) rotate(5deg)}
}
@media(prefers-reduced-motion:reduce) {
    .graella .targeta .etiqueta-proxim svg {animation:none}
}
.graella .targeta.proper-cros {
    border:2px solid #e9bb19 !important;
    background:#fffdf4 !important;
    box-shadow:0 4px 15px rgba(170,130,0,.10) !important;
}
.graella .targeta.proper-cros::after {
    background:linear-gradient(90deg,
       rgba(255,253,244,1) 0%,
       rgba(255,253,244,.97) 29%,
       rgba(255,253,244,.54) 53%,
       rgba(255,253,244,.05) 100%);
}
@media(max-width:640px) {
    .graella .targeta .silueta {width:72%}
    .graella .targeta .etiqueta-proxim,
    .graella .targeta.proper-cros .etiqueta-proxim {
        font-size:10px !important;
        margin-left:3px !important;
    }
}
/* ========================================================================
   REFINAMENT VISUAL PROFESSIONAL - TARGETES CROS / SILUETES / PRÒXIM CROS
   ======================================================================== */

.graella .targeta{
    position:relative;
    overflow:hidden;
    border:1px solid #d8e0ea;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 8px 24px rgba(15, 30, 52, 0.05);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.graella .targeta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(15, 30, 52, 0.08);
}

.graella .targeta::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.98) 38%,
        rgba(255,255,255,0.78) 58%,
        rgba(255,255,255,0.18) 100%
    );
    pointer-events:none;
    z-index:1;
}

.graella .targeta .silueta{
    position:absolute;
    right:0;
    bottom:0;
    width:52%;
    height:100%;
    background-repeat:no-repeat;
    background-position:right 12px bottom 10px;
    background-size:contain;
    opacity:.88;
    z-index:0;
    pointer-events:none;
}

.graella .targeta-contingut{
    position:relative;
    z-index:2;
    padding:18px 22px;
    min-height:162px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.graella .targeta h3{
    margin:10px 0 8px;
    font-size:26px;
    line-height:1.1;
    letter-spacing:-0.02em;
    color:#0b2347;
    font-weight:800;
}

.graella .targeta .estat{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:7px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    line-height:1;
    background:#f6e7a9;
    color:#6b5200;
    text-transform:none;
}

.graella .targeta .data{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    color:#516680;
    font-weight:500;
}

.graella .targeta .boto{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 24px;
    border-radius:14px;
    background:#f6c800;
    color:#0b2347;
    font-weight:800;
    font-size:14px;
    text-decoration:none;
    box-shadow:0 8px 18px rgba(246, 200, 0, 0.22);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.graella .targeta .boto:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(246, 200, 0, 0.28);
    background:#ffd428;
}

.graella .targeta.proper-cros{
    border:2px solid #f0c83a !important;
    background:linear-gradient(180deg, #fffdf6 0%, #fffefb 100%) !important;
    box-shadow:0 12px 34px rgba(194, 154, 0, 0.10) !important;
}

.graella .targeta.proper-cros::after{
    background:linear-gradient(
        90deg,
        rgba(255,253,246,1) 0%,
        rgba(255,253,246,0.97) 38%,
        rgba(255,253,246,0.72) 58%,
        rgba(255,253,246,0.16) 100%
    );
}

.graella .targeta.proper-cros .silueta{
    opacity:.95;
}

.graella .targeta .etiqueta-proxim{
    display:inline-flex !important;
    align-items:center;
    gap:8px;
    width:max-content !important;
    padding:7px 13px !important;
    margin-left:8px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, #ffe389 0%, #ffd447 100%) !important;
    color:#5f4700 !important;
    border:1px solid #efc23a;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.04em;
    line-height:1;
    text-transform:uppercase;
    box-shadow:0 2px 8px rgba(0,0,0,0.06);
}

.graella .targeta .etiqueta-proxim svg{
    display:none !important;
}

.graella .targeta .etiqueta-proxim::before{
    content:"";
    width:15px;
    height:15px;
    flex:0 0 15px;
    background-repeat:no-repeat;
    background-size:15px 15px;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='15.4' cy='4.1' r='2.1' fill='%23805f00'/%3E%3Cpath d='M11.2 7.6l-2.4 3.4 3.1 1.7 1.8 3.8M12.1 7.5l3.1 2.1 2.9.5M7.9 12.3l-3.1 2M14.4 16.8l-1.6 3.3M17.9 12.2l3 1.8' stroke='%23805f00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    animation:proper-run 1.5s ease-in-out infinite;
}

@keyframes proper-run{
    0%,100%{ transform:translateX(0) translateY(0); }
    50%{ transform:translateX(1.5px) translateY(-1px); }
}

@media (prefers-reduced-motion: reduce){
    .graella .targeta .etiqueta-proxim::before{
        animation:none;
    }
}

@media (max-width: 900px){
    .graella .targeta .silueta{
        width:48%;
        background-size:cover;
        opacity:.78;
    }
    .graella .targeta h3{
        font-size:20px;
    }
}

@media (max-width: 640px){
    .graella .targeta-contingut{
        min-height:176px;
    }
    .graella .targeta .silueta{
        width:56%;
        background-position:right 6px bottom 10px;
        opacity:.68;
    }
    .graella .targeta .boto{
        padding:12px 18px;
        font-size:13px;
    }
    .graella .targeta .etiqueta-proxim{
        margin-left:0 !important;
        margin-top:8px !important;
    }
}

/* =======================================================================
   SKYLINE PREMIUM OVERRIDE
   ======================================================================= */
.graella .targeta{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8e0ea;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15, 30, 52, 0.05);
}

.graella .targeta::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.98) 28%,
        rgba(255,255,255,0.93) 44%,
        rgba(255,255,255,0.66) 62%,
        rgba(255,255,255,0.14) 100%
    );
    z-index:1;
    pointer-events:none;
}

.graella .targeta .silueta{
    position:absolute !important;
    right:8px !important;
    bottom:10px !important;
    width:56% !important;
    height:84% !important;
    background-repeat:no-repeat !important;
    background-position:right bottom !important;
    background-size:contain !important;
    opacity:.96 !important;
    z-index:0 !important;
    pointer-events:none !important;
}

.graella .targeta-contingut{
    position:relative;
    z-index:2;
    min-height:178px;
    padding:18px 22px 18px 22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.graella .targeta h3{
    font-size:26px;
    line-height:1.08;
    margin:12px 0 8px 0;
    color:#082754;
    font-weight:800;
    letter-spacing:-0.02em;
}

.graella .targeta .estat{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:7px 14px;
    border-radius:999px;
    background:#f6e7a9;
    color:#6b5200;
    font-size:13px;
    font-weight:700;
    line-height:1;
}

.graella .targeta .data{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#5a6d89;
    font-size:15px;
    font-weight:500;
}

.graella .targeta .boto{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 24px;
    border-radius:14px;
    background:#f7cb00;
    color:#0b2347;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
    box-shadow:0 10px 24px rgba(247, 203, 0, 0.22);
    transition:all .18s ease;
}

.graella .targeta .boto:hover{
    background:#ffd42b;
    transform:translateY(-1px);
}

.graella .targeta.proper-cros{
    border:2px solid #efc53c !important;
    background:linear-gradient(180deg,#fffdf5 0%, #fffefb 100%) !important;
    box-shadow:0 12px 30px rgba(205, 165, 19, .10) !important;
}

.graella .targeta.proper-cros::after{
    background:linear-gradient(
        90deg,
        rgba(255,253,245,1) 0%,
        rgba(255,253,245,0.98) 28%,
        rgba(255,253,245,0.93) 44%,
        rgba(255,253,245,0.66) 62%,
        rgba(255,253,245,0.14) 100%
    ) !important;
}

.graella .targeta .etiqueta-proxim{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    width:max-content !important;
    margin-top:8px !important;
    padding:7px 13px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#ffe691 0%,#ffd64d 100%) !important;
    color:#5d4600 !important;
    border:1px solid #efc43a !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    box-shadow:0 2px 8px rgba(0,0,0,.05) !important;
}

.graella .targeta .etiqueta-proxim::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:14px 14px;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='15.4' cy='4.1' r='2.1' fill='%23755a00'/%3E%3Cpath d='M11.3 7.6l-2.4 3.5 3.1 1.7 1.9 3.8M12.2 7.5l3.2 2.1 2.7.5M8 12.4l-3 1.9M14.5 16.8l-1.5 3.2M17.8 12.2l3.1 1.8' stroke='%23755a00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    animation:runnerPulse 1.6s ease-in-out infinite;
}

@keyframes runnerPulse{
    0%,100%{ transform:translateY(0); opacity:1; }
    50%{ transform:translateY(-1px); opacity:.88; }
}

@media (max-width: 1100px){
    .graella .targeta .silueta{
        width:54% !important;
        height:78% !important;
    }
}

@media (max-width: 768px){
    .graella .targeta .silueta{
        width:58% !important;
        height:72% !important;
        opacity:.84 !important;
    }

    .graella .targeta h3{
        font-size:22px;
    }

    .graella .targeta-contingut{
        min-height:170px;
    }
}