/*! assets/pulpa_sitio.css */
:root{
--color-fondo:      #f7f3ed;
--color-oscuro:     #1a1208;
--color-terracota:  #c4503c;
--color-secundario: #8b3a2a;
--color-crema:      #fff9f5;
--color-borde:      #ead5c8;
--color-dorado:     #c9a030;
--color-neutro:     #a09080;
--font-display: 'Playfair Display', serif;
--font-body:    'EB Garamond', serif;
--dark:       #1a1208;
--dark2:      #2a1e14;
--cream:      #f7f3ed;
--paper:      #fff9f5;
--paper2:     #fff9f5;
--ink:        #1a1208;
--muted:      #a09080;
--soft:       #a09080;
--gold:       #c9a030;
--gold-bright:#e0b84a;
--gold-deep:  #8b6a10;
--line:       #ead5c8;
--line-soft:  #f0e0d4;
--green:      #cfe2cf;
--green-ink:  #33603e;
--radius:     20px;
--radius-lg:  26px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--color-fondo);color:var(--color-oscuro);
font-family:var(--font-body);font-size:16px;line-height:1.6;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--font-display)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.sans{font-family:"Helvetica Neue",Arial,sans-serif}
.site-header{height:76px;background:rgba(10,8,5,.97);
border-bottom:1px solid rgba(199,151,73,.22);
position:sticky;top:0;z-index:30;backdrop-filter:blur(8px)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px;color:#fbf2e2}
.brand-seal{width:40px;height:40px;border-radius:50%;
border:1px solid rgba(199,151,73,.65);display:grid;place-items:center;
color:var(--gold-bright);font-size:21px;font-weight:700}
.brand-main{font-size:27px;font-weight:700;letter-spacing:.14em}
.brand-sub{font:13px/1 "Helvetica Neue",Arial,sans-serif;color:var(--gold);letter-spacing:.02em}
.nav{display:flex;gap:32px;color:#eee0cd;
font:15px "Helvetica Neue",Arial,sans-serif;letter-spacing:.01em}
.nav a{padding:4px 0;border-bottom:1px solid transparent;transition:border-color .15s,color .15s}
.nav a:hover{color:#fff;border-bottom-color:var(--gold)}
.nav-cta{border:1px solid rgba(199,151,73,.4);color:var(--gold-bright);padding:5px 12px;border-radius:8px}
.nav-cta:hover{border-color:var(--gold);background:rgba(199,151,73,.12);color:var(--gold-bright)}
.nav-cuenta{display:flex;align-items:center;gap:16px}
.nav-cuenta > a{color:#eee0cd;padding:4px 0;border-bottom:1px solid transparent;transition:border-color .15s,color .15s}
.nav-cuenta > a:hover{color:#fff;border-bottom-color:var(--gold)}
.nav-usuario{display:flex;align-items:center;gap:6px;font:14px "Helvetica Neue",Arial,sans-serif}
.nav-usuario a{color:#eee0cd;padding:5px 10px;border-radius:8px;transition:background .13s,color .13s;white-space:nowrap}
.nav-usuario a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-usuario .nav-salir{border:1px solid rgba(199,151,73,.4);color:var(--gold-bright);padding:5px 12px;border-radius:8px}
.nav-usuario .nav-salir:hover{background:rgba(199,151,73,.12);border-color:var(--gold)}
.nav-mob{display:none}
.nav-mob-sep{display:none;border:none;height:0;border-top:1px solid rgba(255,255,255,.08);margin:4px 14px 8px}
.nav-ham{display:none;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#eee0cd;padding:7px 9px;cursor:pointer;transition:background .13s,color .13s;line-height:0;flex:none}
.nav-ham:hover{background:rgba(255,255,255,.08);color:#fff}
@media(max-width:720px){
.nav-cuenta{display:flex}
.nav-ham{display:flex}
.nav-mob{display:flex}
.nav-mob-sep{display:block}
.nav-usuario{display:none;position:fixed;top:76px;left:0;right:0;background:rgba(10,8,5,.97);border-top:1px solid rgba(199,151,73,.15);flex-direction:column;align-items:stretch;padding:8px 16px 16px;gap:0;z-index:200;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.nav-usuario.open{display:flex}
.nav-usuario a{font-size:16px;padding:13px 14px;border-radius:10px;border-bottom:1px solid rgba(255,255,255,.06);white-space:normal;color:#eee0cd}
.nav-usuario a:last-child{border-bottom:none}
.nav-usuario .nav-salir{margin-top:8px;border:1px solid rgba(199,151,73,.4);color:var(--gold-bright);text-align:center;border-radius:10px}
}
.pulpa-strip-wrap{
background:var(--color-fondo);
border-bottom:1px solid var(--color-borde);
position:sticky;
top:76px;
z-index:20;
}
.pulpa-strip{
display:flex;
overflow-x:auto;
scrollbar-width:none;
padding:0 8px;
width:min(1180px,100%);
margin:0 auto;
}
.pulpa-strip::-webkit-scrollbar{display:none}
.ps-item{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
padding:14px 14px 10px;
min-width:72px;
min-height:72px;
flex-shrink:0;
border:none;
border-bottom:3px solid transparent;
background:transparent;
cursor:pointer;
transition:border-color .15s,color .15s;
font-family:var(--font-body);
}
.ps-item svg{width:36px;height:36px;display:block}
.ps-item span{font-size:13px;white-space:nowrap;line-height:1}
.ps-ed{color:var(--color-oscuro)}
.ps-ed span{font-weight:600}
.ps-cat{color:var(--color-oscuro)}
.ps-cat span{font-weight:400}
.ps-item:hover{color:var(--color-oscuro);border-bottom-color:var(--color-borde)}
.ps-item.active{border-bottom-color:var(--color-terracota);color:var(--color-terracota)}
.ps-item.active span{font-weight:600}
.hero{background:
radial-gradient(circle at 72% 18%,rgba(199,151,73,.18),transparent 38%),
linear-gradient(92deg,#16110b,#0a0806);color:#fff5e6}
.hero-grid{min-height:600px;padding:64px 0 52px;display:grid;
grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.kicker{display:flex;gap:14px;align-items:center;color:var(--gold-bright);
font:700 12px "Helvetica Neue",Arial,sans-serif;letter-spacing:.18em;margin-bottom:24px}
.kicker:before{content:"";width:38px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:.97;
letter-spacing:-.03em;margin:0 0 22px;text-wrap:balance}
.hero-copy p{font-size:18px;line-height:1.55;
color:#e9dac8;max-width:560px;margin:0 0 30px}
.actions{display:flex;gap:13px;flex-wrap:wrap}
.btn{min-height:52px;padding:14px 28px;border-radius:10px;border:none;
display:inline-flex;align-items:center;justify-content:center;
font:600 16px/1 var(--font-body);cursor:pointer;
transition:transform .12s,opacity .15s,background .14s}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:#c4503c;color:#fff9f5}
.btn.primary:hover{background:#a83d31}
.btn.ghost{border:1px solid rgba(199,151,73,.5);color:#fff3e1;background:transparent}
.btn.ghost:hover{border-color:var(--gold);background:rgba(199,151,73,.08)}
.public-dossier{height:526px;border-radius:var(--radius-lg);overflow:hidden;
position:relative;border:1px solid rgba(199,151,73,.32);
box-shadow:0 30px 72px rgba(0,0,0,.36);background:#18120d}
.empty-dossier{display:flex}
.dossier-bg{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;filter:saturate(.97) contrast(1.04)}
.dossier-shade{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.55) 54%,rgba(0,0,0,.85)),
linear-gradient(90deg,rgba(0,0,0,.3),transparent 48%)}
.dossier-content{position:absolute;inset:0;padding:28px;display:flex;
flex-direction:column;justify-content:space-between}
.dossier-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;
border-radius:999px;font:700 11px "Helvetica Neue",Arial,sans-serif;
letter-spacing:.04em;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.chip-gold{background:rgba(199,151,73,.96);color:#fff9ef;border-color:transparent}
.chip-light{background:rgba(255,246,231,.9);color:#5f4524}
.dossier-main{max-width:440px}
.micro{font:700 11px "Helvetica Neue",Arial,sans-serif;color:var(--gold-bright);
letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
.dossier-main h2{font-size:40px;line-height:.98;margin:0 0 12px;
color:#fff8ed;text-wrap:balance}
.dossier-main p{font-size:15px;line-height:1.5;color:#e9ddcd;margin:0}
.dossier-bottom{display:flex;align-items:end;justify-content:space-between;gap:16px;
border-top:1px solid rgba(255,255,255,.16);padding-top:18px}
.dossier-bottom strong{display:block;font-size:30px;line-height:1;color:#fff8ed}
.dossier-bottom .price-label{font:700 10px "Helvetica Neue",Arial,sans-serif;
color:var(--gold-bright);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.small-cta{min-height:42px;padding:0 18px;border-radius:999px;
background:rgba(255,255,255,.14);color:#fff8ed;
font:700 13px "Helvetica Neue",Arial,sans-serif;display:flex;align-items:center;
border:1px solid rgba(255,255,255,.14);transition:background .15s}
.small-cta:hover{background:rgba(255,255,255,.24)}
.section{padding:40px 0 24px}
.section.compact{padding:26px 0 14px}
.cream{background:var(--cream)}
.paper-bg{background:var(--paper)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.title-line{display:flex;align-items:center;gap:14px}
.title-line.centered{justify-content:center;margin-bottom:6px}
.title-line span{width:30px;height:1px;background:var(--gold-deep)}
.title-line h2{margin:0;font-size:22px;text-transform:uppercase;
letter-spacing:.09em;font-weight:700}
.soft-link{font:700 13px "Helvetica Neue",Arial,sans-serif;color:var(--gold-deep);
letter-spacing:.02em}
.section-sub{text-align:center;margin:0 auto 30px;max-width:680px;
font-size:16px;line-height:1.55;color:var(--muted)}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.photo-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.photo-tile{height:340px;border-radius:var(--radius);overflow:hidden;position:relative;
background:#1a120c;border:1px solid rgba(36,27,20,.1);
box-shadow:0 10px 26px rgba(45,32,18,.07);transition:transform .18s,box-shadow .18s}
.photo-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(45,32,18,.16)}
.tile-link{position:absolute;inset:0;display:block}
.photo-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
transition:transform .4s}
.photo-tile:hover img{transform:scale(1.04)}
.tile-shade{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1) 40%,rgba(0,0,0,.84))}
.tile-chips{position:absolute;top:13px;left:13px;right:13px;display:flex;gap:7px;flex-wrap:wrap}
.mini-chip{display:inline-flex;align-items:center;min-height:27px;padding:0 11px;
border-radius:999px;font:700 11px "Helvetica Neue",Arial,sans-serif;
background:rgba(255,246,231,.9);color:#5f4524;backdrop-filter:blur(8px)}
.mini-chip.verif{background:rgba(199,151,73,.94);color:#fff9ef}
.tile-info{position:absolute;left:17px;right:17px;bottom:16px;color:#fff7ea}
.tile-info h3{font-size:23px;line-height:1.02;margin:0 0 6px;
text-shadow:0 2px 14px rgba(0,0,0,.45);text-wrap:balance}
.tile-info p{font-size:13px;line-height:1.35;margin:0 0 9px;color:#e7d8c6}
.tile-info strong{font-size:17px;font-weight:700;color:var(--gold-bright)}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}
.pillar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
padding:22px 20px;transition:border-color .15s}
.pillar:hover{border-color:var(--gold)}
.pillar-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;
background:#15110b;color:var(--gold-bright);font-size:20px;font-style:normal;margin-bottom:14px}
.pillar h3{font-size:20px;line-height:1.05;margin:0 0 8px}
.pillar p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}
.behind{border-top:1px solid var(--line);padding-top:26px}
.behind-label{text-align:center;font:700 11px "Helvetica Neue",Arial,sans-serif;
text-transform:uppercase;letter-spacing:.16em;color:var(--soft);margin-bottom:20px}
.behind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.behind-item{display:flex;gap:14px;align-items:flex-start}
.behind-ico{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
background:var(--green);color:var(--green-ink);font-size:18px;font-style:normal}
.behind-item h4{font-size:18px;margin:2px 0 5px}
.behind-item p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.allies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ally{background:var(--paper);border:1px solid var(--line);border-radius:16px;
padding:20px 14px;text-align:center;transition:transform .15s,border-color .15s}
.ally:hover{transform:translateY(-2px);border-color:var(--gold)}
.ally-name{font-size:18px;font-weight:700}
.ally-role{font:700 11px "Helvetica Neue",Arial,sans-serif;color:var(--gold-deep);
text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.diff{background:var(--paper2);border:1px solid var(--line-soft);border-left:3px solid var(--gold);
border-radius:14px;padding:22px 26px;display:flex;gap:16px;align-items:flex-start;
max-width:860px;margin:0 auto}
.diff-ico{flex:none;font-size:24px;color:var(--gold-deep)}
.diff p{font-size:16px;line-height:1.6;color:var(--ink);margin:0}
.diff strong{color:var(--gold-deep)}
.dark-cta{background:#0b0907;color:#fff1df}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;
border:1px solid rgba(199,151,73,.26);border-radius:var(--radius-lg);padding:34px;
background:linear-gradient(180deg,rgba(31,24,18,.95),rgba(13,10,8,.98))}
.cta-box h2{font-size:30px;margin:0 0 10px;color:var(--gold-bright);text-wrap:balance}
.cta-box p{font-size:17px;line-height:1.5;margin:0;color:#e3d4c2;max-width:520px}
.cta-box .btn{flex:none}
.site-footer{background:#0a0806;color:#cdbfad;padding:30px 0}
.footer-inner{display:flex;flex-direction:column;gap:6px}
.footer-inner .f-main{font:700 14px "Helvetica Neue",Arial,sans-serif;color:#efe2cf}
.footer-inner .f-sub{font-size:13px;line-height:1.5;color:#9d8b76}
.empty-state{border:1px dashed var(--line);border-radius:18px;padding:28px;
background:var(--paper);font-size:16px;line-height:1.45;color:var(--muted)}
@media(max-width:1120px){
.photo-grid,.photo-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-grid{grid-template-columns:1fr;gap:40px}
.public-dossier{height:480px}
.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
.allies{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
.wrap{width:min(100% - 28px,1180px)}
.nav{display:none}
.hero-grid{padding:40px 0}
.hero h1{font-size:clamp(36px,9vw,48px)}
.photo-grid,.photo-grid.cols-4,.pillars,.behind-grid,.allies{grid-template-columns:1fr}
.photo-tile{height:300px}
.cta-box{flex-direction:column;align-items:flex-start}
.diff{flex-direction:column}
.btn{min-height:52px;padding:0 24px;font-size:16px}
.ps-item{padding:12px 12px 8px;min-width:64px}
.ps-item svg{width:32px;height:32px}
.pillar{padding:24px}
.pillar p{font-size:16px}
.ally{min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.title-line h2{font-size:18px}
.section{padding:32px 0}
.section.compact{padding:20px 0}
}
.mis-tope {
background: #FAF8F2; border: 1px solid #e0d3ba; border-left: 3px solid #8b3a2a;
border-radius: 8px; padding: 20px 22px; margin: 0 0 26px;
}
.mis-tope-tit {
margin: 0 0 8px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
font-weight: 600; color: #8b3a2a;
}
.mis-tope-txt { margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: #3f3b36; max-width: 62ch; }
.mis-tope-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.mis-tope-btns .btn { min-height: 42px; padding: 0 18px; display: inline-flex; align-items: center; }
.puertas {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
margin: 18px 0 12px; align-items: stretch;
}
.puerta {
display: flex; flex-direction: column; text-decoration: none;
background: #fff; border: 1px solid #e0d3ba; border-radius: 10px;
padding: 18px 18px 20px; color: #3f3b36; transition: border-color .15s, box-shadow .15s;
}
a.puerta:hover { border-color: #8b3a2a; box-shadow: 0 3px 14px rgba(0,0,0,.07); }
.puerta-alta { border-color: #8b3a2a; border-top: 3px solid #8b3a2a; }
.puerta-tenue { background: #FAF8F2; border-style: dashed; }
.puerta-chip {
display: inline-block; align-self: flex-start; background: #8b3a2a; color: #fff;
font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600;
padding: 3px 8px; border-radius: 3px; margin: 0 0 9px;
}
.puerta-nombre {
font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
font-weight: 600; color: #3f3b36;
}
.puerta-alta .puerta-nombre { color: #8b3a2a; }
.puerta-precio { display: block; font-size: 26px; font-weight: 600; letter-spacing: -.02em; margin: 7px 0 2px; }
.puerta-um { display: block; font-size: 12px; color: #8a8177; margin: 0 0 13px; line-height: 1.4; }
.puerta-lista { list-style: none; margin: 0 0 16px; padding: 0; flex: 1 1 auto; }
.puerta-lista li {
position: relative; padding: 5px 0 5px 19px; font-size: 13.5px; line-height: 1.45;
}
.puerta-lista li::before {
content: '✓'; position: absolute; left: 0; top: 5px; color: #3f7a34; font-weight: 700;
}
.puerta-lista li.puerta-no { color: #a9a49a; }
.puerta-lista li.puerta-no::before { content: '✕'; color: #c0b8ab; }
.puerta-cta {
display: block; text-align: center; border: 1px solid #3f3b36; border-radius: 6px;
padding: 11px 10px; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase;
font-weight: 600; min-height: 42px;
}
.puerta-alta .puerta-cta { background: #3f3b36; color: #fff; border-color: #3f3b36; }
.puertas-pie { margin: 4px 2px 0; font-size: 12.5px; color: #8a8177; line-height: 1.6; }
@media (max-width: 860px) {
.puertas { grid-template-columns: 1fr; gap: 12px; }
.puerta-precio { font-size: 23px; }
}
.dpp-body .dpp-wrap:has(.tar-caja) { max-width: 1260px !important; }
.tar-caja { background: #fff; border-top: 3px solid #3f3b36; margin: 20px 0 0; }
.tar { width: 100%; border-collapse: collapse; }
.tar th, .tar td { text-align: left; padding: 11px 16px; border-bottom: 1px solid #ece4d6; vertical-align: middle; }
.tar thead th { border-bottom: 1px solid #3f3b36; vertical-align: bottom; padding: 14px 16px 12px; }
.tar-que { width: 30%; }
.tar-col { width: 17.5%; text-align: center; }
.tar-tnd { border-left: 1px solid #ece4d6; background: #FCFAF6; }
.tar-tnd .tar-nombre { color: #3f7a34; }
.tar-plata-chica { font-size: 17px !important; letter-spacing: 0 !important; }
.tar tbody th { font-weight: 400; font-size: 14.5px; line-height: 1.35; }
.tar-nombre { display: block; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.tar-para { display: block; font-size: 12.5px; color: #8a8177; margin-top: 5px; letter-spacing: 0;
text-transform: none; font-weight: 400; line-height: 1.4; min-height: 4.2em; }
.tar-chip { display: inline-block; font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase;
background: #8b3a2a; color: #fff; padding: 3px 8px; margin: 0 0 8px; font-weight: 600; }
.tar-chip-tnd { background: #3f7a34 !important; }
.tar-chip-pronto { background: #a09383 !important; }
.tnd-pronto { font-size: 13.5px; line-height: 1.55; color: #6b6156; margin: 12px 0 0; max-width: 58ch; }
.tar-nota { display: block; margin-top: 4px; font-size: 10.5px; line-height: 1.35;
color: #8a8177; font-weight: 400; letter-spacing: 0; text-transform: none; }
.tar-alta { background: #FAF8F2; }
.tar-alta .tar-nombre { color: #8b3a2a; }
.tar-chico { display: block; font-size: 12px; color: #8a8177; margin-top: 2px; line-height: 1.3; font-weight: 400; }
.tk { font-weight: 700; font-size: 16px; line-height: 1; }
.tk.si { color: #3f7a34; } .tk.no { color: #c0392b; }
.tk.raya { color: #b3aa9c; font-weight: 400; }
.tk.pronto { font-size: 11px; font-weight: 600; color: #a09383;
letter-spacing: .04em; text-transform: lowercase; }
.tar-tope { font-size: 11px; color: #7a6a55; }
.tar-precio th, .tar-precio td { border-bottom: none; padding-top: 18px; padding-bottom: 6px; }
.tar-plata { display: block; font-size: 23px; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; }
.tar-um { display: block; font-size: 12px; color: #8a8177; margin-top: 4px; line-height: 1.4; }
.tar-cta td { border-bottom: none; padding: 4px 12px 20px; vertical-align: top; }
.tar-btn { display: flex; align-items: center; justify-content: center; text-align: center;
text-decoration: none; border: 1px solid #3f3b36; color: #3f3b36; padding: 10px 8px;
font-size: 11px; letter-spacing: .13em; text-transform: uppercase; min-height: 42px; line-height: 1.3; }
.tar-btn.lleno { background: #3f3b36; color: #fff; }
.tnd { background: #fff; border-top: 3px solid #8b3a2a; margin: 26px 0 0; padding: 22px 24px 26px; }
.tnd-rot { font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
color: #8b3a2a; font-weight: 600; margin: 0 0 8px; }
.tnd-tit { font-size: 26px; letter-spacing: -.01em; margin: 0 0 12px; }
.tnd-baja { font-size: 15px; line-height: 1.6; color: #3f3b36; margin: 0 0 16px; max-width: 64ch; }
.tnd-hoy { display: inline-block; background: #3f7a34; color: #fff; font-size: 12px;
font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
padding: 6px 12px; border-radius: 2px; margin: 0 0 14px; }
.tnd-modelo { font-size: 19px; font-weight: 700; color: #8b3a2a; margin: 0 0 10px;
letter-spacing: -.01em; }
.tnd-reglas { background: #fdf8ef; border-left: 3px solid #8b3a2a;
padding: 13px 16px; margin: 0 0 18px; max-width: 64ch; }
.tnd-reglas p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #3f3b36; }
.tnd-reglas p + p { margin-top: 9px; }
.tnd-lista { list-style: none; margin: 0 0 20px; padding: 0; }
.tnd-lista li { border-top: 1px solid #ece4d6; padding: 11px 0; font-size: 14.5px;
line-height: 1.5; max-width: 64ch; }
.tnd-btn { display: inline-flex !important; }
.dpp-body a.tar-btn.lleno { color: #fff9f5 !important; }
.tar-pie { margin: 18px 2px 0; color: #8a8177; font-size: 12.5px; line-height: 1.6; }
.tar-pie b { color: #3f3b36; }
.tar-tarjetas { display: none; }
.tar-card { background: #fff; border-top: 3px solid #3f3b36; padding: 20px 18px; margin: 0 0 14px; }
.tar-card.alta { border-top-color: #8b3a2a; }
.tar-card h2 { font-size: 14px; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 4px; }
.tar-card ul { list-style: none; margin: 14px 0 18px; padding: 0; }
.tar-card li { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid #ece4d6; font-size: 14px; align-items: flex-start; }
.tar-card li:last-child { border-bottom: none; }
@media (max-width: 820px) {
.tar-caja { display: none; }
.tar-tarjetas { display: block; margin-top: 22px; }
}
.pago-form { margin: 24px 0 0; }
.packs-pub { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0 0 22px; }
.pack-pub { display: block; background: #fff; border: 1px solid #e0d3ba; border-radius: 10px;
padding: 16px 15px 18px; cursor: pointer; transition: border-color .15s; }
.pack-pub:hover { border-color: #8b3a2a; }
.pack-pub input { position: absolute; opacity: 0; }
.pack-pub:has(input:checked) { border-color: #8b3a2a; box-shadow: inset 0 0 0 1px #8b3a2a; }
.pack-pub-alta { background: #FAF8F2; }
.pack-pub-cant { display: block; font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: -.02em; }
.pack-pub-que { display: block; font-size: 12px; color: #8a8177; margin: 3px 0 10px; }
.pack-pub-precio { display: block; font-size: 17px; font-weight: 600; }
.pack-pub-um { display: block; font-size: 12px; color: #8a8177; margin-top: 2px; }
.pack-pub-para { display: block; font-size: 12.5px; color: #6c5d4d; margin-top: 10px; line-height: 1.4; }
.pago-medios { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 0 0 20px; font-size: 14.5px; }
.pago-medios-tit { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #8a8177; }
.pago-btn { display: inline-block; background: #3f3b36; color: #fff; text-decoration: none; border: 0;
border-radius: 7px; padding: 14px 24px; font: 600 12.5px/1.2 inherit; letter-spacing: .12em;
text-transform: uppercase; cursor: pointer; min-height: 46px; }
.pago-btn:hover { background: #8b3a2a; }
.pago-chico { font-size: 12.5px; color: #8a8177; margin: 10px 0 0; line-height: 1.55; }
.pago-caja { background: #fff; border: 1px solid #e0d3ba; border-radius: 10px; padding: 22px 24px; margin: 22px 0 0; }
.pago-nota { margin: 0 0 20px; font-size: 15px; line-height: 1.6; }
.pago-via { border-top: 1px solid #ece4d6; padding: 18px 0 4px; }
.pago-via:first-of-type { border-top: 0; padding-top: 0; }
.pago-via-tit { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8a8177; margin: 0 0 12px; }
.pago-datos { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0 0 10px; font-size: 15px; }
.pago-datos dt { color: #8a8177; font-size: 13px; }
.pago-datos dd { margin: 0; }
.pago-falta { background: #fbeaea; border: 1px solid #e6c9c9; border-radius: 7px; padding: 13px 15px; font-size: 14px; line-height: 1.55; }
.pago-hist-tit { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8a8177; margin: 36px 0 10px; }
.pago-hist { width: 100%; border-collapse: collapse; font-size: 14px; }
.pago-hist td { padding: 9px 12px 9px 0; border-bottom: 1px solid #ece4d6; }
@media (max-width: 760px) {
.packs-pub { grid-template-columns: repeat(2, 1fr); }
.pago-caja { padding: 18px 16px; }
}
.puertas-pie a { color: #8b3a2a; text-decoration: none; border-bottom: 1px solid #e0d3ba; }
.puertas-pie a:hover { border-bottom-color: #8b3a2a; }
form.puerta { cursor: default; }
form.puerta:hover { border-color: #8b3a2a; box-shadow: 0 3px 14px rgba(0,0,0,.07); }
button.puerta-cta {
width: 100%; background: none; cursor: pointer; font-family: inherit;
}
.puerta-varias { display: block; text-align: center; margin-top: 10px; font-size: 12px; }
.puerta-varias a { color: #8a8177; text-decoration: none; border-bottom: 1px solid #e0d3ba; }
.puerta-varias a:hover { color: #8b3a2a; }
.puerta-cta.apagado, .tar-btn.apagado {
background: #f0ebe1 !important; color: #a49a8c !important; border-color: #e4dccd !important;
cursor: default; pointer-events: none;
}
.puerta-apagada { opacity: .96; }
.puerta-apagada:hover { border-color: #8b3a2a; box-shadow: none; }
.puerta-apagada .puerta-varias { color: #a49a8c; }
.hdr-casa{display:flex;align-items:center;gap:0}
.hdr-casa-punto{display:inline-block;width:15px;flex:none;
font-size:9px;line-height:1;opacity:.45}
.hdr-casa.es-activa{font-weight:600}
.hdr-casa.es-activa .hdr-casa-punto{opacity:1}
button.cta-apagado, span.cta-apagado {
background: #f0ebe1 !important; color: #a49a8c !important;
border-color: #e4dccd !important; cursor: default; pointer-events: none;
font-family: inherit;
}
button.tar-btn { width: 100%; font-family: inherit; }
.cta-proximamente { display: block; margin-top: 6px; font-size: 10.5px;
letter-spacing: .13em; text-transform: uppercase; color: #a49a8c; }
.pk-oferta { max-width: 460px; margin: 26px auto 0; border: 1px solid #e4dccd;
border-radius: 10px; padding: 30px 28px 26px; background: #fffdfa; text-align: center; }
.pk-oferta-precio { font-size: 34px; letter-spacing: .01em; line-height: 1.1; }
.pk-oferta-um { display: block; margin-top: 6px; font-size: 12px; color: #8a8177;
letter-spacing: .04em; text-transform: none; }
.pk-oferta-incluye { margin: 24px 0 10px; font-size: 12px; letter-spacing: .13em;
text-transform: uppercase; color: #8a8177; }
.pk-incluye { list-style: none; margin: 0 0 24px; padding: 0; text-align: left;
display: inline-block; }
.pk-incluye li { position: relative; padding: 4px 0 4px 22px; font-size: 13.5px; line-height: 1.5; }
.pk-incluye li::before { content: '·'; position: absolute; left: 8px; color: #8b3a2a;
font-weight: 700; }
.pk-oferta-cta { display: inline-flex; align-items: center; justify-content: center;
min-width: 240px; }
.pk-varios { max-width: 460px; margin: 34px auto 0; text-align: center; }
.pk-varios h3 { font-size: 13px; letter-spacing: .13em; text-transform: uppercase;
color: #8a8177; margin: 0 0 8px; }
.pk-varios p { font-size: 13.5px; line-height: 1.6; color: #6f6659; }
@media (max-width: 520px) {
.pk-oferta { padding: 26px 20px 22px; }
.pk-oferta-precio { font-size: 29px; }
.pk-oferta-cta { min-width: 0; width: 100%; }
}
.tar-regla { max-width: 62ch; margin: 22px 0 0; font-size: 13.5px; line-height: 1.6;
color: #6f6659; border-left: 3px solid #e0d3ba; padding: 2px 0 2px 16px; }
/*! assets/pulpa_dpp.css */
.dpp-layout {
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 780px) {
.dpp-layout {
grid-template-columns: 54fr 46fr;
align-items: start;
min-height: 540px;
}
}
.dpp-media {
position: relative;
background: #0e0b08;
}
.dpp-photo-main {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #15110d;
}
@media (min-width: 780px) {
.dpp-photo-main {
aspect-ratio: unset;
height: 540px;
}
}
.dpp-photo-main img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: opacity .25s;
}
.dpp-badges {
position: absolute;
top: 14px;
left: 14px;
display: flex;
flex-direction: column;
gap: 6px;
z-index: 2;
}
.dpp-badge {
display: inline-flex;
align-items: center;
height: 30px;
padding: 0 13px;
border-radius: 999px;
font: 700 11px "Helvetica Neue", Arial, sans-serif;
letter-spacing: .06em;
backdrop-filter: blur(10px);
border: 1px solid rgba(199,151,73,.5);
background: rgba(10,8,5,.85);
color: var(--gold-bright);
white-space: nowrap;
}
.dpp-badge-verif {
background: rgba(199,151,73,.96);
color: #fff9ef;
border-color: transparent;
}
.dpp-pill-nuevo {
display: inline-block;
vertical-align: middle;
background: rgba(63,122,52,.12);
color: #3f7a34;
font-size: 11px;
font-weight: 500;
letter-spacing: .01em;
line-height: 1;
padding: 5px 8px;
border-radius: 3px;
margin-left: 9px;
position: relative;
top: -1px;
}
.dpp-pill-nuevo b { font-weight: 700; }
.dpp-thumbs {
display: flex;
gap: 7px;
overflow-x: auto;
padding: 9px 12px;
background: #12100d;
scrollbar-width: none;
}
.dpp-thumbs::-webkit-scrollbar { display: none; }
.dpp-thumb {
flex: none;
width: 68px;
height: 52px;
border-radius: 7px;
overflow: hidden;
border: 2px solid transparent;
cursor: pointer;
opacity: .65;
transition: opacity .15s, border-color .15s;
}
.dpp-thumb:hover { opacity: .9; }
.dpp-thumb.active {
border-color: var(--gold);
opacity: 1;
}
.dpp-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.dpp-info {
padding: 24px 20px 32px;
background: var(--paper2);
}
@media (min-width: 780px) {
.dpp-info {
padding: 36px 40px 44px;
position: sticky;
top: 76px;
max-height: calc(100vh - 76px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--line) transparent;
}
}
.dpp-breadcrumb {
font: 13px/1 "Helvetica Neue", Arial, sans-serif;
color: var(--soft);
margin-bottom: 18px;
display: flex;
gap: 7px;
align-items: center;
}
.dpp-breadcrumb a {
color: var(--gold-deep);
transition: color .12s;
}
.dpp-breadcrumb a:hover { color: var(--gold); }
.dpp-breadcrumb span { color: var(--line); }
.dpp-meta-line {
font: 700 11px "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .12em;
color: var(--gold-deep);
margin-bottom: 10px;
}
.dpp-title {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(26px, 4vw, 38px);
line-height: 1.04;
letter-spacing: -.025em;
color: var(--ink);
margin: 0 0 22px;
text-wrap: balance;
}
.dpp-price-area {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid var(--line-soft);
}
.dpp-price-label {
font: 700 10px "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .12em;
color: var(--soft);
margin-bottom: 5px;
}
.dpp-price {
font-family: Georgia, "Times New Roman", serif;
font-size: 36px;
line-height: 1;
font-weight: 700;
color: var(--ink);
}
.dpp-price-none {
font: 15px/1.4 "Helvetica Neue", Arial, sans-serif;
color: var(--soft);
}
.dpp-actions {
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 9px;
}
.dpp-btn-primary {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
height: 52px;
background: #c4503c;
color: #fff9f5;
border: none;
border-radius: 13px;
font: 700 16px "Helvetica Neue", Arial, sans-serif;
cursor: pointer;
text-decoration: none;
transition: background .14s, transform .1s;
}
.dpp-btn-primary:hover {
background: #a83d31;
transform: translateY(-1px);
}
.dpp-cta-tag {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
margin: 10px 0 22px;
}
.dpp-cta-tag .cta-proximamente { margin-top: 0; }
.dpp-btn-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 9px;
}
.dpp-btn-sec {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 44px;
border: 1px solid var(--line);
background: var(--paper);
color: var(--ink);
border-radius: 11px;
font: 700 14px "Helvetica Neue", Arial, sans-serif;
cursor: pointer;
text-decoration: none;
transition: border-color .14s, background .14s;
}
.dpp-btn-sec:hover {
border-color: var(--gold);
background: var(--cream);
}
.dpp-specs-block {
border-top: 1px solid var(--line-soft);
padding-top: 18px;
}
.dpp-specs-label {
font: 700 10px "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .13em;
color: var(--soft);
margin-bottom: 11px;
}
.dpp-specs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 7px;
}
.dpp-spec-card {
background: var(--cream);
border: 1px solid var(--line-soft);
border-radius: 9px;
padding: 10px 10px 9px;
overflow: hidden;
}
.dpp-spec-key {
font: 700 10px "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .07em;
color: var(--soft);
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dpp-spec-val {
font: 700 15px Georgia, serif;
color: var(--ink);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
}
.dpp-body {
background: var(--cream);
}
.dpp-wrap {
width: min(1180px, calc(100% - 32px));
margin: 0 auto;
}
@media (min-width: 780px) {
.dpp-body .dpp-wrap {
max-width: 860px;
}
}
.dpp-section {
padding: 32px 0;
border-top: 1px solid var(--line-soft);
}
.dpp-section:first-child {
border-top: none;
}
.dpp-section-title {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
.dpp-section-title:before {
content: "";
width: 26px;
height: 1px;
background: var(--gold-deep);
flex: none;
}
.dpp-section-title h2 {
margin: 0;
font-size: 19px;
text-transform: uppercase;
letter-spacing: .09em;
font-weight: 700;
}
.dpp-desc {
font: 18px/1.65 Georgia, serif;
color: var(--ink);
max-width: 740px;
}
.dpp-desc p { margin: 0 0 14px; }
.dpp-desc p:last-child { margin: 0; }
.dpp-timeline {
position: relative;
padding-left: 32px;
max-width: 680px;
}
.dpp-timeline::before {
content: "";
position: absolute;
left: 8px;
top: 8px;
bottom: 8px;
width: 1px;
background: var(--line);
}
.dpp-evento {
position: relative;
margin-bottom: 32px;
}
.dpp-evento:last-child { margin-bottom: 0; }
.dpp-evento-dot {
position: absolute;
left: -27px;
top: 5px;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--cream);
border: 2px solid var(--gold-deep);
}
.dpp-evento-dot.verif { background: var(--gold); }
.dpp-evento-fecha {
font: 700 12px "Helvetica Neue", Arial, sans-serif;
color: var(--gold-deep);
letter-spacing: .04em;
margin-bottom: 4px;
}
.dpp-evento-titulo {
font: 700 18px Georgia, serif;
color: var(--ink);
margin-bottom: 4px;
}
.dpp-evento-tipo-chip {
display: inline-block;
font: 700 10px "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--soft);
border: 1px solid var(--line);
border-radius: 999px;
padding: 2px 10px;
margin-bottom: 6px;
}
.dpp-evento-desc {
font: 15px/1.55 "Helvetica Neue", Arial, sans-serif;
color: var(--muted);
}
.dpp-sello {
display: inline-flex;
align-items: center;
gap: 5px;
font: 700 11px "Helvetica Neue", Arial, sans-serif;
color: var(--green-ink);
background: var(--green);
border-radius: 999px;
padding: 3px 11px;
margin-top: 8px;
}
.dpp-timeline-vacio {
background: var(--paper);
border: 1px dashed var(--line);
border-radius: 14px;
padding: 22px 26px;
font: 15px/1.6 "Helvetica Neue", Arial, sans-serif;
color: var(--soft);
max-width: 560px;
}
.dpp-owner-card {
display: flex;
gap: 18px;
align-items: flex-start;
background: var(--paper);
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 22px 24px;
max-width: 520px;
}
.dpp-owner-seal {
flex: none;
width: 50px;
height: 50px;
border-radius: 50%;
background: #15110b;
border: 1px solid rgba(199,151,73,.4);
display: grid;
place-items: center;
color: var(--gold-bright);
font: 700 22px Georgia, serif;
}
.dpp-owner-body {}
.dpp-owner-nombre {
font: 700 18px Georgia, serif;
color: var(--ink);
margin-bottom: 2px;
}
.dpp-owner-rol {
font: 700 10px "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--gold-deep);
margin-bottom: 7px;
}
.dpp-owner-desc {
font: 14px/1.5 "Helvetica Neue", Arial, sans-serif;
color: var(--muted);
}
.dpp-notfound {
padding: 80px 0;
text-align: center;
}
.dpp-notfound h1 {
font-size: 32px;
margin-bottom: 14px;
}
.dpp-notfound p {
font: 17px/1.55 "Helvetica Neue", Arial, sans-serif;
color: var(--muted);
margin-bottom: 28px;
}
.dpp-notfound .btn { display: inline-flex; }
@media (max-width: 480px) {
.dpp-specs-grid { grid-template-columns: repeat(3, 1fr); gap: 5px; }
.dpp-spec-val { font-size: 13px; }
.dpp-title { font-size: 25px; }
.dpp-price { font-size: 30px; }
.dpp-section { padding: 36px 0; }
}
@media (max-width: 779px) {
.dpp-section { padding: 12px 0; }
.dpp-actions { padding-bottom: 0; }
}
.dpp-ficha-tabla {
max-width: 760px;
border-top: 1px solid var(--line);
}
.dpp-ficha-fila {
display: grid;
grid-template-columns: 180px 1fr;
gap: 18px;
padding: 11px 4px;
border-bottom: 1px solid var(--line-soft, rgba(0,0,0,.07));
}
.dpp-ficha-fila:nth-child(even) {
background: rgba(196, 80, 60, 0.03);
}
.dpp-ficha-key {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--soft);
padding-top: 3px;
}
.dpp-ficha-val {
font: 16px Georgia, "EB Garamond", serif;
color: var(--ink);
}
@media (max-width: 560px) {
.dpp-ficha-fila {
grid-template-columns: 1fr;
gap: 2px;
}
}
.dpp-trust {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 18px;
padding: 14px 16px;
background: rgba(196, 80, 60, 0.045);
border: 1px solid var(--line-soft, rgba(0,0,0,.08));
border-radius: 10px;
}
.dpp-trust-item {
display: flex;
align-items: center;
gap: 9px;
font-size: 12.5px;
color: var(--soft);
}
.dpp-trust-item svg { color: #8b3a2a; flex-shrink: 0; }
.dpp-trust-falta { background: rgba(0,0,0,.022); }
.dpp-trust-falta .dpp-trust-item svg { color: #8a8177; }
.dpp-similares {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
}
.dpp-sim-card {
display: block;
text-decoration: none;
border: 1px solid var(--line-soft, rgba(0,0,0,.08));
border-radius: 12px;
overflow: hidden;
background: #fff;
transition: transform .15s, box-shadow .15s;
}
.dpp-sim-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 22px rgba(26, 18, 8, .1);
}
.dpp-sim-foto {
aspect-ratio: 4 / 3;
background: #15110d;
overflow: hidden;
}
.dpp-sim-foto img { width: 100%; height: 100%; object-fit: cover; }
.dpp-sim-body { padding: 12px 14px 14px; }
.dpp-sim-titulo {
font: 15px/1.35 Georgia, serif;
color: var(--ink);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dpp-sim-meta {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 8px;
font-size: 11px;
}
.dpp-sim-codigo { color: var(--soft); letter-spacing: .06em; }
.dpp-sim-precio { color: #8b3a2a; font-weight: 700; font-size: 13px; }
.topstrip {
background: #0e0a06;
border-bottom: 1px solid rgba(199, 151, 73, .14);
}
.topstrip-inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 0;
}
.topstrip-item {
font-size: 11.5px;
letter-spacing: .05em;
color: #a08c72;
text-decoration: none;
}
a.topstrip-item:hover { color: #c79749; }
.sticky-header {
position: sticky;
top: 0;
z-index: 50;
box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}
.header-search-layout {
display: flex;
align-items: center;
gap: 26px;
}
.header-search {
flex: 1;
display: flex;
align-items: center;
max-width: 560px;
background: #f7f3ed;
border: 1px solid rgba(199, 151, 73, .35);
border-radius: 999px;
overflow: hidden;
}
.header-search input {
flex: 1;
border: 0;
background: transparent;
padding: 11px 20px;
font-size: 14px;
color: #1a1208;
outline: none;
}
.header-search input::placeholder { color: #9a8a74; }
.header-search button {
border: 0;
background: transparent;
color: #8b3a2a;
padding: 10px 18px 10px 10px;
cursor: pointer;
display: flex;
align-items: center;
}
@media (max-width: 700px) {
.header-search-layout { flex-wrap: wrap; gap: 12px; }
.header-search { order: 3; max-width: 100%; flex-basis: 100%; margin-bottom: 10px; }
.topstrip-inner { justify-content: center; }
.topstrip-item:last-child { display: none; }
}
.topstrip {
background: #f4ecd9;
border-bottom: 1px solid #e5d9bf;
}
.topstrip-item { color: #1a1208; font-size: 13px; font-weight: 500; }
a.topstrip-item { color: #8b3a2a; }
a.topstrip-item:hover { color: #c4503c; }
.topstrip-inner { padding: 12px 0; }
.header-search {
border-radius: 8px;
background: #ffffff;
border: 1px solid #d9cbb4;
}
.header-search input { padding: 12px 16px; font-size: 15px; }
.header-search button {
background: #c4503c;
color: #fff9f5;
border-radius: 0 7px 7px 0;
padding: 0 18px;
align-self: stretch;
}
.header-search button:hover { background: #8b3a2a; }
.dpp-title {
font-size: 26px !important;
line-height: 1.25 !important;
letter-spacing: .01em;
}
.dpp-price {
font-size: 24px !important;
font-weight: 400 !important;
}
.dpp-btn-primary {
display: flex !important;
align-items: center;
justify-content: center;
gap: 10px;
height: 49px;
padding: 0 20px !important;
border-radius: 8px !important;
background: #c4503c !important;
border: 1px solid #8b3a2a !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .04em;
}
.dpp-btn-primary:hover { background: #8b3a2a !important; }
.dpp-btn-sec,
a.dpp-btn-sec {
height: 49px;
padding: 0 20px !important;
border-radius: 8px !important;
background: transparent !important;
border: 1px solid #473b31 !important;
color: #8b3a2a !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .04em;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
}
.dpp-btn-sec:hover { border-color: #8b3a2a !important; background: rgba(196,80,60,.05) !important; }
.dpp-ficha-fila { padding: 7px 16px; grid-template-columns: 220px 1fr; gap: 12px; }
.dpp-ficha-key { font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: .02em; color: #5a4e44; }
.dpp-ficha-val { font-size: 13.5px; font-family: "Helvetica Neue", Arial, sans-serif; }
.dpp-ficha-fila:nth-child(even) { background: rgba(26, 18, 8, 0.025); }
.dpp-ficha-tabla { border: 1px solid #e5dccd; border-radius: 8px; overflow: hidden; }
.dpp-trust { border-radius: 8px; }
.dpp-sim-card { border-radius: 8px; }
.dpp-gate {
border: 1px solid #e0cbb4;
background: #faf5ec;
border-radius: 8px;
padding: 20px 22px;
}
.dpp-gate-titulo {
font-size: 14px;
font-weight: 700;
color: #1a1208;
letter-spacing: .02em;
margin-bottom: 6px;
}
.dpp-gate-texto {
font-size: 13px;
color: #5a4e44;
margin: 0 0 16px;
line-height: 1.5;
}
.dpp-gate-botones {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.dpp-gate-botones .dpp-btn-primary { flex: 0 0 auto; text-decoration: none; }
.dpp-gate-login {
font-size: 13px;
font-weight: 700;
color: #8b3a2a;
text-decoration: none;
}
.dpp-gate-login:hover { text-decoration: underline; }
.dpp-layout {
max-width: 1470px;
margin: 26px auto 0;
padding: 0 28px;
gap: 34px;
}
@media (min-width: 780px) {
.dpp-layout { grid-template-columns: 58fr 42fr; min-height: unset; }
}
.dpp-media { background: transparent; }
.dpp-media-card {
display: flex;
gap: 10px;
background: #ffffff;
border: 1px solid #e5dccd;
border-radius: 8px;
padding: 10px;
}
.dpp-media-card .dpp-thumbs {
display: flex;
flex-direction: column;
gap: 8px;
width: 104px;
flex-shrink: 0;
max-height: 600px;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
scrollbar-width: thin;
}
.dpp-media-card .dpp-thumb {
width: 100%;
aspect-ratio: 1 / 1;
height: auto;
box-sizing: border-box;
flex-shrink: 0;
border: 1px solid #e5dccd;
border-radius: 6px;
overflow: hidden;
background: #f5f2ec;
cursor: pointer;
opacity: 1;
}
.dpp-media-card .dpp-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dpp-media-card .dpp-thumb.active { border: 2px solid #c4503c; }
.dpp-media-card .dpp-photo-main {
flex: 1;
position: relative;
height: 600px;
aspect-ratio: unset;
background: #f5f2ec;
border-radius: 6px;
overflow: hidden;
}
.dpp-media-card .dpp-photo-main img {
width: 100%;
height: 100%;
object-fit: contain;
}
.dpp-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 8px;
border: 1px solid #e0d5bd;
background: #f4ecd9;
color: #1a1208;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .15s;
}
.dpp-nav:hover { background: #eadfc4; }
.dpp-nav-prev { left: 14px; }
.dpp-nav-next { right: 14px; }
.dpp-media-card .dpp-badges { top: 14px; left: 14px; }
@media (max-width: 779px) {
.dpp-layout { padding: 0 14px; }
.dpp-media-card { flex-direction: column-reverse; }
.dpp-media-card .dpp-thumbs { flex-direction: row; width: 100%; max-height: unset; overflow-x: auto; overflow-y: hidden; }
.dpp-media-card .dpp-photo-main { height: 46vh; }
}
.dpp-media-card .dpp-thumbs { background: transparent; }
.dpp-media-card { align-items: flex-start; }
.header-nav-cuenta { display: flex; align-items: center; gap: 18px; }
.hdr-ingresar {
color: #f7f3ed !important;
font-weight: 700;
}
.hdr-registro {
background: #c4503c;
color: #fff9f5 !important;
padding: 9px 18px;
border-radius: 8px;
font-weight: 700;
border: 1px solid #8b3a2a;
}
.hdr-registro:hover { background: #8b3a2a; }
.hdr-cuenta {
display: inline-flex;
align-items: center;
gap: 7px;
color: #c79749 !important;
font-weight: 700;
}
.dpp-gate-botones .dpp-btn-sec { text-decoration: none; }
.sticky-header {
background: #fffdf9;
border-bottom: 1px solid #e5dccd;
box-shadow: 0 2px 12px rgba(26, 18, 8, .07);
}
.sticky-header .header-inner { padding-top: 16px; padding-bottom: 16px; }
.sticky-header .brand-main { color: #1a1208; }
.sticky-header .brand-sub  { color: #8b3a2a; }
.sticky-header .brand-seal {
background: #1a1208;
color: #c79749;
border: 1px solid #c79749;
}
.sticky-header .header-search {
background: #ffffff;
border: 1px solid #cdbfa6;
}
.sticky-header .header-search input { color: #1a1208; }
.sticky-header .nav { gap: 22px; }
.sticky-header .nav a { color: #1a1208; font-weight: 500; font-size: 15px; }
.sticky-header .nav a:hover { color: #8b3a2a; }
.sticky-header .hdr-ingresar { color: #1a1208 !important; font-weight: 700; }
.sticky-header .hdr-ingresar:hover { color: #8b3a2a !important; }
.sticky-header .hdr-registro {
background: #c4503c;
color: #fff9f5 !important;
padding: 11px 22px;
border-radius: 8px;
border: 1px solid #8b3a2a;
font-size: 14px;
letter-spacing: .02em;
}
.sticky-header .hdr-registro:hover { background: #8b3a2a; }
.sticky-header .hdr-cuenta { color: #8b3a2a !important; }
.catnav {
background: #fffdf9;
border-bottom: 1px solid #e5dccd;
}
.catnav-inner {
display: flex;
gap: 30px;
padding: 11px 0;
overflow-x: auto;
scrollbar-width: none;
}
.catnav-inner::-webkit-scrollbar { display: none; }
.catnav a {
font-size: 13.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #1a1208;
text-decoration: none;
white-space: nowrap;
}
.catnav a:hover { color: #8b3a2a; }
.home-carter { background: #f7f3ed; }
.home-hero {
background: #fffdf9;
border-bottom: 1px solid #e5dccd;
padding: 52px 0;
}
.home-hero-grid {
display: grid;
grid-template-columns: 1fr;
gap: 36px;
align-items: center;
}
@media (min-width: 880px) {
.home-hero-grid { grid-template-columns: 55fr 45fr; }
}
.home-kicker {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .14em;
color: #8b3a2a;
margin-bottom: 14px;
}
.home-hero-copy h1 {
font-size: clamp(28px, 4vw, 42px);
line-height: 1.15;
color: #1a1208;
margin: 0 0 16px;
}
.home-hero-copy p {
font-size: 17px;
line-height: 1.6;
color: #5a4e44;
max-width: 520px;
margin: 0 0 26px;
}
.home-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.home-hero-actions a { text-decoration: none; }
.home-hero-pieza {
display: block;
position: relative;
border: 1px solid #e5dccd;
border-radius: 8px;
overflow: hidden;
background: #fff;
text-decoration: none;
aspect-ratio: 4 / 3;
}
.home-hero-pieza img { width: 100%; height: 100%; object-fit: cover; }
.home-hero-pieza-info {
position: absolute;
left: 0; right: 0; bottom: 0;
padding: 16px 18px;
background: linear-gradient(transparent, rgba(14, 10, 6, .82));
}
.home-hero-pieza-info .micro { color: #c79749; font-size: 11px; letter-spacing: .08em; }
.home-hero-pieza-titulo { font: 20px Georgia, serif; color: #f7f3ed; margin-top: 4px; }
.home-seccion { padding: 46px 0; }
.home-seccion-alt { background: #fffdf9; border-top: 1px solid #e5dccd; border-bottom: 1px solid #e5dccd; }
.home-seccion-head {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 24px;
}
.home-seccion-head h2 { font-size: 24px; color: #1a1208; margin: 0; }
.home-verlink { font-size: 13px; font-weight: 700; color: #8b3a2a; text-decoration: none; }
.home-verlink:hover { text-decoration: underline; }
.home-vacio { color: #5a4e44; }
.home-cats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 16px;
}
.home-cat-card {
border: 1px solid #e5dccd;
border-radius: 8px;
background: #ffffff;
padding: 22px;
text-decoration: none;
transition: transform .15s, box-shadow .15s;
}
.home-cat-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(26,18,8,.09); }
.home-cat-nombre { font: 19px Georgia, serif; color: #1a1208; }
.home-cat-n { font-size: 12px; color: #8b3a2a; margin-top: 5px; font-weight: 700; }
.home-dpp-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 18px;
}
.home-dpp-item {
border: 1px solid #e5dccd;
border-left: 3px solid #c4503c;
background: #fffdf9;
padding: 20px 22px;
}
.home-dpp-item h3 { font-size: 17px; color: #1a1208; margin: 0 0 8px; }
.home-dpp-item p { font: 14px/1.55 "Helvetica Neue", Arial, sans-serif; color: #5a4e44; margin: 0; }
.dpp-sim-foto { position: relative; }
.card-chip-verif {
position: absolute;
top: 10px; left: 10px;
background: #c79749;
color: #1a1208;
font-size: 9.5px;
font-weight: 700;
letter-spacing: .08em;
padding: 4px 10px;
border-radius: 4px;
}
.dpp-sim-gate { font-size: 10.5px; color: #a3937d; }
.footer-carter { background: #14100a; padding: 46px 0 0; }
.footer-cols {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 34px;
padding-bottom: 36px;
}
.fcol { display: flex; flex-direction: column; gap: 9px; }
.fcol-titulo {
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #c79749;
margin-bottom: 4px;
}
.fcol a, .fcol-texto {
font: 14px/1.5 Georgia, serif;
color: #b3a48e;
text-decoration: none;
}
.fcol a:hover { color: #f7f3ed; }
.fcol-marca .brand-seal { margin-bottom: 10px; }
.fcol-lema { font: 16px Georgia, serif; color: #f7f3ed; }
.fcol-sublema { font: 12.5px/1.55 "Helvetica Neue", Arial, sans-serif; color: #948472; margin-top: 6px; }
.footer-legal {
border-top: 1px solid rgba(247, 243, 237, .08);
padding: 16px 0;
font-size: 12px;
color: #948472;
}
@media (max-width: 700px) {
.topstrip-inner { justify-content: center; padding: 8px 10px; }
.topstrip-item { font-size: 11px; text-align: center; }
.sticky-header .header-inner { padding: 12px 0; }
.header-search-layout { flex-wrap: wrap; gap: 10px; }
.brand { order: 1; }
.header-nav-cuenta { order: 2; margin-left: auto; gap: 12px; }
.header-search { order: 3; flex-basis: 100%; max-width: 100%; }
.sticky-header .hdr-registro { padding: 8px 14px; font-size: 12.5px; }
.sticky-header .nav a { font-size: 13.5px; }
.catnav-inner { gap: 20px; padding: 10px 14px; }
.catnav a { font-size: 12px; }
.home-hero { padding: 30px 0; }
.home-hero-actions .dpp-btn-primary,
.home-hero-actions .dpp-btn-sec { width: 100%; }
.home-seccion { padding: 30px 0; }
.home-seccion-head h2 { font-size: 20px; }
.dpp-layout { gap: 22px; margin-top: 14px; }
.dpp-title { font-size: 22px !important; }
.dpp-gate-botones { flex-direction: column; align-items: stretch; }
.dpp-gate-botones .dpp-btn-primary,
.dpp-gate-botones .dpp-btn-sec { width: 100%; }
.dpp-btn-row { flex-direction: column; }
.dpp-btn-row .dpp-btn-sec { width: 100%; }
.dpp-ficha-fila { grid-template-columns: 1fr; gap: 2px; padding: 9px 14px; }
.dpp-similares { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.footer-cols { gap: 24px; }
}
.dpp-body { padding-bottom: 60px; }
.dpp-similares { margin-bottom: 10px; }
.dpp-similares {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
}
.dpp-sim-card {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible;
}
.dpp-sim-card:hover {
transform: none;
box-shadow: none !important;
}
.dpp-sim-foto {
aspect-ratio: 1 / 1;
border-radius: 0;
background: #efeae1;
}
.dpp-sim-card:hover .dpp-sim-titulo { color: #8b3a2a; }
.dpp-sim-body { padding: 14px 2px 0; }
.dpp-sim-titulo {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: #473b31;
}
.dpp-sim-meta {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
margin-top: 8px;
}
.dpp-sim-precio {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 24px;
font-weight: 500;
color: #8b3a2a;
}
.dpp-sim-codigo {
font-size: 11.5px;
letter-spacing: .08em;
color: #a3937d;
order: 2;
}
.dpp-sim-gate {
font-size: 11px;
color: #8b3a2a;
font-weight: 600;
white-space: nowrap;
letter-spacing: .01em;
}
@media (max-width: 700px) {
.dpp-similares { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 24px; }
.dpp-sim-titulo { font-size: 17px; }
.dpp-sim-precio { font-size: 22px; }
}
.sans, .topstrip, .catnav, .header-search input, .header-search button,
.dpp-btn-primary, .dpp-btn-sec, .hdr-ingresar, .hdr-registro, .hdr-cuenta,
.dpp-sim-titulo, .dpp-sim-precio, .dpp-sim-codigo, .dpp-sim-gate,
.dpp-gate, .dpp-trust, .dpp-ficha-key, .dpp-ficha-val,
.home-kicker, .home-cat-n, .home-dpp-item p, .home-verlink,
.fcol-titulo, .footer-legal, .dpp-price-label, .dpp-specs-label,
.dpp-disclaimer, .dpp-meta-line, .dpp-breadcrumb {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.dpp-title {
font-family: Roboto, sans-serif !important;
font-weight: 700 !important;
}
.dpp-price { font-family: Roboto, sans-serif !important; font-weight: 500 !important; }
.home-seccion-head h2 {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 32px;
color: #0f0b09;
letter-spacing: -.01em;
}
.dpp-section-title h2 {
font-family: Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: 21px !important;
color: #0f0b09 !important;
text-transform: none;
}
.home-hero-copy h1 { font-family: Roboto, sans-serif; font-weight: 700; letter-spacing: -.015em; }
.home-cat-nombre { font-family: Roboto, sans-serif; font-weight: 500; font-size: 18px; }
.home-dpp-item h3 { font-family: Roboto, sans-serif; font-weight: 700; }
.home-hero-pieza-titulo { font-family: Roboto, sans-serif; font-weight: 500; }
.fcol a, .fcol-texto, .fcol-lema { font-family: Roboto, sans-serif; }
.header-search input { padding: 18px 20px; font-size: 15px; }
.header-search button { padding: 0 22px; }
.header-search button svg { width: 19px; height: 19px; }
.catnav a.catnav-link, .catnav-item > .catnav-link {
font-size: 15px;
font-weight: 700;
padding: 4px 0;
display: inline-flex;
align-items: center;
gap: 6px;
}
.catnav-inner { gap: 34px; padding: 13px 0; overflow: visible; }
.catnav-caret { opacity: .55; transition: transform .18s ease; }
.catnav-item:hover .catnav-caret { transform: rotate(180deg); }
.catnav-item { position: relative; }
.catnav-menu {
position: absolute;
top: calc(100% + 10px);
left: -14px;
min-width: 240px;
background: rgba(255, 253, 249, .94);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid #e5dccd;
border-radius: 8px;
box-shadow: 0 14px 34px rgba(26, 18, 8, .16);
padding: 8px 0;
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
z-index: 60;
}
.catnav-item:hover .catnav-menu,
.catnav-item:focus-within .catnav-menu {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.catnav-menu a {
display: block;
padding: 9px 20px;
font-size: 14px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
color: #473b31;
white-space: nowrap;
}
.catnav-menu a:hover { background: #f4ecd9; color: #8b3a2a; }
.catnav-menu a:first-child { font-weight: 700; color: #8b3a2a; }
@media (max-width: 700px) {
.catnav-inner { overflow-x: auto; }
.catnav-menu { display: none; }
.header-search input { padding: 14px 16px; }
.home-seccion-head h2 { font-size: 24px; }
}
.sticky-header {
position: static;
box-shadow: none;
}
.home-hero { padding-top: 46px; }
header.site-header { height: auto !important; min-height: 0 !important; }
.dpp-sim-card {
border: 1px solid transparent !important;
border-radius: 8px !important;
transition: border-color .18s ease;
}
.dpp-sim-card:hover {
border-color: rgb(213, 207, 209) !important;
}
.dpp-sim-foto {
border-radius: 8px 8px 0 0;
overflow: hidden;
}
.dpp-sim-foto img {
transition: opacity .18s ease;
}
.dpp-sim-card:hover .dpp-sim-foto img {
opacity: .8;
}
.dpp-sim-body {
padding: 14px 14px 16px;
border-radius: 0 0 8px 8px;
transition: background-color .18s ease;
}
.dpp-sim-card:hover .dpp-sim-body {
background-color: rgb(245, 245, 245);
}
.dpp-sim-precio-row {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.dpp-sim-chevron {
color: #8b3a2a;
opacity: 0;
transition: opacity .18s ease;
flex-shrink: 0;
}
.dpp-sim-card:hover .dpp-sim-chevron {
opacity: 1;
}
.home-banner {
position: relative;
min-height: 520px;
display: flex;
align-items: center;
background-color: #14100a;
background-size: cover;
background-position: center 35%;
}
.home-banner-shade {
position: absolute;
inset: 0;
background: linear-gradient(100deg, rgba(14, 10, 6, .88) 0%, rgba(14, 10, 6, .62) 46%, rgba(14, 10, 6, .18) 100%);
}
.home-banner-content {
position: relative;
z-index: 2;
padding-top: 64px;
padding-bottom: 64px;
max-width: 1340px;
}
.home-banner .home-kicker { color: #c79749; }
.home-banner h1 {
font-family: Roboto, sans-serif;
font-weight: 700;
letter-spacing: -.015em;
font-size: clamp(30px, 4.4vw, 50px);
line-height: 1.12;
color: #f7f3ed;
max-width: 640px;
margin: 0 0 18px;
}
.home-banner p {
font-family: Roboto, sans-serif;
font-size: 17px;
line-height: 1.6;
color: rgba(247, 243, 237, .82);
max-width: 520px;
margin: 0 0 30px;
}
.home-banner .home-hero-actions .dpp-btn-primary { min-width: 220px; }
.home-banner-btn-sec {
border-color: rgba(247, 243, 237, .55) !important;
color: #f7f3ed !important;
background: transparent !important;
}
.home-banner-btn-sec:hover {
border-color: #f7f3ed !important;
background: rgba(247, 243, 237, .1) !important;
}
.home-banner-credito {
position: absolute;
right: 26px;
bottom: 18px;
z-index: 2;
font-size: 12px;
letter-spacing: .04em;
color: rgba(247, 243, 237, .75);
text-decoration: none;
background: rgba(14, 10, 6, .45);
padding: 7px 14px;
border-radius: 6px;
backdrop-filter: blur(4px);
}
.home-banner-credito:hover { color: #f7f3ed; }
@media (max-width: 700px) {
.home-banner { min-height: 440px; }
.home-banner-content { padding-top: 44px; padding-bottom: 64px; }
.home-banner-credito { right: 14px; bottom: 12px; font-size: 11px; }
}
.home-banner .home-hero-actions { align-items: center; }
.home-banner .home-hero-actions .dpp-btn-primary,
.home-banner .home-hero-actions .dpp-btn-sec {
display: inline-flex !important;
width: auto;
flex: 0 0 auto;
}
a.home-banner-btn-sec {
border-color: rgba(247, 243, 237, .55) !important;
color: #f7f3ed !important;
background: transparent !important;
}
a.home-banner-btn-sec:hover {
border-color: #f7f3ed !important;
background: rgba(247, 243, 237, .12) !important;
}
@media (max-width: 700px) {
.home-banner .home-hero-actions .dpp-btn-primary,
.home-banner .home-hero-actions .dpp-btn-sec { width: 100%; }
}
.dpp-body .dpp-wrap { max-width: 1340px; }
header.site-header { position: relative; z-index: 500; }
.catnav-toggle {
background: none;
border: 0;
cursor: pointer;
font-family: Roboto, sans-serif;
}
.catnav-menu {
background: rgb(255, 255, 255);
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 0;
border-radius: 0;
box-shadow: rgba(0,0,0,.2) 0 1px 5px 0, rgba(0,0,0,.14) 0 2px 2px 0, rgba(0,0,0,.12) 0 3px 1px -2px;
padding: 8px 0;
min-width: 245px;
transform: none;
transition: opacity .3s ease-out;
z-index: 6000;
}
.catnav-item:hover .catnav-menu,
.catnav-item:focus-within .catnav-menu {
opacity: 0;
transform: none;
pointer-events: none;
}
.catnav-item.open .catnav-menu {
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
}
.catnav-item.open .catnav-caret { transform: rotate(180deg); }
.catnav-item:hover .catnav-caret { transform: none; }
.catnav-menu a {
font-size: 15px;
padding: 8px 16px;
color: rgb(15, 11, 9);
}
.catnav-menu a:hover { background: rgb(245, 245, 245); color: #8b3a2a; }
.listado-titulo { font-family: Roboto, sans-serif; font-weight: 700; font-size: 30px; color: #0f0b09; margin-bottom: 22px; }
.listado-conteo { font-size: 16px; font-weight: 400; color: #8b8073; }
.listado-layout {
display: grid;
grid-template-columns: 264px 1fr;
gap: 30px;
align-items: start;
}
.filtros {
background: #faf6ef;
border: 1px solid #e5dccd;
border-radius: 8px;
padding: 18px 16px;
position: sticky;
top: 16px;
}
.filtro-grupo { margin-bottom: 16px; }
.filtro-label {
display: block;
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #5a4e44;
margin-bottom: 6px;
}
.filtro-select,
.filtro-rango input {
width: 100%;
border: 1px solid #d9cbb4;
border-radius: 8px;
background: #fff;
padding: 10px 12px;
font-family: Roboto, sans-serif;
font-size: 14px;
color: #1a1208;
outline: none;
}
.filtro-select:focus, .filtro-rango input:focus { border-color: #8b3a2a; }
.filtro-rango { display: flex; gap: 8px; }
.filtro-check {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #1a1208;
cursor: pointer;
}
.filtro-check input { accent-color: #c4503c; width: 16px; height: 16px; }
.filtro-gate {
font-size: 13px;
color: #5a4e44;
background: #f4ecd9;
border-radius: 8px;
padding: 10px 12px;
margin-bottom: 16px;
}
.filtro-gate a { color: #8b3a2a; font-weight: 700; text-decoration: none; }
.filtro-aplicar { width: 100%; margin-top: 4px; }
.filtro-reset {
display: block;
text-align: center;
margin-top: 12px;
font-size: 13px;
font-weight: 700;
color: #8b3a2a;
text-decoration: none;
}
.filtro-reset:hover { text-decoration: underline; }
.listado-resultados .dpp-similares { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; }
@media (max-width: 860px) {
.listado-layout { grid-template-columns: 1fr; }
.filtros { position: static; }
.listado-resultados .dpp-similares { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
}
.filtros.no-pegar { position: static !important; }
.topstrip-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.topstrip-rotador {
font-weight: 700;
text-align: center;
flex: 1;
transition: opacity .35s ease;
opacity: 1;
}
.topstrip-rotador.rotando { opacity: 0; }
.catnav-toggle {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #1a1208;
padding: 4px 0;
display: inline-flex;
align-items: center;
gap: 6px;
}
.catnav-toggle:hover { color: #8b3a2a; }
@media (max-width: 700px) {
.topstrip-rotador { display: none; }
}
.listado-migas {
display: flex;
gap: 8px;
font-size: 12.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: #5a4e44;
margin-bottom: 10px;
}
.listado-migas a { color: #8b3a2a; text-decoration: none; }
.listado-migas a:hover { text-decoration: underline; }
.listado-titulo-xl {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: clamp(32px, 4vw, 46px);
line-height: 1.08;
color: #0f0b09;
margin: 0 0 8px;
letter-spacing: -.015em;
}
.listado-resumen {
font-size: 16px;
color: #473b31;
margin: 0 0 26px;
}
.listado-resumen b { color: #8b3a2a; font-weight: 700; }
.filtro-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.filtro-pills:empty { display: none; }
.marca-pill {
display: inline-flex;
align-items: center;
gap: 6px;
background: #f4ecd9;
border: 1px solid #e0d5bd;
border-radius: 999px;
padding: 5px 6px 5px 12px;
font-size: 13px;
font-weight: 500;
color: #1a1208;
}
.marca-pill-x {
border: 0;
background: #d9cbb4;
color: #473b31;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.marca-pill-x:hover { background: #c4503c; color: #fff9f5; }
.filtro-decadas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.filtro-decadas .deca {
position: relative;
display: inline-flex;
align-items: center;
border: 1px solid #d9cbb4;
background: #fff;
color: #473b31;
border-radius: 999px;
padding: 4px 9px;
font-family: Roboto, sans-serif;
font-size: 11.5px;
font-weight: 500;
line-height: 1;
cursor: pointer;
user-select: none;
}
.filtro-decadas .deca input {
position: absolute; inset: 0; margin: 0;
opacity: 0; cursor: pointer;
}
.filtro-decadas .deca:hover { border-color: #c4503c; color: #c4503c; }
.filtro-decadas .deca:has(input:focus-visible) { outline: 2px solid #c4503c; outline-offset: 2px; }
.filtro-decadas .deca.activa,
.filtro-decadas .deca:has(input:checked) {
background: #1a1208;
border-color: #1a1208;
color: #fff9f5;
}
.filtro-ver { margin-top: 12px; }
.filtro-ver .llave-txt { font-size: 13px; }
@media (max-width: 700px) {
.listado-titulo-xl { font-size: 30px; }
}
.listado-layout { grid-template-columns: 340px 1fr; gap: 28px; }
.filtros { padding: 22px 20px; }
.filtro-select, .filtro-rango input { padding: 13px 14px; font-size: 15px; }
.filtro-grupo { margin-bottom: 18px; }
.listado-resultados .dpp-similares { grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 24px; }
.listado-resultados .dpp-sim-titulo { font-size: 17px; }
.listado-resultados .dpp-sim-precio { font-size: 22px; }
@media (max-width: 980px) {
.listado-layout { grid-template-columns: 1fr; }
}
.card-chips {
position: absolute;
top: 10px; left: 10px;
display: flex;
gap: 6px;
z-index: 2;
}
.card-chip-nuevo, .card-chip-verif {
position: static;
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
padding: 4px 10px;
border-radius: 4px;
}
.card-chip-nuevo { background: #c4503c; color: #fff9f5; }
.card-chip-verif { background: #c79749; color: #1a1208; }
.card-fav {
position: absolute;
top: 10px; right: 10px;
z-index: 3;
width: 34px; height: 34px;
border: 0;
border-radius: 50%;
background: rgba(255, 253, 249, .92);
color: #473b31;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 1px 4px rgba(0,0,0,.18);
transition: transform .12s ease, color .15s ease;
}
.card-fav svg { fill: none; }
.card-fav:hover { transform: scale(1.1); color: #c4503c; }
.card-fav.es-fav { color: #c4503c; }
.card-fav.es-fav svg { fill: #c4503c; }
.hdr-favs {
display: inline-flex;
align-items: center;
color: #473b31 !important;
}
.hdr-favs:hover { color: #c4503c !important; }
.hdr-favs svg { fill: none; }
.card-fav {
background: transparent;
box-shadow: none;
width: 30px;
height: 30px;
color: #ffffff;
filter: drop-shadow(0 1px 3px rgba(0,0,0,.45));
}
.card-fav:hover { color: #ffffff; transform: scale(1.15); }
.card-fav.es-fav { color: #c4503c; filter: drop-shadow(0 1px 3px rgba(0,0,0,.3)); }
.card-fav svg { width: 22px; height: 22px; }
.pulpa-modal-overlay {
position: fixed;
inset: 0;
z-index: 7000;
background: rgba(14, 10, 6, .55);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
transition: opacity .2s ease-out;
}
.pulpa-modal-overlay.visible { opacity: 1; }
.pulpa-modal {
position: relative;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
width: 100%;
max-width: 420px;
padding: 30px 32px 26px;
transform: translateY(10px);
transition: transform .2s ease-out;
}
.pulpa-modal-overlay.visible .pulpa-modal { transform: translateY(0); }
.pulpa-modal-x {
position: absolute;
top: 14px; right: 16px;
border: 0;
background: none;
font-size: 16px;
color: #473b31;
cursor: pointer;
padding: 4px;
}
.pulpa-modal-x:hover { color: #c4503c; }
.pulpa-modal-titulo {
font-size: 22px;
font-weight: 700;
color: #0f0b09;
margin: 0 0 4px;
}
.pulpa-modal-bajada {
font-size: 14px;
color: #5a4e44;
margin: 0 0 18px;
}
.pulpa-modal-form { display: flex; flex-direction: column; gap: 12px; }
.pulpa-modal-form input:not([type=checkbox]) {
border: 1px solid #d9cbb4;
border-radius: 8px;
padding: 13px 14px;
font-family: Roboto, sans-serif;
font-size: 15px;
color: #1a1208;
outline: none;
}
.pulpa-modal-form input:not([type=checkbox]):focus { border-color: #8b3a2a; }
.pulpa-modal-form .dpp-btn-primary { width: 100%; }
.pulpa-modal-registro {
font-size: 13.5px;
color: #5a4e44;
text-align: center;
margin: 16px 0 0;
}
.pulpa-modal-registro a { color: #8b3a2a; font-weight: 700; text-decoration: none; }
.pulpa-modal-registro a:hover { text-decoration: underline; }
.pulpa-modal-overlay[hidden] { display: none; }
.home-banner-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center 35%;
transition: opacity .45s ease;
opacity: 1;
}
.home-banner-shade { z-index: 1; }
.home-carrusel-wrap { position: relative; }
.home-carrusel {
display: flex !important;
grid-template-columns: none !important;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding-bottom: 6px;
}
.home-carrusel::-webkit-scrollbar { display: none; }
.home-carrusel .dpp-sim-card {
flex: 0 0 calc((100% - 4 * 24px) / 4.5);
scroll-snap-align: start;
}
.home-carrusel-flecha {
position: absolute;
top: 38%;
transform: translateY(-50%);
z-index: 5;
width: 42px;
height: 42px;
border-radius: 8px;
border: 1px solid #e0d5bd;
background: #f4ecd9;
color: #1a1208;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 10px rgba(26, 18, 8, .18);
transition: background .15s;
}
.home-carrusel-flecha:hover { background: #eadfc4; }
.home-carrusel-flecha.prev { left: -14px; }
.home-carrusel-flecha.next { right: -14px; }
@media (max-width: 900px) {
.home-carrusel .dpp-sim-card { flex-basis: calc((100% - 24px) / 1.6); }
.home-carrusel-flecha { display: none; }
}
.home-carter .wrap,
.home-banner-content,
.dpp-body .dpp-wrap,
.topstrip-inner,
.header-inner,
.catnav-inner {
max-width: 1470px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 28px;
padding-right: 28px;
box-sizing: border-box;
}
.home-carrusel { overflow-x: auto; }
.home-carrusel-wrap { max-width: 100%; }
.home-carter .wrap,
.home-banner-content,
.topstrip-inner,
.header-inner,
.catnav-inner {
max-width: none !important;
padding-left: 30px;
padding-right: 30px;
}
.home-carrusel-flecha.prev { left: 12px; }
.home-carrusel-flecha.next { right: 12px; }
.home-carrusel-flecha { top: 34%; width: 44px; height: 44px; border-radius: 6px; }
.home-carrusel .dpp-sim-titulo { font-size: 18px; }
.sticky-header .header-inner {
padding-top: 26px;
padding-bottom: 22px;
}
.header-search {
max-width: 500px;
border-radius: 4px;
border: 1px solid #c9bca6;
box-shadow: 0 1px 3px rgba(26, 18, 8, .07);
}
.header-search input { padding: 17px 18px; }
.header-search button { border-radius: 0 3px 3px 0; }
.header-search:focus-within { border-color: #8b3a2a; }
.home-carter .wrap,
.home-banner-content,
.topstrip-inner,
.header-inner,
.catnav-inner {
width: auto !important;
max-width: none !important;
}
.dpp-body .dpp-wrap {
width: auto !important;
max-width: 1470px !important;
}
.home-carrusel { gap: 24px !important; }
.home-carrusel .dpp-sim-card { flex: 0 0 calc((100% - 4 * 24px) / 4.5) !important; }
.home-carrusel-flecha { z-index: 20; }
.home-promo {
position: relative;
min-height: 300px;
display: flex;
align-items: center;
background-color: #14100a;
background-size: cover;
background-position: center 40%;
margin: 18px 0;
}
.home-promo-shade {
position: absolute; inset: 0;
background: linear-gradient(90deg, rgba(14,10,6,.15) 40%, rgba(14,10,6,.78) 75%);
}
.home-promo-content {
position: relative;
z-index: 2;
margin-left: auto;
text-align: right;
padding: 40px 60px;
}
.home-promo-content h2 {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: clamp(26px, 3vw, 40px);
color: #f7f3ed;
margin: 0 0 6px;
letter-spacing: -.01em;
}
.home-promo-content p {
font-family: Roboto, sans-serif;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: rgba(247,243,237,.85);
margin: 0 0 20px;
}
.home-promo-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #f7f3ed;
color: #1a1208;
font-family: Roboto, sans-serif;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
padding: 13px 26px;
border-radius: 4px;
text-decoration: none;
}
.home-promo-btn:hover { background: #ffffff; }
.home-seccion-bajada {
font-size: 15px;
color: #5a4e44;
margin: 4px 0 0;
}
.home-news {
background: #f4ecd9;
border-top: 1px solid #e5d9bf;
border-bottom: 1px solid #e5d9bf;
padding: 40px 0;
margin: 18px 0;
}
.home-tienda {
background: #241a10;
color: #f4ecd9;
padding: 44px 0;
margin: 18px 0;
}
.home-tienda-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.home-tienda-rot {
font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
color: #c79749; font-weight: 700; margin: 0 0 8px;
}
.home-tienda h2 {
margin: 0 0 8px;
color: #fff9f5 !important;
font-size: 27px !important;
}
.home-tienda p { margin: 0; color: #d8ccb8; font-size: 15px; line-height: 1.55; max-width: 56ch; }
.home-tienda-btn {
flex: none;
display: inline-flex; align-items: center; justify-content: center;
background: #c4503c; color: #fff9f5 !important;
padding: 15px 28px; border-radius: 10px;
font-size: 15px; font-weight: 700; text-decoration: none;
transition: background .14s;
}
.home-tienda-btn:hover { background: #a83d31; }
@media (max-width: 720px) {
.home-tienda { padding: 28px 0; }
.home-tienda-inner { flex-direction: column; align-items: stretch; gap: 18px; }
.home-tienda-btn { width: 100%; }
}
.home-news-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
}
.home-news-copy h2 {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 28px;
color: #0f0b09;
margin: 0 0 6px;
}
.home-news-copy p { font-size: 15px; color: #5a4e44; margin: 0; max-width: 480px; }
.home-news-form {
display: flex;
gap: 12px;
flex: 1;
max-width: 520px;
}
.home-news-form input {
flex: 1;
border: 1px solid #c9bca6;
border-radius: 4px;
background: #fff;
padding: 14px 16px;
font-family: Roboto, sans-serif;
font-size: 15px;
outline: none;
}
.home-news-form input:focus { border-color: #8b3a2a; }
.home-news-form .dpp-btn-primary { flex: 0 0 auto; }
@media (max-width: 700px) {
.home-news-inner { flex-direction: column; align-items: stretch; }
.home-news-form { max-width: 100%; flex-direction: column; }
}
.dpp-title-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.ficha-fav {
position: static !important;
flex-shrink: 0;
margin-top: 6px;
color: #473b31 !important;
filter: none !important;
}
.ficha-fav:hover { color: #c4503c !important; transform: scale(1.12); }
.ficha-fav.es-fav { color: #c4503c !important; }
.home-promo-content { box-sizing: border-box; max-width: 100%; }
.home-carter, .home-carter body { overflow-x: clip; }
html, body { overflow-x: clip; }
#dpp-photo-zoomable { cursor: zoom-in; }
.dpp-zoom-pill {
position: absolute;
bottom: 14px;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(14, 10, 6, .62);
color: #f7f3ed;
font-size: 12px;
font-weight: 500;
padding: 7px 14px;
border-radius: 999px;
pointer-events: none;
backdrop-filter: blur(3px);
z-index: 3;
}
.dpp-lightbox {
position: fixed;
inset: 0;
z-index: 8000;
background: rgba(10, 8, 5, .92);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease-out;
}
.dpp-lightbox.abierta { opacity: 1; pointer-events: auto; }
.dpp-lightbox img {
max-width: 92vw;
max-height: 92vh;
cursor: zoom-in;
transition: transform .25s ease;
user-select: none;
}
.dpp-lightbox img.ampliada {
transform: scale(2.2);
cursor: zoom-out;
}
.dpp-lightbox-x {
position: absolute;
top: 18px;
right: 24px;
z-index: 2;
border: 0;
background: rgba(247, 243, 237, .12);
color: #f7f3ed;
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 17px;
cursor: pointer;
}
.dpp-lightbox-x:hover { background: rgba(247, 243, 237, .25); }
.home-news-form { flex: 0 1 520px; }
.home-news-form .dpp-btn-primary {
width: auto !important;
flex: 0 0 auto !important;
white-space: nowrap;
padding: 0 26px !important;
}
.catnav-inner { align-items: center; }
.catnav a.catnav-link,
.catnav-toggle {
font-family: Roboto, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
line-height: 1 !important;
padding: 6px 0 !important;
margin: 0 !important;
border: 0;
display: inline-flex !important;
align-items: center;
gap: 6px;
vertical-align: middle;
color: #1a1208;
}
.catnav a.catnav-link:hover, .catnav-toggle:hover { color: #8b3a2a; }
.catnav a.catnav-link,
.catnav-toggle {
font-size: 17.5px !important;
}
.catnav-inner { gap: 38px; padding: 15px 0; }
.header-search { max-width: 540px; }
.header-search input {
padding: 21px 20px;
font-size: 16px;
}
.header-search button { padding: 0 26px; }
.header-search button svg { width: 21px; height: 21px; }
.topstrip-inner {
display: grid !important;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 16px;
}
.topstrip-inner > .topstrip-item:first-child { justify-self: start; }
.topstrip-rotador { justify-self: center; flex: none; text-align: center; }
.topstrip-inner > a.topstrip-item:last-child { justify-self: end; }
@media (max-width: 700px) {
.topstrip-inner { grid-template-columns: 1fr; }
.topstrip-inner > a.topstrip-item:last-child { display: none; }
}
.sticky-header .header-inner { padding-top: 34px; padding-bottom: 24px; }
.header-search { max-width: 500px; }
.marca-combo {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
border: 1px solid #d9cbb4;
border-radius: 8px;
background: #fff;
padding: 7px 8px;
min-height: 48px;
box-sizing: border-box;
}
.marca-combo:focus-within { border-color: #8b3a2a; }
.marca-combo .marca-pill { margin: 0; }
.marca-combo-select {
flex: 1;
min-width: 96px;
border: 0;
background: transparent;
font-family: Roboto, sans-serif;
font-size: 14px;
color: #5a4e44;
padding: 6px 2px;
outline: none;
cursor: pointer;
}
.catnav-inner {
padding: 15px 30px !important;
justify-content: center;
}
@media (max-width: 900px) {
.catnav-inner { justify-content: flex-start; }
}
.sticky-header .header-inner { padding-top: 52px !important; padding-bottom: 26px; }
.topstrip { background: #faf6ec; border-bottom: 1px solid #eee5d2; }
.topstrip-item { font-weight: 400 !important; color: #473b31; }
.topstrip-rotador { font-weight: 500 !important; }
a.topstrip-item { color: #8b3a2a; }
.sticky-header .header-inner { padding-top: 64px !important; padding-bottom: 58px !important; }
.pulpa-modal { max-width: 470px; }
.pulpa-modal-fila { display: flex; gap: 10px; }
.pulpa-modal-fila input { flex: 1; min-width: 0; }
.pulpa-modal-select {
border: 1px solid #d9cbb4;
border-radius: 8px;
background: #fff;
padding: 13px 12px;
font-family: Roboto, sans-serif;
font-size: 14px;
color: #1a1208;
outline: none;
}
.pulpa-modal-acepto {
display: flex;
gap: 9px;
align-items: flex-start;
font-size: 12.5px;
color: #5a4e44;
line-height: 1.45;
cursor: pointer;
}
.pulpa-modal-acepto input[type=checkbox] {
-webkit-appearance: checkbox; appearance: checkbox;
width: 18px; height: 18px; min-width: 18px;
margin: 1px 0 0; padding: 0; border: 0; border-radius: 0;
background: none; accent-color: #c4503c; flex: none; cursor: pointer;
}
.pulpa-modal-acepto a { color: #8b3a2a; }
.sticky-header .header-inner {
padding-top: 31px !important;
padding-bottom: 31px !important;
}
.header-search {
max-width: 500px;
height: 70px;
}
.header-search input {
padding: 0 20px;
font-size: 16px;
height: 100%;
}
.header-search button { height: 100%; }
.sticky-header .header-inner {
height: auto !important;
min-height: 0 !important;
}
.hdr-cuenta-item { position: relative; }
.hdr-cuenta-menu { right: 0; left: auto; min-width: 190px; }
.hdr-cuenta.catnav-toggle {
text-transform: none !important;
font-size: 15px !important;
letter-spacing: 0 !important;
color: #8b3a2a !important;
}
.hdr-cuenta-menu a:first-child { font-weight: 400; color: rgb(15,11,9); }
.hdr-salir {
border-top: 1px solid #eee5d2;
margin-top: 6px;
padding-top: 12px !important;
color: #c4503c !important;
font-weight: 700 !important;
}
.listado-resumen-fila {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 26px;
}
.listado-resumen-fila .listado-resumen { margin-bottom: 0; }
.radar-activar {
display: inline-flex;
align-items: center;
gap: 9px;
border: 1px solid #8b3a2a;
background: transparent;
color: #8b3a2a;
font-family: Roboto, sans-serif;
font-size: 13.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .03em;
padding: 11px 18px;
border-radius: 8px;
cursor: pointer;
text-decoration: none;
transition: background .15s, color .15s;
}
.radar-activar:hover { background: #8b3a2a; color: #fff9f5; }
.radar-lista { display: flex; flex-direction: column; gap: 14px; max-width: 860px; }
.radar-item {
display: flex;
align-items: center;
gap: 18px;
background: #fffdf9;
border: 1px solid #e5dccd;
border-radius: 8px;
padding: 18px 20px;
}
.radar-icono { color: #c4503c; flex: none; }
.radar-info { flex: 1; min-width: 0; }
.radar-titulo { font-family: Roboto, sans-serif; font-size: 17px; font-weight: 500; color: #1a1208; }
.radar-meta { font-size: 12.5px; color: #8b8073; margin-top: 3px; }
.radar-acciones { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.radar-ver { font-size: 13.5px; font-weight: 700; color: #8b3a2a; text-decoration: none; }
.radar-ver:hover { text-decoration: underline; }
.radar-btn {
border: 1px solid #d9cbb4;
background: #fff;
color: #473b31;
font-family: Roboto, sans-serif;
font-size: 12.5px;
font-weight: 700;
padding: 8px 14px;
border-radius: 8px;
cursor: pointer;
}
.radar-btn:hover { border-color: #8b3a2a; color: #8b3a2a; }
.radar-borrar:hover { border-color: #c4503c; color: #c4503c; }
@media (max-width: 700px) {
.radar-item { flex-direction: column; align-items: flex-start; }
}
.radar-alcance {
display: inline-block;
margin-left: 10px;
font-family: Roboto, sans-serif;
font-size: 10.5px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 999px;
background: #f4ecd9;
color: #8b8073;
vertical-align: middle;
}
.radar-alcance.todas { background: #c4503c; color: #fff9f5; }
.radar-hint {
margin-top: 8px;
font-size: 12.5px;
line-height: 1.5;
color: #8b6f4e;
background: #faf3e3;
border-left: 3px solid #c79749;
padding: 8px 12px;
max-width: 520px;
}
.radar-hint b { color: #6b4a2c; }
.radar-extender { border-color: #c79749; color: #8b6f4e; }
.radar-extender:hover { border-color: #8b3a2a; color: #8b3a2a; }
.match-aviso {
background: #eef4e8;
border: 1px solid #cfdec2;
color: #3e5230;
border-radius: 8px;
padding: 12px 16px;
font-size: 14px;
margin-top: 6px;
}
.match-aprobar { border-color: #6f8f5a; color: #3e5230; }
.match-aprobar:hover { background: #6f8f5a; color: #fff; border-color: #6f8f5a; }
.match-historial { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; max-width: 1000px; }
.match-hist-fila {
display: flex;
gap: 14px;
align-items: baseline;
flex-wrap: wrap;
font-size: 13.5px;
color: #473b31;
padding: 8px 12px;
background: #fffdf9;
border: 1px solid #eee5d2;
border-radius: 8px;
}
.match-hist-estado.aprobado { color: #3e5230; font-weight: 700; }
.match-hist-estado.rechazado { color: #c4503c; font-weight: 700; }
.match-hist-meta { color: #8b8073; font-size: 12.5px; }
.admin-body { background: #f7f3ed !important; }
.admin-cont { max-width: 1100px; }
.admin-titulo {
font-family: Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: clamp(26px, 3vw, 36px) !important;
color: #0f0b09 !important;
letter-spacing: -.01em;
}
.admin-bajada { font-family: Roboto, sans-serif !important; color: #5a4e44 !important; }
.admin-camino, .admin-camino a {
font-family: Roboto, sans-serif !important;
font-size: 12.5px !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: #8b3a2a !important;
}
.admin-camino strong { color: #5a4e44 !important; }
.admin-form-card {
background: #fffdf9 !important;
border: 1px solid #e5dccd !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.admin-form-card h2 {
font-family: Roboto, sans-serif !important;
font-weight: 700 !important;
color: #0f0b09 !important;
}
.admin-form-head p { font-family: Roboto, sans-serif !important; color: #8b8073 !important; }
.admin-form input[type="text"],
.admin-form input[type="number"],
.admin-form input[type="search"],
.admin-form select,
.admin-form textarea,
.admin-cont input[type="text"],
.admin-cont input[type="number"],
.admin-cont select,
.admin-cont textarea {
border: 1px solid #d9cbb4 !important;
border-radius: 8px !important;
background: #ffffff !important;
font-family: Roboto, sans-serif !important;
font-size: 14.5px !important;
color: #1a1208 !important;
padding: 12px 13px !important;
box-shadow: none !important;
}
.admin-form input:focus, .admin-form select:focus, .admin-form textarea:focus,
.admin-cont input:focus, .admin-cont select:focus, .admin-cont textarea:focus {
border-color: #8b3a2a !important;
outline: none !important;
}
.admin-form label, .admin-cont label {
font-family: Roboto, sans-serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .06em;
color: #5a4e44 !important;
}
.boton, .boton-solido, .boton-borde,
.admin-cont .boton-solido, .admin-cont .boton-borde {
display: inline-flex;
align-items: center;
justify-content: center;
text-indent: .03em;
box-sizing: border-box;
}
.boton-solido, .admin-cont .boton-solido {
background: #c4503c !important;
border: 1px solid #8b3a2a !important;
color: #fff9f5 !important;
border-radius: 8px !important;
font-family: Roboto, sans-serif !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .03em;
height: 46px;
padding: 0 22px !important;
}
.boton-solido:hover { background: #8b3a2a !important; }
.boton-borde, .admin-cont .boton-borde {
background: transparent !important;
border: 1px solid #473b31 !important;
color: #8b3a2a !important;
border-radius: 8px !important;
font-family: Roboto, sans-serif !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .03em;
height: 46px;
padding: 0 20px !important;
}
.boton-borde:hover { border-color: #8b3a2a !important; background: rgba(196,80,60,.05) !important; }
.admin-alerta-ok {
background: #eef4e8 !important;
border: 1px solid #cfdec2 !important;
color: #3e5230 !important;
border-radius: 8px !important;
font-family: Roboto, sans-serif !important;
}
.admin-alerta-error {
background: #faeeec !important;
border: 1px solid #ecc9c2 !important;
color: #8b3a2a !important;
border-radius: 8px !important;
font-family: Roboto, sans-serif !important;
}
.admin-form-actions {
background: var(--crema-alt, #F4F2EB) !important;
border-top: 0 !important;
backdrop-filter: blur(4px);
}
.admin-fotos-guia .admin-fotos-consejo {
font-family: Roboto, sans-serif !important;
background: #faf6ec !important;
border: 1px solid #eee5d2 !important;
border-radius: 8px !important;
color: #473b31 !important;
}
.admin-fotos-guia .admin-fotos-consejo-regla {
background: #fbf1ee !important;
border-color: #ecd2ca !important;
}
.admin-fotos-drop {
border: 2px dashed #d9cbb4 !important;
border-radius: 8px !important;
background: #faf6ec !important;
}
.admin-fotos-drop:hover { border-color: #8b3a2a !important; }
#dpp-photo-zoomable { cursor: zoom-in; }
#dpp-photo-zoomable img {
transition: transform .25s ease;
will-change: transform;
user-select: none;
-webkit-user-drag: none;
}
#dpp-photo-zoomable.zoomeada { cursor: grab; }
#dpp-photo-zoomable.zoomeada:active { cursor: grabbing; }
#dpp-photo-zoomable.zoomeada img { transition: none; }
#dpp-photo-zoomable.zoomeada .dpp-zoom-pill,
#dpp-photo-zoomable.zoomeada .dpp-badges,
#dpp-photo-zoomable.zoomeada .dpp-nav { opacity: 0; pointer-events: none; }
.dpp-zoom-pill, .dpp-badges, .dpp-nav { transition: opacity .2s ease; }
.dpp-media-card .dpp-photo-main img {
object-fit: cover !important;
}
#dpp-photo-zoomable.zoomeada { cursor: zoom-out; }
#dpp-photo-zoomable.zoomeada:active { cursor: zoom-out; }
.dpp-media-card .dpp-photo-main {
height: auto !important;
aspect-ratio: auto;
}
.dpp-media-card .dpp-photo-main img {
position: static;
display: block;
width: 100% !important;
height: auto !important;
max-height: 68vh;
object-fit: cover !important;
}
.dpp-ficha-bajo-foto { margin-top: 22px; }
.dpp-ficha-titulo {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 20px;
color: #0f0b09;
margin: 0 0 12px;
}
.dpp-ficha-bajo-foto .dpp-ficha-tabla { max-width: none; background: #fffdf9; }
.eventos-lista { display: flex; flex-direction: column; gap: 8px; margin-bottom: 22px; }
.evento-fila {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
background: #faf6ec;
border: 1px solid #eee5d2;
border-radius: 8px;
padding: 10px 14px;
}
.evento-info { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.evento-fecha { font-size: 12px; color: #8b8073; font-weight: 700; }
.evento-tipo {
font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
background: #ead5c8; color: #6b4a2c; padding: 2px 9px; border-radius: 999px;
}
.evento-titulo { font-size: 14.5px; color: #1a1208; }
.evento-tecnico { font-size: 12.5px; color: #8b8073; }
.evento-vis { font-size: 9.5px; font-weight: 700; letter-spacing: .06em; padding: 2px 8px; border-radius: 4px; }
.evento-vis.publica { background: #6f8f5a; color: #fff; }
.evento-vis.solo_aliados { background: #c79749; color: #1a1208; }
.evento-vis.privada { background: #d9cbb4; color: #473b31; }
.evento-borrar {
border: 1px solid #d9cbb4; background: #fff; color: #8b8073;
font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 8px; cursor: pointer;
}
.evento-borrar:hover { border-color: #c4503c; color: #c4503c; }
.evento-form { border-top: 1px solid #eee5d2; padding-top: 18px; }
.evento-form-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px 16px;
align-items: end;
}
.evento-col2 { grid-column: span 2; }
.evento-form-btn { grid-column: span 4; }
.evento-form-grid label { display: block; margin-bottom: 5px; }
@media (max-width: 800px) {
.evento-form-grid { grid-template-columns: 1fr; }
.evento-col2, .evento-form-btn { grid-column: span 1; }
}
.evento-acciones { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.evento-vis-select {
border-radius: 8px !important;
font-size: 11.5px !important;
font-weight: 700 !important;
padding: 7px 10px !important;
cursor: pointer;
border: 1px solid #d9cbb4 !important;
background: #fff !important;
}
.evento-vis-select.publica { border-color: #6f8f5a !important; color: #3e5230 !important; }
.evento-vis-select.solo_aliados { border-color: #c79749 !important; color: #8b6f4e !important; }
.evento-vis-select.privada { color: #8b8073 !important; }
@media (max-width: 800px) {
.evento-fila { flex-direction: column; align-items: flex-start; }
}
.evento-form-grid {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
grid-template-areas:
"tipo   fecha  tecnico"
"titulo titulo titulo"
"desc   desc   desc"
"vis    fuente btn" !important;
gap: 16px 18px !important;
align-items: end;
}
.ev-a-tipo    { grid-area: tipo; }
.ev-a-fecha   { grid-area: fecha; }
.ev-a-tecnico { grid-area: tecnico; }
.ev-a-titulo  { grid-area: titulo; }
.ev-a-desc    { grid-area: desc; }
.ev-a-vis     { grid-area: vis; }
.ev-a-fuente  { grid-area: fuente; }
.ev-a-btn     { grid-area: btn; display: flex; justify-content: flex-end; }
.evento-form-grid label { display: block; margin-bottom: 6px; }
.evento-form-grid input,
.evento-form-grid select,
.evento-form-grid textarea {
width: 100% !important;
box-sizing: border-box;
}
.evento-form-grid textarea {
min-height: 84px !important;
resize: vertical;
}
.ev-a-btn .boton-solido { width: auto; }
@media (max-width: 800px) {
.evento-form-grid {
grid-template-columns: 1fr !important;
grid-template-areas: "tipo" "fecha" "tecnico" "titulo" "desc" "vis" "fuente" "btn" !important;
}
.ev-a-btn { justify-content: stretch; }
.ev-a-btn .boton-solido { width: 100%; }
}
html { scroll-behavior: smooth; }
.admin-form-card { scroll-margin-top: 74px; }
.form-saltos {
position: sticky;
top: 0;
z-index: 40;
display: flex;
gap: 6px;
flex-wrap: wrap;
background: rgba(247, 243, 237, .95);
backdrop-filter: blur(5px);
border: 1px solid #e5dccd;
border-radius: 999px;
padding: 7px 10px;
margin: 14px 0 20px;
width: fit-content;
}
.form-saltos a {
font-family: Roboto, sans-serif;
font-size: 13px;
font-weight: 700;
color: #473b31;
text-decoration: none;
padding: 8px 15px;
border-radius: 999px;
transition: background .15s, color .15s;
}
.form-saltos a:hover {
background: #c4503c;
color: #fff9f5;
}
@media (max-width: 700px) {
.form-saltos { width: 100%; overflow-x: auto; flex-wrap: nowrap; border-radius: 12px; }
.form-saltos a { white-space: nowrap; }
}
.evento-form-grid { align-items: start !important; }
.evento-form-grid input[type="date"] {
height: 47px !important;
padding: 0 13px !important;
font-family: Roboto, sans-serif !important;
font-size: 14.5px !important;
color: #1a1208 !important;
-webkit-appearance: none;
appearance: none;
}
.evento-form-grid input[type="date"]::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: .55;
}
.evento-form-grid select { height: 47px !important; }
.evento-form-grid input[type="text"] { height: 47px !important; }
.evento-item {
background: #faf6ec;
border: 1px solid #eee5d2;
border-radius: 8px;
overflow: hidden;
}
.evento-resumen {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
padding: 12px 16px;
cursor: pointer;
list-style: none;
user-select: none;
}
.evento-resumen::-webkit-details-marker { display: none; }
.evento-resumen:hover { background: #f4ecd9; }
.evento-caret {
margin-left: auto;
align-self: center;
color: #8b8073;
transition: transform .18s ease;
flex: none;
}
.evento-item[open] .evento-caret { transform: rotate(180deg); }
.evento-item[open] .evento-resumen { border-bottom: 1px solid #eee5d2; }
.evento-detalle { padding: 14px 16px 16px; }
.evento-desc {
font-size: 13.5px;
line-height: 1.55;
color: #473b31;
margin: 0 0 10px;
max-width: 720px;
}
.evento-meta-linea {
display: flex;
gap: 18px;
flex-wrap: wrap;
font-size: 12px;
color: #8b8073;
margin-bottom: 14px;
}
.evento-meta-linea b { color: #473b31; font-weight: 500; }
.evento-form-edit { border-top: 0; padding-top: 0; }
.evento-form-edit .evento-form-grid { gap: 12px 16px !important; }
.evento-form-edit textarea { min-height: 70px !important; }
.evento-edit-acciones { align-items: end; }
.evento-pie {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid #eee5d2;
font-size: 12px;
color: #8b8073;
}
.evento-pie b { color: #473b31; font-weight: 500; }
.evento-nuevo { margin-top: 18px; }
.evento-nuevo-btn {
display: inline-flex;
align-items: center;
gap: 9px;
cursor: pointer;
list-style: none;
background: transparent;
border: 1px dashed #c4503c;
color: #8b3a2a;
border-radius: 8px;
padding: 12px 20px;
font-size: 13.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .03em;
transition: background .15s, color .15s;
user-select: none;
}
.evento-nuevo-btn::-webkit-details-marker { display: none; }
.evento-nuevo-btn:hover { background: #c4503c; color: #fff9f5; }
.evento-nuevo[open] .evento-nuevo-btn {
border-style: solid;
background: #c4503c;
color: #fff9f5;
margin-bottom: 16px;
}
.evento-nuevo[open] .evento-nuevo-btn svg { transform: rotate(45deg); transition: transform .18s; }
.evento-nuevo .evento-form { border-top: 0; padding-top: 0; }
.evento-nuevo-trabado .evento-nuevo-btn {
border-color: #cbbfb2;
color: #8d7f70;
cursor: default;
}
.evento-nuevo-trabado .evento-nuevo-btn:hover { background: transparent; color: #8d7f70; }
.evento-nuevo-trabado[open] .evento-nuevo-btn {
background: transparent;
border-style: dashed;
color: #8d7f70;
}
.evento-trabado-aviso {
margin: 14px 0 2px;
padding: 13px 15px;
border: 1px solid #e2d6c8;
border-left: 3px solid #c4503c;
border-radius: 8px;
background: #fbf6f0;
color: #6b5c4d;
font-size: 13.5px;
line-height: 1.55;
}
.evento-trabado-aviso b { color: #473b31; }
.evento-nuevo-trabado .evento-form {
opacity: .5;
pointer-events: none;
}
.dpp-info {
max-height: none !important;
overflow-y: visible !important;
}
.dpp-layout { min-height: 0 !important; }
.dpp-media, .dpp-info { align-self: start; }
.tira-rapida {
background: #fffdf9;
border-bottom: 1px solid #e5dccd;
}
.tira-rapida-inner {
display: flex;
gap: 6px;
padding: 12px 30px;
overflow-x: auto;
scrollbar-width: none;
justify-content: center;
}
.tira-rapida-inner::-webkit-scrollbar { display: none; }
.tr-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
min-width: 82px;
padding: 8px 10px 7px;
border-radius: 8px;
text-decoration: none;
color: #5a4e44;
border-bottom: 2px solid transparent;
transition: color .15s, background .15s, border-color .15s;
}
.tr-item:hover { color: #8b3a2a; background: #faf6ec; }
.tr-item svg { width: 26px; height: 26px; flex: none; }
.tr-item span {
font-family: Roboto, sans-serif;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
}
.tr-item.activa {
color: #c4503c;
border-bottom-color: #c4503c;
}
@media (max-width: 700px) {
.tira-rapida-inner { justify-content: flex-start; padding: 10px 14px; }
.tr-item { min-width: 70px; }
.tr-item svg { width: 22px; height: 22px; }
.tr-item span { font-size: 11px; }
}
.site-header .tira-rapida { background: transparent; border-bottom: 0; border-top: 1px solid #eee5d2; }
.site-header .tira-rapida-inner { padding: 10px 30px; }
.tr-item { flex: 0 0 90px; width: 90px; min-width: 0; padding: 12px 4px 10px; gap: 8px; }
.tr-item svg { width: 42px; height: 42px; }
.tr-item span { font-size: 14px; font-weight: 500; white-space: nowrap; }
.site-header .tira-rapida-inner { padding: 14px 20px; gap: 2px; }
.tr-item.activa { border-bottom-width: 3px; }
.tira-rapida-inner { justify-content: center; justify-content: safe center; }
@media (max-width: 900px) {
.tr-item { min-width: 86px; padding: 10px; }
.tr-item svg { width: 28px; height: 28px; }
.tr-item span { font-size: 12.5px; }
}
@media (max-width: 700px) {
.sticky-header .header-inner { padding-top: 16px !important; padding-bottom: 14px !important; }
.brand-main { font-size: 22px; }
.header-search { height: 54px; }
.header-search input { font-size: 15px; }
.dpp-zoom-pill { display: none; }
.dpp-nav { width: 34px; height: 34px; }
.dpp-nav-prev { left: 8px; }
.dpp-nav-next { right: 8px; }
.site-header .tira-rapida-inner { padding: 12px 14px; }
.home-banner { min-height: 380px; }
.home-banner h1 { font-size: 27px; }
.home-banner p { font-size: 15px; }
.home-banner-credito { font-size: 10.5px; padding: 5px 10px; }
.dpp-title { font-size: 21px !important; }
.dpp-price { font-size: 22px !important; }
.dpp-layout { padding: 0 12px; }
}
.red-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
gap: 18px;
align-items: stretch;
}
.red-card {
display: grid;
grid-template-columns: 76px minmax(0, 1fr);
gap: 18px;
align-items: start;
background: #fffdf9;
border: 1px solid #e5dccd;
border-radius: 10px;
padding: 20px;
text-decoration: none;
transition: border-color .15s, box-shadow .2s, transform .15s;
}
.red-card:hover {
border-color: #d8c9ac;
box-shadow: 0 6px 20px rgba(59, 42, 23, .09);
transform: translateY(-2px);
}
.red-logo {
width: 76px; height: 76px;
flex: none;
border-radius: 10px;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(59, 42, 23, .09);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.red-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.red-logo-inicial { font: 700 30px Roboto, sans-serif; color: #8b3a2a; }
.red-info { min-width: 0; display: flex; flex-direction: column; height: 100%; }
.red-nombre {
font: 600 19.5px/1.25 Roboto, sans-serif;
color: #0f0b09; margin-bottom: 7px;
}
.red-meta {
display: flex; gap: 7px; align-items: center; flex-wrap: wrap;
font-size: 12.5px; color: #9a8f80;
}
.red-nivel {
font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
padding: 3px 9px; border-radius: 999px;
background: transparent; color: #a08c6f;
box-shadow: inset 0 0 0 1px #e0d3ba;
}
.red-nivel.fundador { background: #c79749; color: #1a1208; box-shadow: none; }
.red-nivel.verificador { background: #6f8f5a; color: #fff; box-shadow: none; }
.red-desc {
font-size: 13px; color: #5a4e44; margin: 10px 0 0; line-height: 1.55;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
}
.red-piezas {
font-size: 13px; font-weight: 700; color: #8b3a2a;
margin-top: auto; padding-top: 14px;
}
.red-piezas b { font-size: 16px; }
.red-sin-piezas { color: #a99d8d; font-weight: 600; }
.tienda-cabecera {
display: flex;
gap: 24px;
align-items: flex-start;
padding-bottom: 24px;
border-bottom: 1px solid #e5dccd;
}
.tienda-logo {
width: 110px; height: 110px; flex: none;
border-radius: 12px;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(59, 42, 23, .09);
display: flex; align-items: center; justify-content: center;
overflow: hidden;
}
.tienda-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.tienda-logo .red-logo-inicial { font-size: 46px; }
.tienda-rol { font-size: 13.5px; color: #6f6a63; margin: 0 0 12px; }
.tienda-desc { font-size: 15px; color: #473b31; max-width: 640px; line-height: 1.6; margin: 0 0 12px; }
.tienda-links { display: flex; gap: 16px; flex-wrap: wrap; align-items: baseline; }
.tienda-links a { font-size: 13.5px; font-weight: 700; color: #8b3a2a; text-decoration: none; }
.tienda-donde { font-size: 13.5px; font-weight: 700; color: #8a7d6f; }
.tienda-links a:hover { text-decoration: underline; }
@media (max-width: 700px) {
.red-grid { grid-template-columns: 1fr; }
.tienda-cabecera { flex-direction: column; gap: 16px; }
.tienda-logo { width: 84px; height: 84px; }
}
.tienda-seccion-titulo {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 24px;
color: #0f0b09;
margin: 34px 0 18px;
}
.tienda-logo-editor { display: flex; gap: 22px; align-items: flex-start; flex-wrap: wrap; }
.tienda-logo-acciones { flex: 1; min-width: 260px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.tienda-logo-nombre { font: 500 18px Roboto, sans-serif; color: #0f0b09; }
.tienda-logo-ayuda { font-size: 13px; color: #5a4e44; margin: 0; max-width: 460px; line-height: 1.5; }
.tienda-logo-ayuda a { color: #8b3a2a; font-weight: 700; }
.tienda-logo-form { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.tienda-logo-file {
position: relative; overflow: hidden; display: inline-flex; align-items: center;
border: 1px dashed #c4503c; color: #8b3a2a; border-radius: 8px;
padding: 11px 18px; font-size: 13px; font-weight: 700; cursor: pointer;
}
.tienda-logo-file:hover { background: #faf6ec; }
.tienda-logo-file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.tienda-logo-ver { font-size: 13px; font-weight: 700; color: #8b3a2a; text-decoration: none; }
.tienda-logo-ver:hover { text-decoration: underline; }
.mod-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
margin-bottom: 30px;
}
.mod-card {
display: flex; gap: 14px; align-items: center;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 8px; padding: 14px;
}
.mod-img {
width: 72px; height: 72px; flex: none; border-radius: 8px; overflow: hidden;
background: #f4ecd9; border: 1px solid #eee5d2;
}
.mod-img.redonda { border-radius: 50%; }
.mod-img img { width: 100%; height: 100%; object-fit: cover; }
.mod-datos { min-width: 0; flex: 1; }
.mod-nombre { font: 500 16px Roboto, sans-serif; color: #0f0b09; }
.mod-meta { font-size: 12.5px; color: #8b8073; margin-top: 2px; }
.mod-acciones { display: flex; gap: 10px; align-items: center; margin-top: 8px; }
.mod-ver { font-size: 12.5px; font-weight: 700; color: #8b3a2a; text-decoration: none; }
.hdr-avatar {
width: 40px; height: 40px; border-radius: 50%;
object-fit: cover; border: 1px solid #d9cbb4; flex: none;
}
.dpp-custodio {
display: flex; align-items: center; gap: 14px;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 8px;
padding: 14px 16px; margin-top: 18px;
}
.dpp-custodio-foto {
width: 52px; height: 52px; border-radius: 50%; flex: none; overflow: hidden;
background: #f4ecd9; border: 1px solid #eee5d2;
display: flex; align-items: center; justify-content: center;
}
.dpp-custodio-foto img { width: 100%; height: 100%; object-fit: cover; }
.dpp-custodio-foto .red-logo-inicial { font-size: 22px; }
.dpp-custodio-datos { min-width: 0; }
.dpp-custodio-rol {
font-family: Roboto, sans-serif; font-size: 10.5px; font-weight: 700;
letter-spacing: .07em; text-transform: uppercase; color: #8b8073;
}
.dpp-custodio-nombre { font: 500 16px Roboto, sans-serif; color: #0f0b09; margin-top: 2px; }
.dpp-custodio-meta { font-family: Roboto, sans-serif; font-size: 12.5px; color: #8b8073; margin-top: 3px; }
.dpp-custodio-meta a { color: #8b3a2a; font-weight: 700; text-decoration: none; }
.dpp-custodio.anonimo { background: #faf6ec; border-style: dashed; }
.dpp-custodio-foto .difuminada { filter: blur(7px) grayscale(.35); transform: scale(1.15); }
.dpp-custodio.anonimo .dpp-custodio-nombre { color: #8b8073; font-style: italic; }
.custodio-escudo { margin-left: auto; color: #6f8f5a; flex: none; }
.identidad-control { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #eee5d2; }
.identidad-titulo { font-size: 13px; font-weight: 700; color: #5a4e44; margin-bottom: 10px; }
.identidad-opcion {
display: flex; gap: 10px; align-items: flex-start;
font-family: Roboto, sans-serif; font-size: 13.5px; line-height: 1.5;
color: #473b31; padding: 9px 12px; border-radius: 8px; cursor: pointer;
border: 1px solid transparent;
}
.identidad-opcion:hover { background: #faf6ec; }
.identidad-opcion input { margin-top: 3px; accent-color: #c4503c; flex: none; }
.identidad-opcion input:checked ~ span b { color: #8b3a2a; }
.identidad-opcion b { font-weight: 700; }
.radar-nueva {
background: #fffdf9;
border: 1px solid #e5dccd;
border-radius: 10px;
padding: 24px 26px 22px;
margin: 4px 0 26px;
max-width: 860px;
}
.radar-nueva-titulo {
font-family: Georgia, 'Times New Roman', serif;
font-size: 21px;
color: #1a1208;
margin: 0 0 6px;
}
.radar-nueva-bajada {
font-size: 14px;
line-height: 1.55;
color: #6f665b;
margin: 0 0 20px;
max-width: 560px;
}
.radar-nueva-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
.radar-campo { display: flex; flex-direction: column; gap: 6px; }
.radar-campo > span {
font-family: Roboto, system-ui, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: .07em;
text-transform: uppercase;
color: #8b8073;
}
.radar-campo input,
.radar-campo select {
font: 400 15px/1.2 Roboto, system-ui, sans-serif;
color: #1a1208;
background: #fff;
border: 1px solid #ddd2c0;
border-radius: 8px;
padding: 12px 12px;
width: 100%;
box-sizing: border-box;
}
.radar-campo input:focus,
.radar-campo select:focus {
outline: none;
border-color: #c4503c;
box-shadow: 0 0 0 3px rgba(196, 80, 60, .12);
}
.radar-nueva-pie {
display: flex;
align-items: flex-start;
gap: 20px;
margin-top: 20px;
flex-wrap: wrap;
}
.radar-nueva-btn {
flex: 0 0 auto;
width: auto;
padding: 0 26px;
white-space: nowrap;
}
.radar-nueva-regla {
flex: 1 1 320px;
font-size: 13px;
line-height: 1.5;
color: #8b8073;
margin: 0;
padding-left: 14px;
border-left: 3px solid #e5dccd;
transition: color .2s, border-color .2s;
}
.radar-nueva-regla.quirurgica {
color: #2f6b4a;
border-left-color: #2f6b4a;
}
@media (max-width: 760px) {
.radar-nueva { padding: 20px 16px; }
.radar-nueva-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 460px) {
.radar-nueva-grid { grid-template-columns: 1fr; }
.radar-nueva-btn { width: 100%; }
}
.red-sin-piezas { color: #a1968a; }
.ig-vacio {
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 10px;
padding: 26px; max-width: 640px; color: #6f665b; font-size: 14.5px; line-height: 1.6;
}
.ig-vacio code { background: #f2ece1; padding: 2px 6px; border-radius: 4px; font-size: 13px; }
.ig-cuentas { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0 20px; }
.ig-cuenta {
display: flex; flex-direction: column; gap: 3px;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 9px;
padding: 12px 16px; text-decoration: none; min-width: 190px;
transition: border-color .15s, background .15s;
}
.ig-cuenta:hover { border-color: #c9bda8; }
.ig-cuenta.activa { border-color: #c4503c; background: #fff8f4; }
.ig-cuenta-nombre { font-weight: 700; font-size: 14.5px; color: #1a1208; }
.ig-cuenta-org { font-size: 12px; color: #8b8073; }
.ig-cuenta-nums { font-size: 12px; color: #6f665b; margin-top: 3px; }
.ig-cuenta-nums b { color: #c4503c; }
.ig-barra {
display: flex; justify-content: space-between; align-items: center;
gap: 16px; flex-wrap: wrap; margin-bottom: 16px;
border-bottom: 1px solid #e5dccd; padding-bottom: 12px;
}
.ig-filtros { display: flex; gap: 6px; flex-wrap: wrap; }
.ig-filtro {
font-size: 13px; padding: 7px 13px; border-radius: 7px;
text-decoration: none; color: #6f665b; border: 1px solid transparent;
}
.ig-filtro:hover { background: #f2ece1; }
.ig-filtro.activo { background: #1a1208; color: #f7f3ed; }
.ig-acciones-fijas {
position: sticky; top: 0; z-index: 30;
display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 9px;
padding: 12px 16px; margin-bottom: 18px;
box-shadow: 0 2px 10px rgba(26,18,8,.05);
}
.ig-todos { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: #5a4e44; cursor: pointer; }
.ig-contador { font-size: 13px; color: #8b8073; margin-right: auto; }
.ig-acciones-fijas button { opacity: .4; pointer-events: none; transition: opacity .15s; }
.con-seleccion .ig-acciones-fijas button { opacity: 1; pointer-events: auto; }
.ig-btn-si { width: auto; padding: 0 20px; height: 38px; font-size: 13.5px; }
.ig-btn-no { color: #a33; }
.ig-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.ig-card {
display: flex; flex-direction: column;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 10px;
overflow: hidden; cursor: pointer; position: relative;
transition: border-color .15s, box-shadow .15s;
}
.ig-card:hover { border-color: #c9bda8; box-shadow: 0 3px 12px rgba(26,18,8,.07); }
.ig-card:has(.ig-check:checked) { border-color: #c4503c; box-shadow: 0 0 0 2px rgba(196,80,60,.16); }
.ig-card.estado-descartado { opacity: .55; }
.ig-card.estado-promovido  { opacity: .7; cursor: default; }
.ig-check { position: absolute; top: 10px; left: 10px; z-index: 3; width: 19px; height: 19px; cursor: pointer; }
.ig-foto { position: relative; aspect-ratio: 1; background: #ece4d6; }
.ig-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ig-sinfoto {
width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
color: #a1968a; font-size: 12px; letter-spacing: .1em;
}
.ig-nfotos {
position: absolute; top: 9px; right: 9px;
background: rgba(26,18,8,.72); color: #fff; font-size: 11px;
padding: 3px 8px; border-radius: 20px;
}
.ig-conf {
position: absolute; bottom: 9px; right: 9px;
font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em;
padding: 3px 8px; border-radius: 20px; color: #fff;
}
.ig-conf.conf-alta  { background: #2f6b4a; }
.ig-conf.conf-media { background: #b8860b; }
.ig-conf.conf-baja  { background: #8b8073; }
.ig-datos { padding: 12px 14px 11px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.ig-sug { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 14px; color: #1a1208; }
.ig-sin-lectura { color: #a1968a; font-weight: 400; font-style: italic; }
.ig-anio { font-size: 12.5px; color: #8b8073; }
.ig-estado-pieza { font-size: 11px; padding: 2px 7px; border-radius: 4px; text-transform: uppercase; letter-spacing: .05em; }
.ig-estado-pieza.est-disponible { background: #e6f0e9; color: #2f6b4a; }
.ig-estado-pieza.est-vendida    { background: #f6e4e1; color: #a33; }
.ig-estado-pieza.est-reservada  { background: #f5eeda; color: #8a6d1f; }
.ig-caption-caja { position: relative; flex: 1; }
.ig-caption {
font-size: 12.5px; line-height: 1.55; color: #6f665b; margin: 0;
white-space: pre-line; word-break: break-word;
}
.ig-caption-caja.recortada .ig-caption {
max-height: 5.4em; overflow: hidden;
-webkit-mask-image: linear-gradient(#000 60%, transparent);
mask-image: linear-gradient(#000 60%, transparent);
}
.ig-ver-mas {
background: none; border: 0; padding: 2px 0 0; cursor: pointer;
font: 600 11.5px/1 Roboto, sans-serif; color: #c4503c;
}
.ig-ver-mas:hover { text-decoration: underline; }
.ig-pie { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; font-size: 11.5px; }
.ig-alerta   { color: #b8860b; background: #fdf6e3; padding: 2px 7px; border-radius: 4px; }
.ig-marca-si { color: #2f6b4a; font-weight: 600; }
.ig-marca-no { color: #a33; }
.ig-marca-ok { color: #8b8073; }
.ig-link { color: #8b8073; text-decoration: underline; margin-left: auto; }
.ig-link:hover { color: #c4503c; }
@media (max-width: 560px) {
.ig-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
.ig-datos { padding: 9px 10px; }
.ig-caption { display: none; }
}
.ig-card, .ig-card * { font-family: Roboto, system-ui, -apple-system, sans-serif; }
.ig-sug b { font-weight: 700; }
.ig-error {
background: #fdf0ed; border-left: 3px solid #c4503c; color: #8a3325;
padding: 13px 16px; border-radius: 0 8px 8px 0; margin-bottom: 20px;
font-size: 14px; max-width: 720px;
}
.ig-resultado {
background: #f0f6f2; border: 1px solid #cfe0d5; border-radius: 10px;
padding: 22px 24px; margin-bottom: 26px; max-width: 720px;
}
.ig-resultado h2 { font-family: Georgia, serif; font-size: 20px; color: #1a1208; margin: 0 0 14px; }
.ig-nums { display: flex; gap: 26px; flex-wrap: wrap; }
.ig-nums > div { display: flex; flex-direction: column; }
.ig-nums b { font-size: 26px; color: #2f6b4a; line-height: 1.1; }
.ig-nums span { font-size: 12px; color: #6f665b; }
.ig-nums .mal b { color: #a33; }
.ig-ojo { font-size: 13px; color: #8a6d1f; background: #fdf6e3; padding: 9px 12px;
border-radius: 6px; margin: 14px 0 0; }
.ig-paso {
display: flex; gap: 18px; align-items: flex-start;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 10px;
padding: 22px 24px; margin-bottom: 14px; max-width: 860px;
}
.ig-paso-num {
flex: 0 0 34px; height: 34px; border-radius: 50%;
background: #1a1208; color: #f7f3ed;
display: flex; align-items: center; justify-content: center;
font: 700 15px/1 Roboto, sans-serif;
}
.ig-paso-cuerpo { flex: 1; min-width: 0; }
.ig-paso h2 { font-family: Georgia, serif; font-size: 18px; color: #1a1208; margin: 4px 0 8px; }
.ig-paso p { font-size: 14px; line-height: 1.6; color: #6f665b; margin: 0 0 12px; }
.ig-paso code { background: #f2ece1; padding: 2px 6px; border-radius: 4px; font-size: 12.5px; }
.ig-nota { font-size: 13px !important; color: #8b8073 !important; }
.ig-codigo {
background: #1a1208; color: #e8dcc8; border-radius: 8px;
padding: 14px 16px; overflow-x: auto; margin: 0 0 12px;
font: 400 12.5px/1.7 ui-monospace, Menlo, Consolas, monospace;
}
.ig-codigo code { background: none; padding: 0; color: inherit; font-size: inherit; }
.ig-cuentas-links { display: flex; gap: 8px; flex-wrap: wrap; }
.ig-cuentas-links a {
display: flex; flex-direction: column; gap: 1px;
border: 1px solid #e5dccd; border-radius: 8px; padding: 9px 13px;
text-decoration: none; color: #c4503c; font-size: 13.5px; font-weight: 600;
}
.ig-cuentas-links a:hover { border-color: #c4503c; background: #fff8f4; }
.ig-cuentas-links a span { color: #8b8073; font-size: 11.5px; font-weight: 400; }
.ig-subida { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.ig-subida input[type=file] { font-size: 13.5px; color: #5a4e44; }
.ig-subida button { width: auto; padding: 0 22px; height: 42px; }
.ig-detalle summary { cursor: pointer; font-size: 13.5px; color: #8b8073; }
.ig-detalle summary:hover { color: #c4503c; }
.ig-detalle p { font-size: 13.5px; color: #6f665b; margin: 10px 0; }
@media (max-width: 620px) {
.ig-paso { flex-direction: column; gap: 10px; padding: 18px 16px; }
}
.ig-caduca {
font-size: 13px !important; line-height: 1.55;
background: #fdf6e3; border-left: 3px solid #b8860b;
color: #7a6220 !important; padding: 10px 13px; border-radius: 0 6px 6px 0;
}
.traer-lista { display: flex; flex-direction: column; gap: 8px; margin: 20px 0; max-width: 900px; }
.traer-fila {
display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 9px;
padding: 15px 18px;
}
.traer-fila:hover { border-color: #c9bda8; }
.traer-quien { flex: 1 1 240px; min-width: 0; }
.traer-nombre { font-family: Georgia, serif; font-size: 17px; color: #1a1208; }
.traer-ig { font-size: 12.5px; color: #8b8073; margin-top: 2px; }
.traer-estado { flex: 0 0 190px; font-size: 13px; color: #6f665b; }
.traer-estado b { color: #2f6b4a; }
.traer-estado a { color: #c4503c; }
.traer-fecha { font-size: 11.5px; color: #a1968a; }
.traer-nunca { color: #a1968a; font-style: italic; }
.traer-botones { display: flex; gap: 8px; }
.traer-botones .dpp-btn-primary { width: auto; padding: 0 18px; height: 38px; font-size: 13px; }
.traer-consola {
background: #1a1208; border-radius: 10px; overflow: hidden;
margin-top: 20px; max-width: 900px;
}
.traer-consola-barra {
display: flex; justify-content: space-between; align-items: center;
padding: 10px 16px; background: #241a0e; color: #e8dcc8; font-size: 13px;
}
.traer-consola-barra button {
background: none; border: 1px solid #4a3c2a; color: #c9bda8;
padding: 4px 12px; border-radius: 5px; cursor: pointer; font-size: 12px;
}
.traer-consola-barra button:hover { border-color: #c4503c; color: #e8a48f; }
.traer-consola pre {
margin: 0; padding: 16px; max-height: 420px; overflow: auto;
color: #d8ccb8; font: 400 12.5px/1.65 ui-monospace, Menlo, Consolas, monospace;
white-space: pre-wrap; word-break: break-word;
}
@media (max-width: 640px) {
.traer-fila { flex-direction: column; align-items: stretch; gap: 10px; }
.traer-estado { flex: none; }
.traer-botones .dpp-btn-primary { flex: 1; }
}
.ig-barra-acciones { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ig-btn-promover { width: auto; padding: 0 20px; height: 38px; font-size: 13.5px; }
.prom-resultado {
background: #f0f6f2; border: 1px solid #cfe0d5; border-radius: 10px;
padding: 22px 24px; margin-bottom: 24px; max-width: 780px;
}
.prom-resultado h2 { font-family: Georgia, serif; font-size: 21px; color: #1a1208; margin: 0 0 8px; }
.prom-resultado p { font-size: 14px; line-height: 1.6; color: #4a5f52; margin: 0 0 6px; }
.prom-cuentas {
margin-top: 18px; background: #fffdf9; border: 1px solid #e5dccd;
border-radius: 8px; padding: 16px 18px;
}
.prom-cuentas h3 { font-family: Georgia, serif; font-size: 16px; color: #1a1208; margin: 0 0 8px; }
.prom-ojo {
font-size: 13px !important; color: #7a6220 !important;
background: #fdf6e3; border-left: 3px solid #b8860b;
padding: 9px 12px; border-radius: 0 6px 6px 0; margin: 0 0 12px !important;
}
.prom-tabla { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.prom-tabla th {
text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .07em;
color: #8b8073; font-weight: 600; padding: 6px 10px 6px 0; border-bottom: 1px solid #e5dccd;
}
.prom-tabla td { padding: 9px 10px 9px 0; border-bottom: 1px solid #f2ece1; color: #1a1208; }
.prom-tabla code { background: #f2ece1; padding: 3px 7px; border-radius: 4px; font-size: 12.5px; }
.prom-clave { background: #1a1208 !important; color: #e8dcc8 !important; letter-spacing: .04em; }
.prom-nota { font-size: 12.5px !important; color: #8b8073 !important; margin-top: 10px !important; }
.clave-caja {
max-width: 420px; margin: 0 auto;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 12px;
padding: 34px 32px 30px;
}
.clave-marca { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; text-decoration: none; }
.clave-marca .brand-main { color: #1a1208; font-size: 22px; letter-spacing: .16em; }
.clave-marca .brand-seal { background: #1a1208; color: #d9a441; }
.clave-titulo { font-family: Georgia, serif; font-size: 26px; color: #1a1208; margin: 0 0 10px; }
.clave-bajada { font-size: 14px; line-height: 1.6; color: #6f665b; margin: 0 0 18px; }
.clave-quien {
font-size: 12.5px; color: #8b8073; padding-bottom: 16px;
border-bottom: 1px solid #f2ece1; margin: 0 0 18px;
}
.clave-error {
background: #fdf0ed; border-left: 3px solid #c4503c; color: #8a3325;
padding: 11px 14px; border-radius: 0 6px 6px 0; margin-bottom: 16px; font-size: 13.5px;
}
.clave-form { display: flex; flex-direction: column; gap: 14px; }
.clave-campo { display: flex; flex-direction: column; gap: 6px; }
.clave-campo > span {
font: 600 11px/1 Roboto, sans-serif; letter-spacing: .07em;
text-transform: uppercase; color: #8b8073;
}
.clave-campo input {
font: 400 15px/1.2 Roboto, sans-serif; color: #1a1208; background: #fff;
border: 1px solid #ddd2c0; border-radius: 8px; padding: 12px; width: 100%;
box-sizing: border-box;
}
.clave-campo input:focus {
outline: none; border-color: #c4503c; box-shadow: 0 0 0 3px rgba(196,80,60,.12);
}
.clave-campo small { font-size: 11.5px; color: #a1968a; }
.clave-boton { width: 100%; margin-top: 6px; }
.clave-salida { text-align: center; margin: 18px 0 0; font-size: 13px; }
.clave-salida a { color: #8b8073; }
.clave-salida a:hover { color: #c4503c; }
.hdr-menu-seccion {
font: 600 10px/1 Roboto, sans-serif; letter-spacing: .12em; text-transform: uppercase;
color: #a1968a; padding: 12px 16px 6px; margin-top: 4px; border-top: 1px solid #efe7d9;
}
.hdr-pendientes {
display: inline-block; background: #c4503c; color: #fff;
font-size: 10.5px; font-weight: 700; line-height: 1;
padding: 3px 6px; border-radius: 20px; margin-left: 4px; vertical-align: 1px;
}
.traer-cuenta { flex: 0 0 120px; }
.traer-tiene-cuenta {
font-size: 12px; color: #2f6b4a; background: #e6f0e9;
padding: 4px 10px; border-radius: 20px;
}
@media (max-width: 640px) { .traer-cuenta { flex: none; } }
.ig-que-veo {
font-size: 13.5px; color: #6f665b; margin: 0 0 14px;
background: #fffdf9; border: 1px solid #e5dccd; border-left: 3px solid #c4503c;
border-radius: 0 8px 8px 0; padding: 10px 14px;
}
.ig-que-veo b { color: #1a1208; }
.ig-que-veo a { color: #c4503c; }
.avance-caja {
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 10px;
padding: 20px 24px; margin-bottom: 24px; max-width: 620px;
}
.avance-estado { font-size: 14px; color: #8b8073; margin-bottom: 16px; }
.avance-estado.vivo { color: #2f6b4a; font-weight: 600; }
.avance-punto {
display: inline-block; width: 9px; height: 9px; border-radius: 50%;
background: #2f6b4a; margin-right: 6px; animation: avance-late 1.4s infinite;
}
@keyframes avance-late { 0%,100% { opacity: 1 } 50% { opacity: .25 } }
.avance-nums { display: flex; gap: 34px; flex-wrap: wrap; }
.avance-nums > div { display: flex; flex-direction: column; }
.avance-nums b { font-size: 28px; color: #1a1208; line-height: 1.1; }
.avance-nums span { font-size: 12px; color: #8b8073; }
.avance-nota { font-size: 12.5px; color: #8b8073; margin: 16px 0 0; }
.avance-de { font-size: 15px; color: #a1968a; font-weight: 400; }
.avance-barra {
height: 8px; background: #ece4d6; border-radius: 20px;
overflow: hidden; margin: 16px 0 8px; max-width: 420px;
}
.avance-barra span {
display: block; height: 100%; background: #2f6b4a;
border-radius: 20px; transition: width .4s;
}
.avance-hace { color: #a1968a; font-weight: 400; font-size: 13px; }
.ig-grid.sin-atenuar .ig-card { opacity: 1; }
.ig-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 11px; }
.ig-card { border-radius: 8px; }
.ig-check { top: 7px; left: 7px; width: 17px; height: 17px; }
.ig-datos { padding: 8px 10px 8px; gap: 5px; }
.ig-sug { font-size: 12.5px; gap: 6px; }
.ig-anio { font-size: 11.5px; }
.ig-estado-pieza { font-size: 9.5px; padding: 1px 5px; }
.ig-caption { font-size: 11.5px; line-height: 1.45; }
.ig-caption-caja.recortada .ig-caption { max-height: 4.4em; }
.ig-pie { font-size: 10.5px; gap: 6px; }
.ig-ver-mas { font-size: 10.5px; }
.ig-conf {
bottom: 6px; right: 6px; width: 17px; height: 17px; padding: 0;
border-radius: 50%; font-size: 10px; font-weight: 700;
display: flex; align-items: center; justify-content: center;
text-transform: uppercase; letter-spacing: 0;
}
.ig-nfotos { top: 6px; right: 6px; font-size: 10px; padding: 2px 6px; }
.ig-barritas {
position: absolute; top: 0; left: 0; right: 0;
display: flex; gap: 2px; padding: 5px 6px; z-index: 2;
opacity: 0; transition: opacity .15s;
background: linear-gradient(rgba(0,0,0,.35), transparent);
}
.ig-foto.con-carrusel:hover .ig-barritas { opacity: 1; }
.ig-barritas span {
flex: 1; height: 2px; border-radius: 2px; background: rgba(255,255,255,.4);
}
.ig-barritas span.activa { background: #fff; }
.ig-foto.con-carrusel { cursor: ew-resize; }
@media (max-width: 560px) {
.ig-grid { grid-template-columns: 1fr 1fr; }
}
.ig-ojo-tienda {
background: #fdf6e3; border-left: 3px solid #b8860b;
padding: 11px 14px; border-radius: 0 8px 8px 0;
font-size: 13.5px !important; color: #7a6220 !important;
}
.ig-esperando {
font-size: 13px; color: #2f6b4a; background: #e6f0e9;
padding: 7px 13px; border-radius: 20px;
}
.ig-decia {
font-size: 10px; color: #8b8073; background: #f2ece1;
padding: 2px 6px; border-radius: 4px; font-style: italic;
}
.ig-fecha { color: #8b8073; }
.ig-que-veo {
display: flex; justify-content: space-between; align-items: center;
gap: 16px; flex-wrap: wrap;
}
.ig-orden { display: flex; gap: 4px; flex-wrap: wrap; }
.ig-orden a {
font-size: 12px; color: #8b8073; text-decoration: none;
padding: 4px 9px; border-radius: 6px; border: 1px solid transparent;
}
.ig-orden a:hover { background: #f2ece1; }
.ig-orden a.activo { color: #1a1208; border-color: #ddd2c0; background: #fff; }
.ig-paginado {
display: flex; align-items: center; justify-content: center;
gap: 20px; margin: 26px 0 6px; font-size: 14px; color: #8b8073;
}
.ig-paginado a {
color: #c4503c; text-decoration: none; font-weight: 600;
padding: 9px 18px; border: 1px solid #e5dccd; border-radius: 8px;
background: #fffdf9;
}
.ig-paginado a:hover { border-color: #c4503c; }
.dpp-evento-quien {
font-size: 12.5px; color: #8b8073; margin-top: 4px;
}
.dpp-evento-quien b { color: #5a4e44; }
.dpp-evento-respaldo {
display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;
}
.dpp-adj-foto {
width: 78px; height: 78px; border-radius: 7px; overflow: hidden;
border: 1px solid #e5dccd; display: block; background: #f2ece1;
transition: border-color .15s, transform .15s;
}
.dpp-adj-foto:hover { border-color: #c4503c; transform: translateY(-2px); }
.dpp-adj-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dpp-adj-doc {
display: inline-flex; align-items: center; gap: 7px;
font: 500 12.5px/1 Roboto, sans-serif; color: #5a4e44;
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 7px;
padding: 10px 13px; text-decoration: none; max-width: 240px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dpp-adj-doc:hover { border-color: #c4503c; color: #c4503c; }
.ev-a-adjuntos { grid-column: 1 / -1; }
.ev-a-adjuntos input[type=file] { font-size: 13px; color: #5a4e44; }
.ev-a-adjuntos small { display: block; font-size: 12px; color: #8b8073; margin-top: 5px; line-height: 1.5; }
.ev-adjuntos-lista { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 9px; }
.ev-adjunto {
width: 54px; height: 54px; border-radius: 6px; border: 1px solid #ddd2c0;
display: flex; align-items: center; justify-content: center; overflow: hidden;
background: #f2ece1; color: #8b8073; font: 700 10px/1 Roboto, sans-serif;
text-decoration: none;
}
.ev-adjunto img { width: 100%; height: 100%; object-fit: cover; }
.ev-adjunto:hover { border-color: #c4503c; }
.verif-grid {
display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px;
margin-top: 22px; max-width: 900px; align-items: start;
}
.verif-h2 {
font-family: Georgia, 'Times New Roman', serif; font-size: 19px;
color: #1a1208; margin: 0 0 12px;
}
.verif-lista { list-style: none; padding: 0; margin: 0 0 26px; }
.verif-lista li {
font-size: 14px; line-height: 1.6; color: #6f665b;
padding: 0 0 12px 22px; position: relative;
}
.verif-lista li::before {
content: ''; position: absolute; left: 4px; top: 8px;
width: 6px; height: 6px; border-radius: 50%; background: #c4503c;
}
.verif-lista b { color: #1a1208; }
.verif-limite {
font-size: 13.5px; line-height: 1.6; color: #7a6220;
background: #fdf6e3; border-left: 3px solid #b8860b;
padding: 13px 16px; border-radius: 0 8px 8px 0;
}
.verif-precio-caja {
background: #1a1208; color: #f7f3ed; border-radius: 10px;
padding: 22px 24px; margin-bottom: 18px;
}
.verif-precio { font: 700 30px/1 Roboto, sans-serif; letter-spacing: -.01em; }
.verif-precio-sub { font-size: 13px; color: #c9bda8; margin-top: 8px; line-height: 1.5; }
.verif-form { display: flex; flex-direction: column; gap: 14px; }
.verif-btn { width: auto; padding: 0 24px; height: 46px; }
.verif-nota { font-size: 12.5px; color: #8b8073; margin: 0; }
.verif-ya {
background: #f0f6f2; border: 1px solid #cfe0d5; border-radius: 9px;
padding: 14px 16px; font-size: 13.5px; color: #4a5f52;
}
.verif-hecho {
background: #f0f6f2; border: 1px solid #cfe0d5; border-radius: 10px;
padding: 26px 28px; max-width: 620px;
}
.verif-hecho h2 { font-family: Georgia, serif; font-size: 22px; color: #1a1208; margin: 0 0 10px; }
.verif-hecho p { font-size: 14px; line-height: 1.6; color: #4a5f52; margin: 0 0 16px; }
.verif-volver { display: inline-block; margin-top: 18px; font-size: 13.5px; color: #8b8073; }
.verif-red { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.verif-quien {
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 9px; padding: 13px 16px;
}
.verif-quien-nombre { font-family: Georgia, serif; font-size: 15px; color: #1a1208; }
.verif-quien-tipo { font-size: 12px; color: #8b8073; margin-top: 3px; }
@media (max-width: 760px) {
.verif-grid { grid-template-columns: 1fr; gap: 22px; }
}
.verif-cola { display: flex; flex-direction: column; gap: 12px; max-width: 860px; }
.verif-pedido {
background: #fffdf9; border: 1px solid #e5dccd; border-radius: 10px;
padding: 18px 20px; border-left: 3px solid #ddd2c0;
}
.verif-pedido.estado-solicitada { border-left-color: #c4503c; }
.verif-pedido.estado-coordinada { border-left-color: #b8860b; }
.verif-pedido.estado-completada { border-left-color: #2f6b4a; opacity: .82; }
.verif-pedido.estado-cancelada  { opacity: .5; }
.verif-pedido-cab {
display: flex; justify-content: space-between; align-items: flex-start;
gap: 14px; margin-bottom: 10px;
}
.verif-pedido-pieza {
font-family: Georgia, serif; font-size: 17px; color: #1a1208; text-decoration: none;
}
.verif-pedido-pieza:hover { color: #c4503c; }
.verif-pedido-meta { font-size: 12.5px; color: #8b8073; margin-top: 3px; }
.verif-estado {
font-size: 11px; padding: 4px 10px; border-radius: 20px; white-space: nowrap;
background: #f2ece1; color: #6f665b;
}
.verif-estado.est-solicitada { background: #fdf0ed; color: #a33; }
.verif-estado.est-coordinada { background: #fdf6e3; color: #8a6d1f; }
.verif-estado.est-completada { background: #e6f0e9; color: #2f6b4a; }
.verif-pedido-quien, .verif-pedido-nota, .verif-pedido-asignado, .verif-informe-hecho {
font-size: 13px; color: #6f665b; margin-top: 6px; line-height: 1.5;
}
.verif-pedido-nota {
background: #fdf6e3; padding: 9px 12px; border-radius: 6px; color: #7a6220;
}
.verif-pedido-asignado, .verif-informe-hecho {
border-top: 1px solid #f2ece1; padding-top: 10px; margin-top: 12px;
}
.verif-pedido-acciones {
display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap;
margin-top: 14px; padding-top: 14px; border-top: 1px solid #f2ece1;
}
.verif-asignar { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.verif-asignar .radar-campo { min-width: 190px; }
.verif-costo { max-width: 130px; }
.verif-pago-si { color: #2f6b4a; border-color: #2f6b4a; }
.verif-informe-form {
display: flex; flex-direction: column; gap: 14px;
margin-top: 14px; padding-top: 16px; border-top: 1px solid #f2ece1;
}
.verif-informe-form textarea {
font: 400 14px/1.6 Roboto, system-ui, sans-serif; color: #1a1208;
background: #fff; border: 1px solid #ddd2c0; border-radius: 8px;
padding: 12px; width: 100%; box-sizing: border-box; resize: vertical;
}
.verif-informe-form textarea:focus {
outline: none; border-color: #c4503c; box-shadow: 0 0 0 3px rgba(196,80,60,.12);
}
.verif-informe-form small { font-size: 12px; color: #8b8073; line-height: 1.5; }
.mkt {
display: block;
margin-top: 26px;
}
.mkt-graf { min-width: 0; }
.mkt-tit {
margin: 0 0 2px;
font: 700 10.5px/1 -apple-system, system-ui, sans-serif;
letter-spacing: .13em; text-transform: uppercase;
color: var(--ink-soft, #8b8073);
}
.mkt-pie {
margin: 8px 0 8px;
font-size: 11.5px; line-height: 1.6; color: #a1968a;
max-width: 78ch;
}
@media (max-width: 760px) {
.mkt { grid-template-columns: 1fr; gap: 8px; align-items: start; }
.mkt-pie { max-width: none; }
}
.dpp-info > .dpp-title-row:first-child { margin-top: 0; }
.dpp-info .dpp-meta-line { margin-top: 8px; }
.dpp-info .dpp-breadcrumb { margin-top: 10px; }
.dpp-sim-foto { aspect-ratio: 4 / 5 !important; }
.dpp-sim-foto img { object-position: center bottom !important; }
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
aspect-ratio: 4 / 5 !important;
height: auto !important;
max-height: none !important;
overflow: hidden;
}
.dpp-media-card .dpp-photo-main img, #dpp-photo-zoomable img {
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
object-position: center bottom !important;
}
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
aspect-ratio: auto !important;
height: auto !important;
max-height: none !important;
}
.dpp-media-card .dpp-photo-main img, #dpp-photo-zoomable img {
width: 100% !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
object-position: center !important;
}
.dpp-media-card { align-items: flex-start !important; }
.dpp-media-card .dpp-thumbs { overflow-y: auto !important; overflow-x: hidden !important; }
.dpp-sim-foto.foto-ancho { background: #e9e6e1; }
.dpp-sim-foto.foto-ancho img { object-fit: contain !important; object-position: center !important; }
.dpp-desc-top { margin: 30px 0 34px; }
.dpp-desc-top-txt { font: 16px/1.62 Georgia, serif; color: var(--ink); }
.dpp-desc-top-txt p { margin: 0 0 9px; }
.dpp-desc-top-txt p:last-child { margin-bottom: 0; }
.dpp-desc-top-txt:not(.abierto) { max-height: 9.7em; overflow: hidden; }
.dpp-desc-top-mas {
background: none; border: 0; color: #8b3a2a; font-weight: 700;
cursor: pointer; padding: 7px 0 0; font-size: 13px;
}
.dpp-desc-top-mas:hover { text-decoration: underline; }
.dpp-ficha-titulo, .mkt-tit {
display: flex; align-items: center; gap: 12px;
text-transform: uppercase; letter-spacing: .09em;
font-size: 19px; font-weight: 700;
font-family: Roboto, sans-serif; color: #0f0b09;
margin: 0 0 16px;
}
.dpp-ficha-titulo::before, .mkt-tit::before {
content: ""; width: 26px; height: 1px; background: var(--gold-deep); flex: none;
}
.dpp-ficha-bajo-foto { margin: 34px 0; }
.mkt { margin: 34px 0 8px; }
.dpp-section-title::before,
.dpp-ficha-titulo::before { content: none !important; display: none !important; }
.dpp-section-title,
.dpp-ficha-titulo { gap: 0 !important; }
.dpp-section-title,
.dpp-ficha-titulo { margin-left: -28px !important; }
@media (max-width: 779px){
.dpp-nav { display: none !important; }
}
.dpp-photo-main { touch-action: pan-y; }
.dpp-photo-main.zoomeada { touch-action: none; }
.dpp-media-card .dpp-photo-main { overflow: hidden; }
#dpp-main-img { will-change: transform; }
.dpp-ghost {
position: absolute; inset: 0;
width: 100% !important; height: 100% !important;
object-fit: contain !important; object-position: center !important;
z-index: 2; pointer-events: none; background: inherit; will-change: transform;
}
.dpp-dots {
position: absolute; left: 0; right: 0; bottom: 12px; z-index: 6;
display: flex; justify-content: center; align-items: center; gap: 7px;
pointer-events: none;
}
.dpp-dots .dpp-dot {
pointer-events: auto;
width: 7px; height: 7px; padding: 0; border: 0;
border-radius: 999px; background: rgba(255,255,255,.6);
box-shadow: 0 1px 3px rgba(0,0,0,.4);
cursor: pointer; transition: width .25s ease, background .25s ease;
}
.dpp-dots .dpp-dot:hover { background: rgba(255,255,255,.9); }
.dpp-dots .dpp-dot.activo { width: 22px; background: var(--gold, #d9a150); }
#dpp-photo-zoomable.zoomeada .dpp-dots { opacity: 0; pointer-events: none; }
@media (max-width: 779px){
.dpp-media-card .dpp-thumbs { display: none !important; }
}
.dpp-photo-col { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.dpp-media-card .dpp-photo-col .dpp-photo-main { flex: 0 0 auto; width: 100%; }
.dpp-dots {
position: static !important; inset: auto !important;
padding: 2px 0; opacity: 1 !important; pointer-events: auto;
}
.dpp-dots .dpp-dot { background: rgba(20,17,13,.22); box-shadow: none; }
.dpp-dots .dpp-dot:hover { background: rgba(20,17,13,.45); }
.dpp-dots .dpp-dot.activo { background: var(--gold, #d9a150); }
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
aspect-ratio: 4 / 5 !important;
height: auto !important;
max-height: none !important;
overflow: hidden !important;
}
.dpp-media-card .dpp-photo-main img, #dpp-photo-zoomable img {
width: 100% !important; height: 100% !important;
object-fit: contain !important; object-position: center !important;
}
@media (max-width: 779px){
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
max-height: 72vh !important;
}
}
.dpp-photo-main, .dpp-photo-main img, .dpp-ghost {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none; user-select: none;
-webkit-user-drag: none;
}
.dpp-photo-main { -webkit-touch-callout: none; }
@media (max-width: 700px){
.home-news-form input { flex: 0 0 auto !important; width: 100%; }
}
.dpp-photo-main { overflow: hidden !important; }
.dpp-track { display: flex; width: 100%; height: 100%; will-change: transform; }
.dpp-track .dpp-slide { flex: 0 0 100%; width: 100%; height: 100%; }
.dpp-track .dpp-slide-img {
width: 100% !important; height: 100% !important;
object-fit: contain !important; object-position: center !important; display: block;
}
@media (max-width: 700px){
.home-news-form { flex: 0 0 auto !important; }
}
@media (max-width: 779px){
.home-news { padding: 26px 0 !important; }
.home-news-inner { flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
.home-news-form {
flex: 0 0 auto !important; flex-direction: column !important;
max-width: 100% !important; gap: 10px !important;
height: auto !important; min-height: 0 !important;
}
.home-news-form input { flex: 0 0 auto !important; width: 100% !important; height: auto !important; }
.home-news-form .dpp-btn-primary { width: 100% !important; height: auto !important; }
}
@media (max-width: 900px){
.home-carrusel .dpp-sim-card { flex: 0 0 calc((100% - 24px) / 2.2) !important; }
}
@media (max-width: 600px){
.home-carrusel .dpp-sim-card { flex: 0 0 calc((100% - 20px) / 1.3) !important; }
.home-carrusel .dpp-sim-titulo { font-size: 17px; -webkit-line-clamp: 2; }
}
.brand { text-decoration: none; }
.brand-logo { height: 68px; width: auto; display: block; }
@media (max-width: 779px){ .brand-logo { height: 48px; } }
@media (max-width: 700px){
.header-nav-cuenta .hdr-inicio { display: none; }
}
.mobile-tabbar { display: none; }
@media (max-width: 700px){
.mobile-tabbar {
display: flex;
position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
background: #fffdf9; border-top: 1px solid #e5dccd;
box-shadow: 0 -2px 14px rgba(26,18,8,.10);
padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
}
.mobile-tabbar .mtab {
flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
text-decoration: none; color: #8a7d6c;
font: 600 10.5px/1 Roboto, "Helvetica Neue", Arial, sans-serif;
padding: 4px 0 2px;
}
.mobile-tabbar .mtab svg { width: 23px; height: 23px; }
.mobile-tabbar .mtab.activo { color: #8b3a2a; }
.mobile-tabbar .mtab.activo svg { stroke: #8b3a2a; }
body { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 700px){
.header-nav-cuenta .hdr-inicio,
.header-nav-cuenta .hdr-favs,
.header-nav-cuenta .hdr-ingresar,
.header-nav-cuenta .hdr-registro { display: none !important; }
}
.mobile-tabbar .mtab-avatar {
width: 25px; height: 25px; border-radius: 50%; object-fit: cover;
border: 1px solid #d9cbb4; display: block;
}
.mobile-tabbar .mtab.activo .mtab-avatar { border-color: #8b3a2a; }
@media (max-width: 700px){
.sticky-header .header-nav-cuenta { display: none !important; }
}
@media (max-width: 700px){
.mobile-tabbar { align-items: stretch; }
.mobile-tabbar .mtab {
justify-content: flex-start; text-align: center; min-width: 0;
}
.mobile-tabbar .mtab svg,
.mobile-tabbar .mtab .mtab-avatar {
width: 24px; height: 24px; flex: none;
}
.mobile-tabbar .mtab span {
width: 100%; text-align: center; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;
}
}
@media (max-width: 700px){
.topstrip { display: none !important; }
}
.listado-layout.sin-filtros { grid-template-columns: 1fr !important; }
@media (max-width: 700px){
.sticky-header .header-inner {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
.dpp-acciones {
display: flex; align-items: flex-start; gap: 6px; flex-shrink: 0;
}
.ficha-editar {
display: flex; align-items: center; justify-content: center;
width: 30px; height: 30px; margin-top: 6px; flex-shrink: 0;
color: #473b31; text-decoration: none;
transition: color .15s ease, transform .15s ease;
}
.ficha-editar svg { width: 21px; height: 21px; display: block; }
.ficha-editar:hover { color: #c4503c; transform: scale(1.12); }
.custodio-tilde {
display: inline-flex; align-items: center; vertical-align: -3px;
margin-left: 5px; color: #1a86e0; flex: none;
}
.custodio-escudo { color: #1a86e0; }
.ar-cuenta-menu a,
.hdr-cuenta-menu a {
display: block !important;
width: auto !important;
float: none !important;
white-space: nowrap !important;
padding: 9px 18px !important;
line-height: 1.35 !important;
}
.ar-cuenta-menu, .hdr-cuenta-menu { min-width: 210px !important; }
/*! assets/pulpa_archivo.css */
:root {
--ar-ink:    #191919;
--ar-ink-2:  #232323;
--ar-papel:  #FFFFFF;
--ar-papel-2:#F4F1EB;
--ar-texto:  #1a1a1a;
--ar-texto-2:#6f6a63;
--ar-naranja:#C13438;
--ar-naranja-2:#A02A2E;
--ar-linea:  #e3ded4;
}
body,
body.home-carter,
.sans,
.dpp-body,
input, textarea, select, button {
font-family: 'Funnel Sans', "Helvetica Neue", Arial, sans-serif !important;
font-weight: 300;
letter-spacing: normal;
}
body { background: var(--ar-papel); color: var(--ar-texto); line-height: 1.5; }
h1, h2, h3, h4,
.dpp-info h1, .dpp-titulo,
.home-seccion-titulo, .home-seccion-head h2,
.dpp-seccion-titulo, .dpp-h2, .dpp-sub {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--ar-texto);
}
h1, .dpp-info h1 { font-size: clamp(26px, 3.4vw, 40px); line-height: 1.18; }
h2 { font-size: clamp(22px, 2.6vw, 26px); line-height: 1.3; }
h3 { font-size: 18px; line-height: 1.35; }
em, i, .dpp-quote, blockquote { font-style: normal; }
a { color: inherit; }
.dpp-body a:not(.dpp-btn-primary):not(.dpp-sim-card):not(.pieza) { color: var(--ar-naranja); }
.topstrip {
background: var(--ar-ink) !important;
border-bottom: 0 !important;
}
.topstrip-inner { padding: 10px 0 !important; }
.topstrip-item, a.topstrip-item {
font-size: 12px !important;
letter-spacing: .01em !important;
text-transform: none !important;
color: rgba(255,255,255,.62) !important;
}
a.topstrip-item:hover { color: #fff !important; }
.site-header, .sticky-header {
background: var(--ar-ink) !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.site-header .wrap.header-inner,
.header-search-layout { gap: 36px !important; min-height: 96px; align-items: center; }
.brand-logo { filter: brightness(0) invert(1); height: 34px; }
.header-search {
background: transparent !important;
border: 1px solid rgba(255,255,255,.75) !important;
border-radius: 0 !important;
height: 42px;
max-width: 460px;
overflow: visible !important;
transition: border-color .15s ease, box-shadow .15s ease;
}
.header-search:focus-within {
border-color: #fff !important;
box-shadow: inset 0 0 0 1px #fff;
}
.header-search input {
background: transparent !important;
color: #fff !important;
font-size: 14px !important;
padding: 0 16px !important;
}
.header-search input::placeholder { color: rgba(255,255,255,.66) !important; }
.header-search button {
background: transparent !important;
color: #fff !important;
padding: 0 14px !important;
border-left: 1px solid rgba(255,255,255,.28) !important;
height: 100%;
}
.header-search button:hover { background: rgba(255,255,255,.08) !important; }
.nav a, .hdr-favs, .hdr-cuenta, button.hdr-cuenta, .catnav-toggle.hdr-cuenta,
.hdr-ingresar, .hdr-favs svg, .hdr-cuenta svg, .nav svg {
color: rgba(255,255,255,.85) !important;
font-size: 15px;
text-transform: none !important;
letter-spacing: normal !important;
}
.nav a:hover, .hdr-favs:hover, .hdr-cuenta:hover { color: #fff !important; }
.hdr-avatar { border-color: rgba(255,255,255,.4) !important; }
.hdr-registro, a.hdr-registro, .sticky-header .hdr-registro {
background: transparent !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.5) !important;
border-radius: 0 !important;
font-weight: 300 !important;
text-transform: none !important;
padding: 9px 18px !important;
}
.hdr-registro:hover { background: rgba(255,255,255,.1) !important; }
.catnav-menu, .hdr-cuenta-menu {
background: var(--ar-ink-2) !important;
border: 1px solid rgba(255,255,255,.14) !important;
border-radius: 0 !important;
box-shadow: 0 18px 40px rgba(0,0,0,.45) !important;
}
.catnav-menu a, .hdr-cuenta-menu a { color: rgba(255,255,255,.82) !important; }
.catnav-menu a:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
.catnav-menu a:first-child { color: var(--ar-naranja) !important; }
.hdr-menu-seccion { color: rgba(255,255,255,.4) !important; }
.site-header .tira-rapida, .tira-rapida {
background: var(--ar-papel) !important;
border-top: 0 !important;
border-bottom: 1px solid var(--ar-linea) !important;
}
.site-header .tira-rapida-inner, .tira-rapida-inner {
height: 46px;
padding: 0 20px !important;
gap: 34px !important;
align-items: center;
justify-content: center;
}
.tr-item {
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
gap: 0 !important;
background: transparent !important;
border: 0 !important;
position: relative;
}
.tr-item svg { display: none !important; }
.tr-item span {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 1 !important;
padding-top: 1px;
letter-spacing: .05em !important;
text-transform: uppercase;
white-space: nowrap;
color: var(--ar-texto) !important;
}
.tr-item::after {
content: ''; position: absolute; left: 0; right: 0; bottom: -14px;
height: 2px; background: transparent; transition: background .15s ease;
}
.tr-item:hover::after, .tr-item.activa::after { background: var(--ar-naranja); }
.tr-item.activa span { color: var(--ar-texto) !important; }
.dpp-similares, .home-carrusel { gap: 34px !important; }
.dpp-sim-card {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: center;
overflow: visible !important;
}
.dpp-sim-card:hover {
transform: none !important;
box-shadow: none !important;
}
.dpp-sim-foto {
aspect-ratio: 4 / 5 !important;
border-radius: 0 !important;
overflow: hidden;
}
.dpp-sim-foto img {
width: 100% !important; height: 100% !important;
object-fit: cover !important;
object-position: center bottom !important;
transform-origin: center bottom;
transition: transform .7s cubic-bezier(.2,.7,.3,1);
}
.dpp-sim-foto.foto-ancho { background: #e9e6e1; }
.dpp-sim-foto.foto-ancho img { object-fit: contain !important; }
.dpp-sim-body { padding: 14px 2px 0 !important; }
.dpp-sim-titulo {
font: 300 15px/1.45 'Funnel Sans', sans-serif !important;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--ar-texto) !important;
}
.dpp-sim-card:hover .dpp-sim-titulo { color: var(--ar-naranja) !important; }
.dpp-sim-meta {
display: flex !important;
justify-content: center !important;
align-items: center;
gap: 0 !important;
margin-top: 6px !important;
}
.dpp-sim-meta .dpp-sim-codigo,
.dpp-sim-meta .dpp-sim-chevron { display: none !important; }
.dpp-sim-precio-row { display: inline-flex; align-items: center; justify-content: center; }
.dpp-sim-precio {
color: var(--ar-texto-2) !important;
font-weight: 300 !important;
font-size: 15px !important;
letter-spacing: .01em;
}
.dpp-sim-gate { color: var(--ar-texto-2) !important; font-size: 13px !important; }
.dpp-sim-badge, .badge-verificada, .pieza-badge {
border-radius: 3px !important;
background: var(--ar-ink) !important;
color: #fff !important;
font-size: 9.5px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
padding: 6px 10px !important;
top: 10px !important; left: 10px !important;
}
.dpp-btn-primary {
background: var(--ar-naranja) !important;
border: 1px solid var(--ar-naranja) !important;
border-radius: 0 !important;
color: #fff !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 13px !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
height: 48px;
}
.dpp-btn-primary:hover { background: var(--ar-naranja-2) !important; border-color: var(--ar-naranja-2) !important; }
.dpp-btn-sec, a.dpp-btn-sec {
background: transparent !important;
border: 1px solid var(--ar-ink) !important;
border-radius: 0 !important;
color: var(--ar-ink) !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 12.5px !important;
letter-spacing: .1em !important;
height: 48px;
}
.dpp-btn-sec:hover, a.dpp-btn-sec:hover {
background: var(--ar-ink) !important;
color: #fff !important;
}
.dpp-btn-sec svg { color: currentColor !important; }
.home-verlink, .dpp-verlink {
color: var(--ar-texto) !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 12.5px !important;
letter-spacing: .1em;
text-transform: uppercase;
border-bottom: 2px solid var(--ar-naranja);
padding-bottom: 5px;
}
.home-banner {
height: clamp(420px, 38vw, 580px) !important;
min-height: 0 !important;
background: var(--ar-ink) !important;
}
.home-banner-bg {
background-size: cover !important;
background-position: center !important;
filter: blur(34px) brightness(.42) saturate(1.1);
transform: scale(1.12);
}
.home-banner-shade {
background: linear-gradient(90deg,
rgba(10,10,10,.9) 0%, rgba(10,10,10,.62) 42%, rgba(10,10,10,0) 74%) !important;
}
.home-banner-foto {
position: absolute; right: 5%; top: 0; height: 100%; width: auto;
max-width: 52%; object-fit: contain; z-index: 1;
transition: opacity .45s ease;
}
.home-banner-shade, .home-banner-content, .home-banner-credito { z-index: 2; }
.home-banner-content { align-items: flex-start !important; text-align: left !important; }
@media (max-width: 900px) { .home-banner-foto { display: none; } }
.card-chip-nuevo, .card-chip, [class*="card-chip-"] {
background: var(--ar-ink) !important;
color: #fff !important;
border-radius: 3px !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 9.5px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
padding: 6px 9px !important;
box-shadow: none !important;
}
.card-chip-verificada { background: var(--ar-naranja) !important; }
.card-fav {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 34px !important; height: 34px !important;
top: 12px !important; right: 12px !important;
color: #fff !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
filter: drop-shadow(0 1px 3px rgba(0,0,0,.6)) drop-shadow(0 0 9px rgba(0,0,0,.4)) !important;
}
.card-fav svg { width: 26px !important; height: 26px !important; fill: none !important; display: block !important; }
.card-fav svg, .card-fav .fav-path { stroke-width: 1.8 !important; }
.card-fav:hover { background: transparent !important; transform: scale(1.08) !important; }
.card-fav.es-fav { color: #fff !important; }
.card-fav.es-fav svg .fav-path, .card-fav.es-fav .fav-path { fill: #fff !important; stroke: #fff !important; }
.ficha-fav {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #473b31 !important;
filter: none !important;
width: 34px !important; height: 34px !important;
position: static !important;
}
.ficha-fav svg { width: 25px !important; height: 25px !important; }
.ficha-fav svg, .ficha-fav .fav-path { stroke-width: 1.9 !important; }
.ficha-fav:hover { color: var(--ar-naranja) !important; transform: scale(1.1) !important; background: transparent !important; }
.ficha-fav.es-fav { color: var(--ar-naranja) !important; }
.ficha-fav.es-fav svg .fav-path, .ficha-fav.es-fav .fav-path { fill: var(--ar-naranja) !important; stroke: var(--ar-naranja) !important; }
@media (max-width: 700px) {
.card-fav { width: 32px !important; height: 32px !important; top: 10px !important; right: 10px !important; }
.card-fav svg { width: 24px !important; height: 24px !important; }
.ficha-fav { width: 30px !important; height: 30px !important; }
.ficha-fav svg { width: 22px !important; height: 22px !important; }
.card-chip-nuevo, .card-chip-verif, .card-chip, [class*="card-chip-"], .ar-chapa,
.card-chips { top: 19px !important; left: 14px !important; }
}
.home-carrusel-flecha {
background: rgba(255,255,255,.94) !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 50% !important;
color: var(--ar-ink) !important;
box-shadow: none !important;
}
.home-carrusel-flecha:hover { background: #fff !important; border-color: var(--ar-ink) !important; }
.home-kicker {
display: inline-block;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 11px !important;
letter-spacing: .24em !important;
text-transform: uppercase;
color: #fff !important;
border-bottom: 2px solid var(--ar-naranja);
padding-bottom: 7px;
margin-bottom: 18px !important;
}
.home-banner h1, .home-hero-copy h1 {
color: #fff !important;
font-size: clamp(30px, 4.2vw, 40px) !important;
line-height: 1.3 !important;
letter-spacing: .04em !important;
max-width: 24ch;
}
.home-banner p, .home-hero-copy p { color: rgba(255,255,255,.82) !important; font-size: 14px; }
.home-hero-actions { gap: 14px; }
.home-banner .home-hero-actions .dpp-btn-sec,
.home-banner-btn-sec, a.home-banner-btn-sec {
border-color: rgba(255,255,255,.6) !important;
color: #fff !important;
background: transparent !important;
}
.home-banner .home-hero-actions .dpp-btn-sec:hover { background: rgba(255,255,255,.12) !important; color: #fff !important; }
.home-banner-credito { color: rgba(255,255,255,.6) !important; font-size: 12px !important; }
.home-seccion { padding: 92px 0 !important; background: var(--ar-papel) !important; }
.home-seccion-alt { background: var(--ar-papel-2) !important; }
.home-seccion-head { align-items: flex-end; margin-bottom: 44px !important; }
.home-seccion-bajada { color: var(--ar-texto-2) !important; font-size: 15px !important; }
.home-cats { gap: 20px !important; }
.home-cat-card {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: border-color .15s ease, background .15s ease;
}
.home-cat-card:hover { border-color: var(--ar-ink) !important; background: transparent !important; transform: none !important; }
.home-cat-nombre {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: .05em;
font-size: 14px !important;
}
.home-cat-n { color: var(--ar-texto-2) !important; font-weight: 300 !important; font-size: 13px !important; }
.home-promo { border-radius: 0 !important; }
.home-promo-shade { background: linear-gradient(90deg, rgba(10,10,10,.86), rgba(10,10,10,.3)) !important; }
.home-promo-btn {
background: transparent !important;
border: 1px solid rgba(255,255,255,.6) !important;
border-radius: 0 !important;
color: #fff !important;
font-family: 'Archivo', sans-serif !important;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 12.5px !important;
}
.home-promo-btn:hover { background: rgba(255,255,255,.12) !important; }
.home-news { background: var(--ar-ink) !important; }
.home-news h2, .home-news-copy h2 { color: #fff !important; }
.home-news p { color: rgba(255,255,255,.62) !important; }
.home-news-form input {
background: transparent !important;
border: 1px solid rgba(255,255,255,.5) !important;
border-radius: 0 !important;
color: #fff !important;
}
.home-news-form input::placeholder { color: rgba(255,255,255,.55) !important; }
.home-dpp-item {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.home-dpp-item h3 { font-size: 16px !important; letter-spacing: .08em; }
.home-dpp-item p { color: var(--ar-texto-2) !important; }
.dpp-body { background: var(--ar-papel) !important; }
.dpp-media-card, .dpp-info-card, .dpp-card, .dpp-bloque {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
border-radius: 0 !important;
background: var(--ar-papel-2) !important;
}
.dpp-media-card .dpp-thumb, .dpp-thumb {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
opacity: .5;
transition: opacity .15s ease, box-shadow .15s ease;
}
.dpp-media-card .dpp-thumb:hover, .dpp-thumb:hover { opacity: .85; }
.dpp-media-card .dpp-thumb.active, .dpp-thumb.active {
opacity: 1;
box-shadow: 0 0 0 2px var(--ar-naranja) !important;
}
.dpp-breadcrumb, .dpp-info .dpp-meta-line, .dpp-info small {
color: var(--ar-texto-2) !important;
font-size: 12px;
letter-spacing: .05em;
text-transform: uppercase;
}
.dpp-price-label {
font-family: 'Archivo', sans-serif !important;
font-size: 11px !important;
letter-spacing: .2em !important;
color: var(--ar-texto-2) !important;
}
.dpp-price, .dpp-price-none {
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: clamp(28px, 3vw, 38px) !important;
color: var(--ar-texto) !important;
letter-spacing: 0 !important;
}
.dpp-price-area {
background: transparent !important;
border: 0 !important;
border-top: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
margin-top: 20px !important;
padding-top: 18px !important;
}
.dpp-disclaimer { color: var(--ar-texto-2) !important; font-size: 13px !important; }
.dpp-ficha-tabla {
border: 0 !important;
border-top: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
}
.dpp-ficha-fila {
background: transparent !important;
border-bottom: 1px solid var(--ar-linea);
padding: 13px 0 !important;
grid-template-columns: 210px 1fr !important;
}
.dpp-ficha-fila:nth-child(even) { background: transparent !important; }
.dpp-ficha-key {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 10.5px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
color: var(--ar-texto-2) !important;
}
.dpp-ficha-val {
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 15.5px !important;
color: var(--ar-texto) !important;
}
.dpp-desc-top, .dpp-descripcion { font-size: 16.5px; line-height: 1.75; color: #3f3b36; }
.mkt { background: transparent !important; border: 0 !important; }
.mkt svg text { fill: var(--ar-texto-2); font-family: 'Funnel Sans', sans-serif; }
.mkt svg text.mkt-val-dentro {
fill: #fff !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 600 !important;
letter-spacing: .02em;
}
.mkt svg text.mkt-val-fuera {
fill: var(--ar-texto) !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 600 !important;
}
.mkt svg rect[fill="#b98a5e"] { fill: var(--ar-naranja) !important; fill-opacity: .82 !important; }
.mkt-pin { fill: var(--ar-ink) !important; stroke: #fff !important; }
.mkt-pin-suelto { fill: var(--ar-papel) !important; stroke: var(--ar-ink) !important; }
.mkt-pin-pulpa { fill: #3f7d52 !important; stroke: #fff !important; }
.mkt-pin-vendida { stroke: #c8962e !important; stroke-width: 2.2px !important; }
.dpp-trust, .dpp-custodio, .dpp-timeline {
background: transparent !important;
border: 0 !important;
border-top: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.dpp-trust-item { color: var(--ar-texto-2) !important; font-size: 13px; }
.dpp-trust-item svg { color: var(--ar-naranja) !important; }
.red-card, .tienda-card {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.red-card:hover, .tienda-card:hover { border-color: var(--ar-ink) !important; transform: none !important; }
.red-logo, .tienda-logo {
background: #fff !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.tienda-hero, .red-hero { background: var(--ar-ink) !important; border-radius: 0 !important; }
.site-footer, footer.site-footer {
background: var(--ar-ink) !important;
color: rgba(255,255,255,.55) !important;
border-top: 0 !important;
}
.site-footer a { color: rgba(255,255,255,.7) !important; }
.site-footer a:hover { color: #fff !important; }
.site-footer h3, .site-footer h4 {
color: #fff !important;
font-size: 11px !important;
letter-spacing: .2em !important;
}
.ar-switch {
position: fixed; right: 16px; bottom: 16px; z-index: 900;
display: inline-flex; align-items: center; gap: 9px;
background: var(--ar-ink); color: #fff; text-decoration: none;
font-family: 'Funnel Sans', sans-serif; font-size: 12px; font-weight: 300;
padding: 9px 14px; border: 1px solid rgba(255,255,255,.25);
box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
.ar-switch:hover { background: #000; }
.ar-switch b { font-weight: 400; }
.ar-switch .punto { width: 7px; height: 7px; border-radius: 50%; background: var(--ar-naranja); }
@media (max-width: 700px) { .ar-switch { bottom: 74px; right: 10px; font-size: 11px; } }
@media (prefers-reduced-motion: no-preference) {
.home-seccion, .dpp-desc-top, .dpp-ficha-bajo-foto, .mkt, .dpp-timeline {
animation: ar-sube .6s cubic-bezier(.2,.7,.3,1) both;
}
@keyframes ar-sube {
from { opacity: 0; transform: translateY(12px); }
to   { opacity: 1; transform: none; }
}
}
@media (max-width: 900px) {
.header-search { max-width: none; }
.site-header .tira-rapida-inner, .tira-rapida-inner {
justify-content: flex-start;
overflow-x: auto;
gap: 24px !important;
}
}
@media (max-width: 700px) {
.home-banner { height: clamp(340px, 60vw, 420px) !important; }
.home-banner h1, .home-hero-copy h1 { font-size: 26px !important; }
.dpp-similares, .home-carrusel { gap: 22px !important; }
.dpp-ficha-fila { grid-template-columns: 1fr !important; gap: 4px; }
}
.site-header .tira-rapida-inner, .tira-rapida-inner {
gap: 26px !important;
overflow-x: auto;
scrollbar-width: none;
justify-content: safe center;
}
.site-header .tira-rapida-inner::-webkit-scrollbar,
.tira-rapida-inner::-webkit-scrollbar { display: none; }
.tr-item span { font-size: 13.5px !important; letter-spacing: .045em !important; }
@media (max-width: 1280px) { .tr-item span { font-size: 12.5px !important; } }
.dpp-info, .dpp-ficha-tabla, .dpp-photo-main {
background: transparent !important;
}
.dpp-photo-main { background: var(--ar-papel-2) !important; }
.dpp-info { padding-left: 0 !important; }
.dpp-body h2, .dpp-body h3, .dpp-seccion h2, main h2, main h3 {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: .05em !important;
color: var(--ar-texto) !important;
}
.dpp-body h2, main h2 { font-size: 20px !important; }
.dpp-body h3, main h3 { font-size: 15px !important; }
.dpp-breadcrumb { text-transform: none !important; font-size: 12.5px; letter-spacing: normal; }
.dpp-fav, .dpp-fav-btn {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: var(--ar-texto-2) !important;
box-shadow: none !important;
}
.red-nombre {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
font-size: 15px !important;
color: var(--ar-texto) !important;
}
.red-nivel, .red-nivel.verificador, .red-nivel.aliado {
border-radius: 3px !important;
background: var(--ar-ink) !important;
color: #fff !important;
border: 0 !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 9.5px !important;
letter-spacing: .16em !important;
padding: 5px 8px !important;
}
.red-nivel.verificador { background: var(--ar-naranja) !important; }
.red-meta, .red-info p { color: var(--ar-texto-2) !important; font-size: 13.5px !important; }
.red-piezas { color: var(--ar-texto) !important; font-size: 13.5px !important; }
.red-piezas b { font-weight: 400 !important; }
.red-card { padding: 22px !important; transition: border-color .15s ease; }
.dpp-listado-titulo, .dpp-hero-titulo, .buscar-titulo {
font-family: 'Archivo', sans-serif !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
}
.ar-home { background: var(--ar-papel); }
.ar-hero {
display: block; position: relative; overflow: hidden;
--ar-hero-h: clamp(325px, 30vw, 485px);
background: #111; height: var(--ar-hero-h);
}
.ar-hero-fondo.rotada {
inset: auto; top: 50%; left: 50%;
width: var(--ar-hero-h); height: 100vw;
transform: translateX(var(--dxa, 0px)) translate(-50%, -50%) rotate(-90deg);
object-position: center center;
}
.ar-hero-fondo {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover; object-position: center 75%;
filter: none;
transform: translateX(var(--dxa, 0px));
}
.ar-hero-fondo-b { visibility: hidden; transform: translateX(var(--dxb, 0px)); }
.ar-hero-fondo-b.rotada {
transform: translateX(var(--dxb, 0px)) translate(-50%, -50%) rotate(-90deg);
}
.ar-hero.ar-gesto .ar-hero-fondo-b { visibility: visible; }
.ar-hero.ar-sin-trans .ar-hero-fondo,
.ar-hero.ar-sin-trans .ar-hero-velo {
transition: transform 0s, opacity .26s ease !important;
}
.ar-hero.ar-con-trans .ar-hero-fondo,
.ar-hero.ar-con-trans .ar-hero-velo {
transition: transform .22s cubic-bezier(.25,.46,.3,1), opacity .26s ease !important;
}
.ar-hero.ar-txt-sin .ar-hero-txt {
transition: transform 0s, opacity 0s !important;
}
.ar-hero.ar-txt-con .ar-hero-txt {
transition: transform .22s cubic-bezier(.25,.46,.3,1), opacity .5s ease !important;
}
.ar-hero-foto { display: none !important; }
.ar-hero-velo {
transform: translateX(var(--dxa, 0px));
position: absolute; inset: 0; z-index: 2;
background: linear-gradient(90deg,
rgba(10,10,10,.88) 0%, rgba(10,10,10,.55) 40%, rgba(10,10,10,0) 72%);
transition: background .3s ease;
}
.ar-hero-velo-b { visibility: hidden; transform: translateX(var(--dxb, 0px)); }
.ar-hero.ar-gesto .ar-hero-velo-b { visibility: visible; }
.ar-hero .ar-hero-velo.velo-claro {
background: linear-gradient(90deg,
rgba(8,8,8,.94) 0%, rgba(8,8,8,.78) 38%, rgba(8,8,8,.22) 68%, rgba(8,8,8,0) 86%);
}
.ar-hero-txt {
position: absolute; left: 0; right: 0; top: 0; bottom: 0;
display: flex; align-items: center;
padding: 0; z-index: 3;
transform: translateX(var(--dxt, 0px));
opacity: var(--opt, 1);
}
.ar-hero-txt > .wrap {
flex: 0 0 auto;
width: auto !important;
max-width: 60% !important;
margin: 0 !important;
padding-left: 14px;
}
@media (max-width: 700px) {
.ar-hero-txt > .wrap { max-width: 88% !important; padding-left: 12px; }
}
.ar-kicker {
display: inline-block; font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: #fff;
padding-bottom: 7px; border-bottom: 2px solid var(--ar-naranja); margin-bottom: 16px;
}
.ar-hero h1 {
margin: 0 0 12px; color: #fff !important;
font-family: 'Archivo', sans-serif; font-weight: 400; text-transform: uppercase;
font-size: clamp(30px, 4.2vw, 40px); line-height: 1.3; letter-spacing: .04em;
max-width: 24ch;
}
.ar-hero-specs { color: rgba(255,255,255,.82); font-size: 12.5px; letter-spacing: .05em; }
.ar-hero-rayas {
position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; z-index: 3;
display: flex; gap: 10px; align-items: center;
}
.ar-hero-rayas i {
display: block; position: relative; overflow: hidden;
width: 58px; height: 2px; background: rgba(255,255,255,.3);
cursor: pointer;
}
.ar-hero-rayas i b {
position: absolute; inset: 0 auto 0 0; width: 0; background: var(--ar-naranja);
}
.ar-hero-rayas i.pasada { background: rgba(255,255,255,.7); }
.ar-hero-rayas i:hover { background: rgba(255,255,255,.55); }
.ar-hero-fondo, .ar-hero-txt h1, .ar-hero-specs { transition: opacity .26s ease; }
.ar-hero.cambiando .ar-hero-fondo,
.ar-hero.cambiando .ar-hero-txt h1,
.ar-hero.cambiando .ar-hero-specs { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
.ar-hero-fondo, .ar-hero-txt h1, .ar-hero-specs { transition: none; }
}
@media (max-width: 900px) {
.ar-hero-foto { display: none; }
.ar-hero {
--ar-hero-h: max(320px, calc(100vh - 233px));
--ar-hero-h: max(320px, calc(100svh - 233px));
height: var(--ar-hero-h);
}
}
.ar-manifiesto { padding: 44px 0 88px; background: var(--ar-papel); }
.ar-manifiesto .wrap { max-width: 880px; text-align: center; }
.ar-manifiesto h2 {
margin: 0 0 30px; font-family: 'Archivo', sans-serif; font-weight: 400;
text-transform: uppercase; font-size: clamp(22px, 2.8vw, 34px);
line-height: 1.35; letter-spacing: .04em;
}
.ar-manifiesto p {
margin: 0 auto 20px; color: #4a4640; font-size: 16.5px; line-height: 1.75; max-width: 62ch;
}
.ar-mas {
display: inline-flex; align-items: center; margin-top: 26px;
font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 12.5px;
letter-spacing: .1em; text-transform: uppercase; color: var(--ar-texto) !important;
border-bottom: 2px solid var(--ar-naranja); padding-bottom: 5px;
}
.ar-cifras { background: var(--ar-papel-2); padding: 64px 0; }
.ar-cifras .wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; text-align: center; }
.ar-cifra { font-weight: 300; font-size: clamp(38px, 4.6vw, 62px); line-height: 1; }
.ar-cifra-lbl {
margin-top: 12px; font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--ar-texto-2);
}
@media (max-width: 700px) { .ar-cifras .wrap { grid-template-columns: 1fr; gap: 34px; } }
.ar-coleccion { padding: 110px 0 0; }
.ar-sec-cab { display: flex; justify-content: center; text-align: center; margin-bottom: 52px; }
.ar-sec-cab h2 {
margin: 0; font-family: 'Archivo', sans-serif; font-weight: 400;
text-transform: uppercase; font-size: 26px; letter-spacing: .04em;
}
.ar-grilla { display: grid; grid-template-columns: repeat(4, 1fr); gap: 48px 34px; }
@media (max-width: 1100px) { .ar-grilla { grid-template-columns: repeat(2, 1fr); gap: 40px 24px; } }
@media (max-width: 560px)  { .ar-grilla { grid-template-columns: 1fr; } }
.ar-pieza { display: block; text-align: center; }
.ar-pieza-foto {
position: relative; background: var(--ar-papel-2);
aspect-ratio: 4 / 5; overflow: hidden;
}
.ar-pieza-foto img {
width: 100%; height: 100%; object-fit: cover; object-position: center bottom;
transform-origin: center bottom;
transition: transform .7s cubic-bezier(.2,.7,.3,1);
}
.ar-pieza-foto.foto-ancho { background: #e9e6e1; }
.ar-pieza-foto.foto-ancho img { object-fit: contain; }
.ar-pieza:hover .ar-pieza-foto img { transform: scale(1.035); }
.ar-chapa {
position: absolute; top: 10px; left: 10px; z-index: 2;
background: var(--ar-ink); color: #fff; border-radius: 3px;
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; padding: 6px 10px;
}
.ar-chapa.verif { background: var(--ar-naranja); }
.ar-pieza-tit {
margin-top: 16px; font-size: 15px; font-weight: 300; line-height: 1.45;
text-transform: uppercase; letter-spacing: .04em; color: var(--ar-texto);
}
.ar-pieza:hover .ar-pieza-tit { color: var(--ar-naranja); }
.ar-pieza-pie {
margin-top: 6px; font-size: 15px; color: var(--ar-texto-2);
display: flex; gap: 9px; align-items: center; justify-content: center;
}
.ar-pieza-pie .sep { width: 3px; height: 3px; border-radius: 50%; background: var(--ar-linea); }
.ar-pieza-pie .tienda { color: var(--ar-texto-2); font-size: 13px; }
.ar-ver-todo { display: flex; justify-content: center; padding: 82px 0 120px; }
.ar-ver-todo a {
display: inline-flex; align-items: center; border: 1px solid var(--ar-ink);
padding: 16px 34px; font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase;
color: var(--ar-texto) !important;
}
.ar-ver-todo a:hover { background: var(--ar-ink); color: #fff !important; }
.ar-pasaporte { background: var(--ar-ink); color: #fff; padding: 110px 0; }
.ar-pasaporte .wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 66px; }
.ar-num { font-family: 'Archivo', sans-serif; font-size: 11px; letter-spacing: .2em; color: var(--ar-naranja); margin-bottom: 20px; }
.ar-pasaporte h3 {
margin: 0 0 14px !important; color: #fff !important;
font-family: 'Archivo', sans-serif; font-weight: 400;
text-transform: uppercase; font-size: 16px !important; letter-spacing: .08em !important;
}
.ar-pasaporte p { margin: 0; color: rgba(255,255,255,.62); font-size: 14.5px; line-height: 1.75; }
@media (max-width: 900px) { .ar-pasaporte .wrap { grid-template-columns: 1fr; gap: 44px; } .ar-pasaporte { padding: 70px 0; } }
@media (prefers-reduced-motion: no-preference) {
.ar-manifiesto, .ar-cifras, .ar-coleccion, .ar-pasaporte {
animation: ar-sube .6s cubic-bezier(.2,.7,.3,1) both;
}
}
.ar-tira { background: var(--ar-ink); color: rgba(255,255,255,.62); font-size: 12px; }
.ar-tira .wrap { display: flex; justify-content: space-between; align-items: center; height: 38px; }
.ar-tira-der { display: inline-flex; align-items: center; gap: 8px; }
.ar-cab { background: var(--ar-ink); color: #fff; border-top: 1px solid rgba(255,255,255,.08); }
.ar-cab-inner {
display: grid; grid-template-columns: 1fr auto 1fr;
align-items: center; height: 104px; gap: 36px;
}
.ar-buscador {
justify-self: start; width: 100%; max-width: 430px;
display: flex; align-items: center; height: 42px;
border: 1px solid rgba(255,255,255,.75); border-radius: 0;
transition: border-color .15s ease, box-shadow .15s ease;
}
.ar-buscador:focus-within { border-color: #fff; box-shadow: inset 0 0 0 1px #fff; }
.ar-ambito {
display: inline-flex; align-items: center; gap: 8px; height: 100%; padding: 0 14px;
border-right: 1px solid rgba(255,255,255,.75); color: #fff;
font-size: 14px; white-space: nowrap; cursor: pointer;
}
.ar-buscador input {
flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: #fff;
font-family: 'Funnel Sans', sans-serif; font-weight: 300; font-size: 14px; padding: 0 16px;
}
.ar-buscador input::placeholder { color: rgba(255,255,255,.66); }
.ar-buscador button {
background: none; border: 0; color: #fff; cursor: pointer;
padding: 0 14px; display: flex; align-items: center;
}
.ar-buscador button:hover { background: rgba(255,255,255,.08); }
.ar-marca {
justify-self: center; display: flex; flex-direction: column;
align-items: center; gap: 7px; text-decoration: none; color: #fff;
}
.ar-wordmark {
font-family: 'Archivo', sans-serif; font-weight: 600;
font-size: 30px; letter-spacing: .22em; line-height: 1; margin-left: .22em;
}
.ar-punto { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--ar-naranja); }
.ar-sello {
font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 10.5px;
letter-spacing: .5em; margin-left: .5em; text-transform: uppercase;
color: rgba(255,255,255,.55);
}
.ar-accesos {
justify-self: end; display: flex; align-items: center; gap: 22px;
font-size: 15px; color: rgba(255,255,255,.85);
}
.ar-accesos a, .ar-cuenta {
display: inline-flex; align-items: center; gap: 8px;
color: rgba(255,255,255,.85) !important; text-decoration: none;
background: none !important; border: 0 !important; cursor: pointer;
font-family: 'Funnel Sans', sans-serif !important; font-weight: 300 !important;
font-size: 15px !important; letter-spacing: normal !important; text-transform: none !important;
padding: 0 !important;
}
.ar-accesos a:hover, .ar-cuenta:hover { color: #fff !important; }
.ar-icono { position: relative; }
.ar-avatar { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,.4); }
.ar-cuenta-item { position: relative; }
.ar-cuenta-menu { right: 0; left: auto; }
.ar-nav {
position: relative;
background: var(--ar-papel);
border-bottom: 1px solid var(--ar-linea);
}
.ar-nav::after {
content: "";
position: absolute; top: 100%; left: 0; right: 0; height: 12px;
pointer-events: none; z-index: 3;
background: linear-gradient(to bottom,
rgba(25,23,20,.065) 0%,
rgba(25,23,20,.022) 45%,
rgba(25,23,20,0)    100%);
}
.ar-nav-inner {
display: flex; gap: 38px; justify-content: center; align-items: center; height: 45px;
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 19px; letter-spacing: .04em; text-transform: uppercase;
overflow-x: auto; scrollbar-width: none;
}
.ar-nav-inner::-webkit-scrollbar { display: none; }
.ar-nav-inner a {
position: relative; display: inline-flex; align-items: center;
line-height: 1; padding: 0; top: 1px; color: var(--ar-texto) !important;
text-decoration: none; white-space: nowrap;
}
.ar-nav-inner { position: relative; }
.ar-nav-inner a::after {
content: ''; position: absolute; left: 0; right: 0; bottom: -13px; height: 2px;
background: var(--ar-naranja);
transform: scaleX(0); transform-origin: center;
transition: transform .28s cubic-bezier(.22,.75,.24,1);
}
.ar-nav-inner a:hover::after,
.ar-nav-inner a:focus-visible::after,
.ar-nav-inner a.activa::after { transform: scaleX(1); }
.ar-nav-inner:hover a.activa:not(:hover)::after { transform: scaleX(.35); opacity: .5; }
@media (prefers-reduced-motion: reduce) {
.ar-nav-inner a::after { transition: none; }
}
@media (max-width: 1700px) { .ar-nav-inner { gap: 28px; font-size: 17.5px; } }
@media (max-width: 1400px) { .ar-nav-inner { gap: 24px; font-size: 16px; } }
@media (max-width: 1100px) { .ar-nav-inner { gap: 20px; font-size: 14px; justify-content: flex-start; } }
@media (max-width: 900px) {
.ar-cab-inner { grid-template-columns: 1fr auto; height: 78px; gap: 18px; }
.ar-buscador { display: none; }
.ar-marca { justify-self: start; }
.ar-wordmark { font-size: 22px; }
}
.listado-layout {
grid-template-columns: 290px auto !important;
justify-content: center !important;
gap: 18px !important;
}
.dpp-wrap:has(.listado-layout) {
max-width: none !important;
width: calc(100% - 96px) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
@media (max-width: 1200px) {
.dpp-wrap:has(.listado-layout) { width: calc(100% - 48px) !important; }
}
.listado-resultados .dpp-similares,
.listado-resultados .dpp-similares.home-carrusel {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 320px)) !important;
gap: 40px 14px !important;
}
.filtros {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 24px 0 0 !important;
}
.filtros label, .filtros .filtros-label, .filtros legend {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 10.5px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
color: var(--ar-texto-2) !important;
}
.filtros input, .filtros select {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 14px !important;
height: 44px;
color: var(--ar-texto) !important;
}
.filtros input:focus, .filtros select:focus {
border-color: var(--ar-ink) !important;
outline: 0 !important;
}
.filtros input::placeholder { color: var(--ar-texto-2) !important; }
.filtros .dpp-btn-primary { width: 100%; }
.filtros a, .filtros .limpiar {
color: var(--ar-texto-2) !important;
font-size: 13px !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.filtros a:hover { color: var(--ar-naranja) !important; }
.listado-head h1, .listado-titulo {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
font-size: clamp(30px, 3.4vw, 44px) !important;
}
.listado-conteo, .listado-head p { color: var(--ar-texto-2) !important; font-size: 14px !important; }
.listado-titulo-xl {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
font-size: clamp(26px, 2.6vw, 38px) !important;
line-height: 1.12 !important;
margin: 0 0 10px !important;
}
@media (max-width: 1200px) {
.listado-layout { grid-template-columns: 250px auto !important; gap: 16px !important; }
.listado-resultados .dpp-similares { grid-template-columns: repeat(3, minmax(0, 320px)) !important; }
}
@media (max-width: 900px) {
.listado-layout { grid-template-columns: 1fr !important; }
.filtros { border-bottom: 1px solid var(--ar-linea) !important; padding: 0 0 24px !important; }
.listado-layout { justify-content: stretch !important; }
.listado-resultados .dpp-similares { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px 10px !important; }
}
.listado-resultados { display: block; }
.listado-resultados .dpp-similares {
margin-inline: auto !important;
justify-content: center !important;
width: 100%;
}
.marca-combo {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
padding: 6px 8px !important;
min-height: 44px !important;
row-gap: 6px;
}
.marca-combo:focus-within { border-color: var(--ar-ink) !important; }
.filtros .marca-combo select,
.marca-combo-select {
border: 0 !important;
background: transparent !important;
height: auto !important;
min-width: 110px;
padding: 4px 2px !important;
font-family: 'Funnel Sans', sans-serif !important;
font-size: 14px !important;
color: var(--ar-texto-2) !important;
}
.marca-pill {
background: var(--ar-ink) !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 12.5px !important;
letter-spacing: .02em;
padding: 6px 6px 6px 10px !important;
}
.marca-pill-x {
background: transparent !important;
color: rgba(255,255,255,.7) !important;
border-radius: 0 !important;
width: 16px !important; height: 16px !important;
font-size: 12px !important;
}
.marca-pill-x:hover { color: #fff !important; }
.dpp-media-card .dpp-thumb, .dpp-thumb {
aspect-ratio: 4 / 5 !important;
width: 84px !important;
height: auto !important;
border-radius: 0 !important;
overflow: hidden;
}
.dpp-media-card .dpp-thumb img, .dpp-thumb img {
width: 100% !important; height: 100% !important;
object-fit: cover !important; object-position: center bottom !important;
}
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
aspect-ratio: 4 / 5;
width: calc(min(80vh, 820px) * 0.8) !important;
max-width: 100% !important;
height: auto !important;
max-height: min(86vh, 900px);
margin: 0 !important;
}
.dpp-media-card {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
width: max-content !important;
max-width: 100% !important;
margin-inline: auto !important;
}
.dpp-media-card .dpp-photo-col {
width: auto !important;
flex: 0 0 auto !important;
display: flex; flex-direction: column;
}
.dpp-media-card .dpp-thumbs {
align-self: flex-start;
max-height: min(86vh, 900px);
flex: 0 0 auto !important;
overflow-y: auto;
scrollbar-width: thin;
}
.dpp-layout {
display: grid !important;
grid-template-columns: calc(min(80vh, 820px) * 0.8 + 96px) 340px !important;
justify-content: center !important;
gap: 80px !important;
}
@media (max-width: 1100px) {
.dpp-layout { grid-template-columns: 1fr !important; gap: 28px !important; }
}
.dpp-info h1, .dpp-info .dpp-titulo {
font-size: 22px !important;
line-height: 1.25 !important;
}
.dpp-price, .dpp-price-none { font-size: 27px !important; }
.dpp-info .dpp-btn-primary, .dpp-info .dpp-btn-sec {
font-size: 11.5px !important;
letter-spacing: .06em !important;
height: 44px;
padding: 0 14px !important;
}
.dpp-disclaimer, .dpp-info .dpp-nota { font-size: 12.5px !important; }
.dpp-media, .dpp-media-col {
width: auto !important;
max-width: 100% !important;
margin-inline: 0 !important;
min-width: 0;
}
.ar-hero.cambiando-foto .ar-hero-fondo { opacity: 0; }
.ar-kicker[hidden] { display: none !important; }
.ar-hero.cambiando .ar-kicker { opacity: 0; transition: opacity .26s ease; }
.ar-kicker { transition: opacity .26s ease; }
.piel-archivo .dpp-photo-main[style*="--ficha-ar"],
.piel-archivo #dpp-photo-zoomable[style*="--ficha-ar"] {
aspect-ratio: var(--ficha-ar) !important;
}
.piel-archivo .dpp-track .dpp-slide-img { object-fit: contain !important; }
.piel-archivo .dpp-desc-top-txt {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
max-height: none !important;
overflow: hidden;
}
.piel-archivo .dpp-desc-top-txt.abierto,
.piel-archivo .dpp-desc-top-txt.abierta {
display: block !important;
-webkit-line-clamp: none;
max-height: none !important;
}
.piel-archivo .dpp-desc-top-mas {
background: none; border: 0; padding: 6px 0 0; cursor: pointer;
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
color: var(--ar-texto) !important;
}
.piel-archivo .dpp-desc-top-mas:hover { color: var(--ar-naranja) !important; }
.dpp-sim-card, .dpp-sim-card *,
.dpp-sim-body, .dpp-sim-foto {
border-radius: 0 !important;
}
.dpp-sim-card:hover .dpp-sim-body,
.dpp-sim-card:hover { background: transparent !important; }
.piel-archivo .ar-tira .wrap,
.piel-archivo .ar-cab-inner,
.piel-archivo .ar-nav-inner {
width: calc(100% - 28px) !important;
max-width: none !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
.piel-archivo .ar-nav-inner { justify-content: center; }
.piel-archivo .ar-hero-txt > .wrap { padding-left: 14px; }
.piel-archivo .ar-accesos {
justify-self: end !important;
margin-right: 0 !important;
gap: 24px !important;
}
.piel-archivo .ar-accesos .ar-icono { padding: 0 !important; }
.ar-ic-red { position: relative; }
.ar-ic-red-txt, .ar-ic-txt {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
margin-top: 4px;
font-family: 'Funnel Sans', sans-serif;
font-weight: 300;
font-size: 9.5px;
letter-spacing: .06em;
line-height: 1.15;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
pointer-events: none;
opacity: .78;
}
.ar-ic-red:hover .ar-ic-red-txt,
.ar-icono:hover .ar-ic-txt { opacity: 1; }
@media (max-width: 900px) {
.ar-ic-red-txt, .ar-ic-txt { display: none !important; }
}
.dpp-photo-main.cargando-hd::after {
content: 'Cargando alta resolución…';
position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%);
background: rgba(25,25,25,.82); color: #fff;
font-family: 'Archivo', sans-serif; font-size: 10.5px; letter-spacing: .14em;
text-transform: uppercase; padding: 7px 12px; z-index: 5; pointer-events: none;
}
.auth-main { background: var(--ar-papel) !important; padding: 84px 0 110px !important; }
.auth-card {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: 400px !important;
padding: 0 !important;
margin-inline: auto !important;
}
.auth-titulo {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
font-size: 26px !important;
color: var(--ar-texto) !important;
margin: 0 0 8px !important;
}
.auth-sub {
color: var(--ar-texto-2) !important;
font-size: 14.5px !important;
margin: 0 0 34px !important;
}
.auth-campo { margin-bottom: 18px !important; }
.auth-campo label {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 10.5px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
color: var(--ar-texto-2) !important;
margin-bottom: 7px !important;
}
.auth-campo input, .auth-campo select {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
box-shadow: none !important;
height: 48px !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 15px !important;
color: var(--ar-texto) !important;
}
.auth-campo input:focus, .auth-campo select:focus {
border-color: var(--ar-ink) !important;
outline: 0 !important;
box-shadow: none !important;
}
.auth-campo input::placeholder { color: var(--ar-texto-2) !important; }
.auth-campo small { color: var(--ar-texto-2) !important; font-size: 12.5px !important; }
.auth-boton {
background: var(--ar-naranja) !important;
border: 1px solid var(--ar-naranja) !important;
border-radius: 0 !important;
color: #fff !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 13px !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
height: 50px !important;
box-shadow: none !important;
margin-top: 8px;
}
.auth-boton:hover { background: var(--ar-naranja-2) !important; border-color: var(--ar-naranja-2) !important; }
.auth-divider {
color: var(--ar-texto-2) !important;
font-family: 'Archivo', sans-serif !important;
font-size: 10.5px !important; letter-spacing: .16em !important; text-transform: uppercase !important;
}
.auth-divider:before, .auth-divider:after { background: var(--ar-linea) !important; }
.auth-google {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
color: var(--ar-texto) !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
height: 48px !important;
}
.auth-google:hover:not(:disabled) { border-color: var(--ar-ink) !important; }
.auth-obra {
background: transparent !important;
border: 0 !important;
border-left: 2px solid var(--ar-linea, #d8cfc2) !important;
border-radius: 0 !important;
color: var(--ar-texto-2, #7d7263) !important;
font-size: 13.5px !important;
line-height: 1.55 !important;
padding: 9px 0 9px 14px !important;
margin-bottom: 18px !important;
}
.auth-error {
background: transparent !important;
border: 0 !important;
border-left: 2px solid var(--ar-naranja) !important;
border-radius: 0 !important;
color: var(--ar-texto) !important;
font-size: 14px !important;
padding: 10px 0 10px 14px !important;
}
.auth-ok {
background: transparent !important;
border: 0 !important;
border-left: 2px solid var(--ar-militar, #687057) !important;
border-radius: 0 !important;
color: var(--ar-texto) !important;
padding: 10px 0 10px 14px !important;
}
.auth-pie { color: var(--ar-texto-2) !important; font-size: 13.5px !important; margin-top: 28px !important; }
.auth-pie a { color: var(--ar-texto) !important; border-bottom: 1px solid var(--ar-naranja); }
.auth-pie a:hover { text-decoration: none !important; color: var(--ar-naranja) !important; }
.pw-eye { color: var(--ar-texto-2) !important; background: transparent !important; border: 0 !important; }
.pw-eye:hover { color: var(--ar-texto) !important; }
@media (max-width: 700px) {
.auth-main { padding: 48px 0 70px !important; }
.auth-card { max-width: none !important; padding: 0 18px !important; }
}
.clave-caja {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: 400px !important;
margin-inline: auto !important;
padding: 0 !important;
}
.clave-titulo {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important; text-transform: uppercase !important;
letter-spacing: .04em !important; font-size: 26px !important;
color: var(--ar-texto) !important;
}
.clave-bajada { color: var(--ar-texto-2) !important; font-size: 14.5px !important; }
.clave-caja input {
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important; height: 48px !important;
font-family: 'Funnel Sans', sans-serif !important; font-weight: 300 !important;
font-size: 15px !important;
}
.clave-caja input:focus { border-color: var(--ar-ink) !important; outline: 0 !important; }
.clave-caja label {
font-family: 'Archivo', sans-serif !important; font-weight: 400 !important;
font-size: 10.5px !important; letter-spacing: .16em !important;
text-transform: uppercase !important; color: var(--ar-texto-2) !important;
}
.clave-marca .brand-seal { background: var(--ar-naranja) !important; border-radius: 0 !important; }
.ar-pieza-pie .tienda,
.dpp-sim-gate,
.dpp-sim-meta .dpp-sim-gate {
font-weight: 300 !important;
font-style: normal !important;
color: var(--ar-texto-2) !important;
letter-spacing: normal !important;
text-transform: none !important;
}
.card-chip-nuevo, .card-chip-verif, .card-chip, [class*="card-chip-"],
.ar-chapa {
font-size: 8px !important;
letter-spacing: .12em !important;
padding: 3px 6px !important;
border-radius: 2px !important;
line-height: 1 !important;
top: 22px !important;
left: 16px !important;
}
.card-chips { top: 22px !important; left: 16px !important; gap: 4px !important; }
.card-chips [class*="card-chip-"] { position: static !important; }
.card-chips {
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
@media (max-width: 900px) {
.dpp-layout {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
}
.dpp-media, .dpp-media-col, .dpp-info {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.dpp-info { margin-top: 22px !important; }
.dpp-media-card {
display: flex !important;
flex-direction: column-reverse !important;
width: 100% !important;
gap: 10px !important;
}
.dpp-media-card .dpp-photo-main, #dpp-photo-zoomable {
width: 100% !important;
height: auto !important;
max-height: none !important;
aspect-ratio: 4 / 5;
}
.dpp-media-card .dpp-photo-col { width: 100% !important; }
.dpp-media-card .dpp-thumbs {
display: flex !important;
flex-direction: row !important;
height: auto !important;
max-height: none !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 8px !important;
padding-bottom: 4px;
}
.dpp-media-card .dpp-thumb, .dpp-thumb {
flex: 0 0 auto !important;
width: 64px !important;
}
html, body { overflow-x: hidden; }
.dpp-wrap, .dpp-body > .dpp-wrap { max-width: 100% !important; width: calc(100% - 24px) !important; }
.dpp-info h1, .dpp-info .dpp-titulo { font-size: 20px !important; }
.dpp-price, .dpp-price-none { font-size: 26px !important; }
.dpp-ficha-fila { grid-template-columns: 1fr !important; gap: 2px !important; padding: 11px 0 !important; }
.mkt, .mkt svg { max-width: 100% !important; height: auto !important; }
}
.ar-solo-movil { display: none !important; }
.ar-avatar {
flex: 0 0 26px !important;
width: 26px !important; height: 26px !important;
min-width: 26px; aspect-ratio: 1 / 1;
}
.ar-avatar + .ar-cuenta-icono { display: none; }
@media (max-width: 900px) {
.ar-solo-movil { display: inline-flex !important; }
.ar-accesos { gap: 15px !important; }
.ar-avatar { display: none !important; }
.ar-avatar + .ar-cuenta-icono { display: inline-flex !important; }
.ar-cuenta-nombre { display: none !important; }
.ar-cuenta .catnav-caret { display: none !important; }
.ar-cuenta { gap: 0 !important; }
.ar-acceso span, .ar-acceso { gap: 6px !important; }
.ar-tira .wrap { height: 34px; font-size: 11px; }
.ar-tira-izq { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ar-cuenta-menu { right: -6px !important; max-width: calc(100vw - 24px); }
}
@media (max-width: 560px) {
.ar-tira-izq { display: none !important; }
.ar-tira .wrap { justify-content: flex-end; }
.ar-wordmark { font-size: 20px !important; letter-spacing: .18em !important; }
.ar-sello { font-size: 9px !important; letter-spacing: .38em !important; }
.ar-accesos { gap: 13px !important; }
}
@media (max-width: 900px) {
.listado-migas, .listado-titulo-xl, .listado-resumen, .listado-resumen-fila {
text-align: center !important;
}
.listado-migas, .listado-resumen-fila { justify-content: center !important; }
.listado-titulo-xl { font-size: 25px !important; line-height: 1.15 !important; }
.filtros-abrir {
display: flex !important;
align-items: center; justify-content: space-between;
width: 100%; height: 46px; padding: 0 14px;
margin: 0 0 18px;
background: transparent;
border: 1px solid var(--ar-linea);
border-radius: 0;
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
color: var(--ar-texto); cursor: pointer;
}
.filtros-abrir-n {
margin-left: 8px; margin-right: auto;
min-width: 19px; height: 19px; padding: 0 5px;
display: inline-flex; align-items: center; justify-content: center;
background: var(--ar-naranja); color: #fff;
font-size: 11px; letter-spacing: 0; line-height: 1;
}
.filtros-abrir .fa-flecha { transition: transform .2s ease; }
.filtros-abrir[aria-expanded="true"] .fa-flecha { transform: rotate(180deg); }
.listado-layout .filtros[hidden] { display: none !important; }
.filtros { padding: 0 0 22px !important; margin-bottom: 8px; }
}
.filtros-abrir { display: none; }
@media (max-width: 700px) {
.dpp-similares, .listado-resultados .dpp-similares {
gap: 26px 10px !important;
}
.dpp-sim-titulo { font-size: 13.5px !important; letter-spacing: .03em; }
.dpp-sim-precio { font-size: 13.5px !important; }
.dpp-sim-body { padding: 10px 0 0 !important; }
.dpp-sim-card, .dpp-sim-body, .dpp-sim-titulo, .dpp-sim-meta {
text-align: center !important;
}
.dpp-sim-meta { justify-content: center !important; }
}
@media (max-width: 900px) {
.dpp-section-title,
.dpp-ficha-titulo,
.mkt-tit { margin-left: 0 !important; }
.dpp-section-title h2 { font-size: 19px !important; }
.dpp-ficha-titulo { font-size: 16px !important; }
}
@media (max-width: 1100px) {
.piel-archivo .ar-nav-inner,
.ar-nav-inner { justify-content: flex-start !important; }
}
@media (max-width: 900px) {
.ar-nav-inner { gap: 22px !important; padding-inline: 12px !important; }
.ar-nav { position: relative; }
.ar-nav::after {
content: ''; position: absolute; top: 0; right: 0; width: 34px; height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0), var(--ar-papel));
pointer-events: none;
}
.ar-tira { display: none !important; }
}
@media (max-width: 900px) {
.ar-cab-inner { gap: 10px !important; }
.ar-marca { flex: none; }
.ar-wordmark { white-space: nowrap; display: inline-flex; align-items: center; }
.ar-punto { flex: none; margin-left: 3px; }
.ar-sello { white-space: nowrap; font-size: 8.5px !important; letter-spacing: .34em !important; margin-left: .34em !important; }
.ar-acceso-txt { display: none !important; }
.ar-acceso { gap: 0 !important; }
.ar-accesos { flex: none; }
}
@media (max-width: 900px) {
.ar-cab .wrap, .ar-cab-inner { padding-inline: 12px !important; }
}
@media (max-width: 560px) {
.ar-grilla { grid-template-columns: 1fr !important; gap: 40px !important; }
.ar-pieza-tit { font-size: 15px !important; line-height: 1.4 !important; }
.ar-pieza-pie, .ar-pieza-pie * { font-size: 14px !important; }
.ar-sec-cab h2, .ar-sec-tit { font-size: 22px !important; }
.ar-manifiesto p, .ar-manifiesto .ar-frase { font-size: 15px !important; }
}
@media (max-width: 900px) {
.dpp-layout { display: flex !important; flex-direction: column !important; }
.dpp-media { display: contents !important; }
.dpp-media-card       { order: 1; }
.dpp-info             { order: 2; margin-top: 18px !important; }
.dpp-desc-top         { order: 3; }
.dpp-ficha-bajo-foto  { order: 4; }
.mkt                  { order: 5; }
.dpp-timeline         { order: 6; }
.dpp-desc-top, .dpp-ficha-bajo-foto, .mkt, .dpp-timeline { width: 100% !important; margin-top: 26px !important; }
}
.dpp-gate {
border-radius: 0 !important;
background: var(--ar-papel-2) !important;
border: 0 !important;
border-left: 2px solid var(--ar-naranja) !important;
box-shadow: none !important;
}
.dpp-gate .dpp-btn-primary, .dpp-gate .dpp-btn-sec { border-radius: 0 !important; }
.dpp-dots .dpp-dot { border-radius: 0 !important; height: 3px !important; background: rgba(25,25,25,.18) !important; }
.dpp-dots .dpp-dot.activo { background: var(--ar-naranja) !important; }
@media (max-width: 900px) {
.ar-ic-radar { display: none !important; }
}
.red-card {
border-radius: 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--ar-linea) !important;
background: transparent !important;
box-shadow: none !important;
padding: 20px 0 !important;
}
.red-card:hover {
transform: none !important;
box-shadow: none !important;
border-bottom-color: var(--ar-ink) !important;
}
.red-logo { border-radius: 0 !important; box-shadow: none !important; }
.red-nombre {
font-family: 'Archivo', sans-serif !important; font-weight: 400 !important;
text-transform: uppercase !important; letter-spacing: .05em !important;
font-size: 16px !important; color: var(--ar-texto) !important;
}
.red-nivel { border-radius: 0 !important; }
.red-nivel.fundador { background: var(--ar-naranja) !important; color: #fff !important; }
.red-piezas { color: var(--ar-texto) !important; }
.red-piezas b { color: var(--ar-naranja) !important; }
.tienda-logo { border-radius: 0 !important; }
.ar-logo { height: 44px; width: auto; display: block; }
@media (max-width: 900px) {
.ar-logo { height: 32px; }
.ar-cuenta-item, .ar-acceso { display: none !important; }
}
@media (max-width: 900px) {
.ar-ic-red { display: none !important; }
}
.mobile-tabbar {
background: var(--ar-papel) !important;
border-top: 1px solid var(--ar-linea) !important;
box-shadow: none !important;
}
.mobile-tabbar .mtab {
color: var(--ar-texto-2) !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
letter-spacing: .01em !important;
}
.mobile-tabbar .mtab span { font-size: 10.5px !important; }
.mobile-tabbar .mtab.activo { color: var(--ar-naranja) !important; }
.mobile-tabbar .mtab-avatar { border-radius: 50% !important; }
.piel-archivo .hdr-campana-badge {
background: #d64528 !important;
border: 2px solid var(--ar-ink) !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 600 !important;
font-size: 9.5px !important;
letter-spacing: 0 !important;
min-width: 15px !important; height: 15px !important;
top: -5px !important; right: -6px !important;
}
@media (max-width: 900px) {
.piel-archivo .hdr-campana-badge { right: -4px !important; }
}
@media (max-width: 900px) {
.dpp-layout { padding-inline: 12px !important; }
.dpp-media-card {
width: calc(100% + 24px) !important;
max-width: none !important;
margin-left: -12px !important;
margin-right: -12px !important;
padding: 0 !important;
gap: 12px !important;
background: transparent !important;
border: 0 !important;
}
.dpp-media-card .dpp-photo-col,
.dpp-media-card .dpp-photo-main,
#dpp-photo-zoomable,
.dpp-media-card .dpp-thumbs {
width: 100% !important;
max-width: none !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.dpp-media-card .dpp-thumbs { padding: 0 !important; }
.dpp-dots { padding-inline: 12px !important; }
.dpp-zoom-pill { display: none !important; }
}
@media (max-width: 900px) {
#dpp-photo-zoomable.zoomeada {
overflow: visible !important;
position: relative;
z-index: 900;
}
#dpp-photo-zoomable.zoomeada::before {
content: '';
position: fixed;
inset: 0;
background: rgba(10, 10, 10, .94);
z-index: -1;
animation: dpp-fondo-zoom .18s ease-out;
}
@keyframes dpp-fondo-zoom { from { opacity: 0 } to { opacity: 1 } }
#dpp-photo-zoomable.zoomeada img { will-change: transform; }
#dpp-photo-zoomable.zoomeada .dpp-slide { opacity: 0; }
#dpp-photo-zoomable.zoomeada .dpp-slide.en-zoom { opacity: 1; }
body:has(#dpp-photo-zoomable.zoomeada) .site-header,
body:has(#dpp-photo-zoomable.zoomeada) .mobile-tabbar { z-index: 1 !important; }
#dpp-photo-zoomable.zoomeada .dpp-zoom-salir {
display: flex; align-items: center; justify-content: center;
position: fixed; top: calc(12px + env(safe-area-inset-top, 0px)); right: 14px;
width: 40px; height: 40px; z-index: 5;
background: rgba(255,255,255,.12); border: 0; color: #fff;
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
cursor: pointer; padding: 9px;
}
#dpp-photo-zoomable.zoomeada .dpp-zoom-salir svg { width: 100%; height: 100%; }
}
.ar-grilla { align-items: start; }
.ar-tira {
background: #202020;
color: rgba(255,255,255,.75);
font-size: 13px;
}
.ar-tira .wrap { height: 34px; }
.ar-tira-mail {
color: rgba(255,255,255,.75) !important;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.ar-tira-mail:hover { color: #fff !important; border-bottom-color: var(--ar-naranja); }
.ar-tira-der { gap: 14px; }
.ar-tira-der a { color: rgba(255,255,255,.75) !important; display: inline-flex; }
.ar-tira-der a:hover { color: #fff !important; }
.ar-tira-pais {
font-family: 'Archivo', sans-serif;
font-size: 11px;
letter-spacing: .14em;
text-transform: uppercase;
color: rgba(255,255,255,.75);
}
.ar-buscador {
max-width: 400px;
height: 42px;
border: 1px solid #fff;
}
.ar-ambito {
padding: 0 32px 0 12px;
font-size: 16px;
border-right: 1px solid #fff;
position: relative;
}
.ar-ambito svg { position: absolute; right: 12px; top: 50%; margin-top: -5.5px; }
.ar-buscador input { font-size: 16px; padding: 0 12px; }
.ar-buscador input::placeholder { color: rgba(255,255,255,.7); }
.ar-buscador button { padding: 0 12px; }
.ar-buscador button:hover { background: transparent; color: var(--ar-naranja); }
.ar-puertas {
background: var(--ar-papel);
border-top: 1px solid var(--ar-linea);
padding: 96px 0 104px;
}
.ar-puertas .wrap {
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 0 62px;
align-items: start;
}
.ar-puertas .wrap::before {
content: '';
grid-column: 2; grid-row: 1;
align-self: stretch;
background: var(--ar-linea);
}
.ar-puerta { max-width: 560px; }
.ar-puerta:nth-of-type(1) { grid-column: 1; grid-row: 1; }
.ar-puerta:nth-of-type(2) { grid-column: 3; grid-row: 1; }
.ar-puerta-kicker {
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase;
color: var(--ar-texto-2);
padding-top: 14px;
border-top: 2px solid var(--ar-naranja);
display: inline-block;
margin-bottom: 20px;
}
.ar-puerta h3 {
font-family: 'Archivo', sans-serif; font-weight: 400;
text-transform: uppercase; letter-spacing: .04em;
font-size: 27px; line-height: 1.2; color: var(--ar-texto);
margin: 0 0 20px;
}
.ar-puerta p {
font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 16px; line-height: 1.75; color: var(--ar-texto-2);
margin: 0 0 16px;
}
.ar-puerta .ar-mas { margin-top: 10px; display: inline-block; }
@media (max-width: 900px) {
.ar-puertas { padding: 62px 0 70px; }
.ar-puertas .wrap { grid-template-columns: 1fr; gap: 0; }
.ar-puerta:nth-of-type(1), .ar-puerta:nth-of-type(2) { grid-column: 1; grid-row: auto; }
.ar-puertas .wrap::before { display: none; }
.ar-puerta + .ar-puerta {
margin-top: 48px; padding-top: 48px;
border-top: 1px solid var(--ar-linea);
}
.ar-puerta h3 { font-size: 22px; }
.ar-puerta p { font-size: 15px; }
}
.ar-hero-frase {
display: block;
text-shadow: 0 1px 12px rgba(0,0,0,.55);
max-width: 520px;
font-family: 'Archivo', sans-serif;
font-weight: 400 !important;
font-size: 15px;
line-height: 1.65;
letter-spacing: normal;
text-transform: none;
color: rgba(255,255,255,.88);
}
.hero-claro .ar-hero-frase { color: rgba(20,20,20,.86); }
@media (max-width: 900px) {
.ar-hero-frase { font-size: 13.5px; max-width: none; }
}
.ar-hero-txt .ar-kicker { margin-bottom: 26px !important; }
.ar-hero-txt h1 { margin-bottom: 24px !important; }
@media (max-width: 900px) {
.ar-hero-txt .ar-kicker { margin-bottom: 18px !important; }
.ar-hero-txt h1 { margin-bottom: 16px !important; }
}
.pulpa-modal {
border-radius: 0 !important;
box-shadow: 0 24px 60px rgba(0,0,0,.28) !important;
border: 0 !important;
}
.pulpa-modal-titulo {
font-family: 'Archivo', sans-serif !important; font-weight: 400 !important;
text-transform: uppercase !important; letter-spacing: .05em !important;
font-size: 21px !important; color: var(--ar-texto) !important;
}
.pulpa-modal-bajada { color: var(--ar-texto-2) !important; font-size: 14.5px !important; }
.pulpa-modal-form input:not([type=checkbox]),
.pulpa-modal-select {
border-radius: 0 !important;
border: 1px solid var(--ar-linea) !important;
background: transparent !important;
height: 48px !important;
font-family: 'Funnel Sans', sans-serif !important; font-weight: 300 !important;
font-size: 15px !important;
}
.pulpa-modal-form input:not([type=checkbox]):focus,
.pulpa-modal-select:focus { border-color: var(--ar-ink) !important; outline: 0 !important; }
.pulpa-modal .dpp-btn-primary,
.pulpa-modal .dpp-btn-sec { border-radius: 0 !important; }
.pulpa-modal-x { color: var(--ar-texto-2) !important; }
.pulpa-modal-x:hover { color: var(--ar-naranja) !important; }
.pulpa-modal-registro { color: var(--ar-texto-2) !important; }
.pulpa-modal-registro a {
color: var(--ar-texto) !important; font-weight: 300 !important;
border-bottom: 1px solid var(--ar-naranja);
}
.pulpa-modal-registro a:hover { color: var(--ar-naranja) !important; text-decoration: none !important; }
.ar-logo { height: 74px !important; }
.ar-sello { display: none !important; }
@media (max-width: 1100px) { .ar-logo { height: 62px !important; } }
@media (max-width: 900px)  { .ar-logo { height: 38px !important; } }
.ar-hero { cursor: e-resize; }
.ar-hero .ar-hero-txt { cursor: pointer; }
#dpp-photo-zoomable.ficha-45 .dpp-track .dpp-slide.sl-ig .dpp-slide-img {
object-fit: cover !important;
object-position: center bottom !important;
}
.filtros .filtro-label {
display: block !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 600 !important;
font-size: 16px !important;
letter-spacing: normal !important;
text-transform: none !important;
color: var(--ar-texto) !important;
margin-bottom: 10px !important;
}
.filtros .filtro-grupo + .filtro-grupo,
.filtros .filtro-gate {
border-top: 1px solid var(--ar-linea);
padding-top: 18px;
margin-top: 18px;
}
.filtros .filtro-check {
display: flex !important; align-items: center; gap: 9px;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 15px !important;
letter-spacing: normal !important;
text-transform: none !important;
color: var(--ar-texto) !important;
}
.filtros .filtro-check input { width: 15px; height: 15px; accent-color: var(--ar-naranja); }
.marca-pill {
border-radius: 0 !important;
background: var(--ar-ink) !important;
color: #fff !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 13px !important;
padding: 5px 8px !important;
}
.marca-pill-x { color: rgba(255,255,255,.7) !important; }
.marca-pill-x:hover { color: var(--ar-naranja) !important; }
.filtros .filtro-decadas { gap: 5px !important; }
.filtros .filtro-decadas .deca { justify-content: center; }
.filtros .filtro-decadas .deca {
border-radius: 0 !important;
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 300 !important;
font-size: 12px !important;
padding: 4px 9px !important;
border-color: var(--ar-linea) !important;
color: var(--ar-texto) !important;
background: transparent !important;
text-transform: none !important;
}
.filtros .filtro-decadas .deca:hover {
border-color: var(--ar-naranja) !important;
color: var(--ar-naranja) !important;
}
.filtros .filtro-decadas .deca.activa,
.filtros .filtro-decadas .deca:has(input:checked) {
background: var(--ar-ink) !important;
border-color: var(--ar-ink) !important;
color: #fff !important;
}
.filtros .filtro-aplicar {
width: 100% !important;
background: var(--ar-ink) !important;
border: 1px solid var(--ar-ink) !important;
border-radius: 0 !important;
color: #fff !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 12px !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
height: 46px !important;
margin-top: 22px !important;
}
.filtros .filtro-aplicar:hover { background: var(--ar-naranja) !important; border-color: var(--ar-naranja) !important; }
.filtros .filtro-reset {
display: block; text-align: center; margin-top: 12px;
font-family: 'Funnel Sans', sans-serif !important; font-weight: 300 !important;
font-size: 13.5px !important; color: var(--ar-texto-2) !important;
}
.filtros .filtro-reset:hover { color: var(--ar-naranja) !important; }
.ar-hero, .ar-hero .ar-hero-txt { cursor: e-resize; }
.ar-hero.hero-mensaje .ar-kicker,
.ar-hero.hero-mensaje .ar-hero-txt h1,
.ar-hero.hero-mensaje .ar-hero-frase,
.ar-hero.hero-mensaje .ar-hero-specs { cursor: pointer; }
.ar-hero .ar-hero-txt h1 { display: block; }
.ar-hero .ar-hero-txt h1 > span {
background-image: linear-gradient(currentColor, currentColor);
background-size: 0% 1px;
background-position: 0 100%;
background-repeat: no-repeat;
transition: background-size .3s cubic-bezier(.22,.75,.24,1);
}
.ar-hero.hero-mensaje .ar-hero-txt h1:hover > span { background-size: 100% 1px; }
.dpp-section-title h2,
.dpp-section-title h3,
.dpp-ficha-titulo,
.mkt-tit,
.dpp-timeline-tit {
font-family: 'Funnel Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 20px !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
color: var(--ar-texto) !important;
margin: 0 0 16px !important;
}
@media (max-width: 900px) {
.dpp-section-title h2,
.dpp-section-title h3,
.dpp-ficha-titulo,
.mkt-tit,
.dpp-timeline-tit { font-size: 17px !important; }
}
.rango { display: flex; flex-direction: column; gap: 14px; padding-top: 2px; }
.rango-nums { order: 1; display: flex; align-items: center; gap: 8px; margin: 0; }
.rango-riel { order: 2; position: relative; height: 24px; }
.rango-pista {
position: absolute; top: 10px; left: 0; right: 0; height: 4px; margin: 0;
background: rgba(25, 25, 25, .3);
}
.rango-sel { position: absolute; top: 0; bottom: 0; background: var(--ar-ink); transition: background .15s ease; }
.rango.sin-filtro .rango-sel { background: transparent; }
.rango-r {
position: absolute; left: 0; right: 0; top: 0;
width: 100%; height: 24px; margin: 0;
-webkit-appearance: none; appearance: none;
background: none; pointer-events: none;
}
.rango-r:focus { outline: none; }
.rango-r::-webkit-slider-runnable-track { height: 24px; background: none; }
.rango-r::-moz-range-track { height: 24px; background: none; }
.rango-r::-webkit-slider-thumb {
-webkit-appearance: none; appearance: none;
width: 18px; height: 18px; border-radius: 50%;
background: #fff; border: 1px solid rgba(25, 25, 25, .6);
box-shadow: none; cursor: grab; pointer-events: auto; margin-top: 0;
}
.rango-r::-moz-range-thumb {
width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box;
background: #fff; border: 1px solid rgba(25, 25, 25, .6);
box-shadow: none; cursor: grab; pointer-events: auto;
}
.rango-r:active::-webkit-slider-thumb { cursor: grabbing; border-color: var(--ar-naranja); }
.rango-r:active::-moz-range-thumb      { cursor: grabbing; border-color: var(--ar-naranja); }
.rango-r:focus-visible::-webkit-slider-thumb { border-color: var(--ar-naranja); }
.rango-r:focus-visible::-moz-range-thumb      { border-color: var(--ar-naranja); }
.rango-nums .rango-n {
flex: 1; min-width: 0; width: 100%;
background: transparent !important;
border: 1px solid var(--ar-linea) !important;
border-radius: 0 !important;
height: 42px !important;
padding: 0 10px !important;
font-family: 'Funnel Sans', sans-serif !important; font-weight: 300 !important;
font-size: 14.5px !important;
color: var(--ar-texto) !important;
text-align: center;
}
.rango-nums .rango-n::placeholder { color: var(--ar-texto-2); }
.rango-nums .rango-n:focus { border-color: var(--ar-ink) !important; outline: 0 !important; }
.rango-guion { color: var(--ar-texto-2); font-size: 13px; }
.rango-n::-webkit-outer-spin-button, .rango-n::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.rango-n { -moz-appearance: textfield; }
.listado-orden { display: flex; justify-content: flex-end; align-items: center; margin: 0 0 18px; }
.listado-orden label {
font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 15px; color: var(--ar-texto-2); margin-right: 8px;
}
.listado-orden select {
-webkit-appearance: none; appearance: none;
background: transparent; border: 0; border-radius: 0;
font-family: 'Funnel Sans', sans-serif; font-weight: 400;
font-size: 15px; color: var(--ar-texto);
padding: 4px 22px 4px 0; cursor: pointer;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right center;
}
.listado-orden select:focus { outline: none; color: var(--ar-naranja); }
@media (max-width: 900px) {
.listado-orden { justify-content: flex-start; margin-bottom: 14px; }
}
.filtros .rango-r,
.rango .rango-r {
border: 0 !important;
background: none !important;
height: 24px !important;
padding: 0 !important;
min-height: 0 !important;
}
.filtros .rango-riel { border: 0 !important; background: none !important; }
.filtros .filtro-check.llave { cursor: pointer; gap: 11px; }
.filtros .filtro-check.llave input { position: absolute; opacity: 0; width: 0; height: 0; }
.llave-riel {
position: relative; flex: 0 0 auto;
width: 36px; height: 20px; border-radius: 999px;
background: rgba(25, 25, 25, .22);
transition: background .18s ease;
}
.llave-bola {
position: absolute; top: 2px; left: 2px;
width: 16px; height: 16px; border-radius: 50%;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.25);
transition: transform .18s cubic-bezier(.22,.75,.24,1);
}
.filtro-check.llave input:checked + .llave-riel { background: var(--ar-naranja); }
.filtro-check.llave input:checked + .llave-riel .llave-bola { transform: translateX(16px); }
.filtro-check.llave input:focus-visible + .llave-riel { box-shadow: 0 0 0 3px rgba(233,107,33,.25); }
.llave-txt { line-height: 1.3; }
.filtros .filtro-reset {
display: inline-flex; align-items: center; gap: 7px;
justify-content: center; width: 100%;
}
.listado-mas { text-align: center; margin: 54px 0 10px; }
.listado-mas-cuenta {
font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 14px; color: var(--ar-texto-2); margin: 0 0 18px;
}
.listado-mas-cuenta b { font-weight: 400; color: var(--ar-texto); }
.listado-mas-btn {
display: inline-flex; align-items: center; justify-content: center;
min-width: 200px; height: 48px; padding: 0 26px;
border: 1px solid var(--ar-ink); border-radius: 0;
background: transparent; color: var(--ar-texto) !important;
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
text-decoration: none; cursor: pointer;
transition: background .15s ease, color .15s ease;
}
.listado-mas-btn:hover { background: var(--ar-ink); color: #fff !important; }
.listado-mas-btn.cargando { opacity: .5; pointer-events: none; }
.listado-mas.completo .listado-mas-btn { display: none; }
.dpp-section-title,
.dpp-ficha-titulo,
.mkt-tit,
.dpp-timeline-tit { margin-left: -30px !important; padding-left: 0 !important; }
@media (max-width: 900px) {
.dpp-section-title,
.dpp-ficha-titulo,
.mkt-tit,
.dpp-timeline-tit { margin-left: 0 !important; }
}
.dpp-section-title::before,
.dpp-ficha-titulo::before,
.mkt-tit::before,
.dpp-timeline-tit::before { content: none !important; display: none !important; }
@media (min-width: 901px) {
#dpp-photo-zoomable { cursor: zoom-in; }
#dpp-photo-zoomable.zoomeada { cursor: zoom-in; }
#dpp-photo-zoomable.zoom-fondo { cursor: zoom-out; }
}
.admin-foto-ico.activo { color: var(--ar-naranja, #E96B21); }
.ar-marca { display: flex !important; flex-direction: row !important;
align-items: center !important; gap: 12px !important;
text-decoration: none; }
.ar-logo-full   {
display: block; height: 124px !important; width: auto;
margin: 0; top: -18px;
position: relative; z-index: 6;
}
.ar-logo-huella { display: none !important; }
.ar-logo-txt    { display: none; }
@media (max-width: 1100px) { .ar-logo-full { height: 104px !important; } }
@media (max-width: 900px) {
.ar-logo-full   { display: none !important; }
.ar-logo-huella { display: block !important; height: 30px !important; width: auto; }
.ar-logo-txt    { display: block; }
.ar-marca { gap: 9px !important; }
}
.ar-logo-txt {
font-family: 'Archivo', sans-serif;
font-weight: 400;
font-size: 30px;
letter-spacing: .26em;
text-transform: uppercase;
color: #fff;
line-height: 1;
margin-right: -.26em;
}
@media (max-width: 900px) { .ar-logo-txt { font-size: 19px; letter-spacing: .2em; } }
.piel-archivo .ar-tira, .piel-archivo .ar-cab { overflow: visible; }
.piel-archivo .ar-cab { position: relative; z-index: 5; }
.piel-archivo .ar-cab-inner { height: 152px !important; }
.piel-archivo .ar-marca { align-self: center !important; }
@media (max-width: 1100px) { .piel-archivo .ar-cab-inner { height: 132px !important; } }
@media (max-width: 900px)  { .piel-archivo .ar-cab-inner { height: auto !important; } }
.ar-ambito select {
appearance: none; -webkit-appearance: none;
background: transparent; border: 0; outline: 0;
color: #fff; font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 16px; line-height: 1; cursor: pointer;
padding: 0; margin: 0;
max-width: 190px;
}
.ar-ambito select option { background: #1c1c1c; color: #fff; }
.ar-ambito:hover select, .ar-ambito select:focus { color: #fff; }
@media (max-width: 900px) { .ar-ambito select { font-size: 14px; max-width: 120px; } }
.piel-archivo .red-grid {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
gap: 0 44px !important;
}
.piel-archivo .red-logo {
width: 68px !important; height: 68px !important;
background: #fff !important;
box-shadow: inset 0 0 0 1px var(--ar-linea) !important;
padding: 7px;
}
.piel-archivo .red-logo img { object-fit: contain !important; }
.piel-archivo .red-nivel {
border-radius: 0 !important;
background: transparent !important;
color: var(--ar-texto-2) !important;
box-shadow: inset 0 0 0 1px var(--ar-linea) !important;
font-family: 'Archivo', sans-serif; font-weight: 400 !important;
font-size: 10px !important; letter-spacing: .12em !important;
padding: 4px 8px !important;
}
.piel-archivo .red-nivel.fundador {
background: var(--ar-ink) !important; color: #fff !important;
box-shadow: none !important;
}
.piel-archivo .red-piezas { font-size: 13px !important; color: var(--ar-texto-2) !important; }
.piel-archivo .red-piezas b {
font-family: 'Archivo', sans-serif; font-size: 22px !important;
color: var(--ar-naranja) !important; font-weight: 400 !important;
margin-right: 3px;
}
.piel-archivo .red-sin-piezas { color: var(--ar-texto-2) !important; font-weight: 400 !important; }
.piel-archivo .red-card { padding: 26px 0 !important; }
.piel-archivo .red-desc { color: var(--ar-texto-2) !important; }
@media (max-width: 900px) {
.piel-archivo .red-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
}
.piel-archivo .red-grid {
grid-template-columns: repeat(auto-fit, minmax(340px, 430px)) !important;
justify-content: center !important;
}
@media (max-width: 900px) {
.piel-archivo .red-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
.piel-archivo .red-card .red-nombre { transition: color .15s ease; }
.piel-archivo .red-card:hover .red-nombre {
color: var(--ar-naranja) !important;
text-decoration: underline; text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
.piel-archivo .red-card { padding: 24px 0 !important; }
.piel-archivo .red-logo {
width: 76px !important; height: 62px !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
align-items: center !important;
}
.piel-archivo .red-logo img {
width: auto !important; max-width: 100% !important;
height: 100% !important; object-fit: contain !important;
}
.red-grupo-tit {
font-family: 'Archivo', sans-serif; font-weight: 400;
font-size: 20px; letter-spacing: .05em; text-transform: uppercase;
color: var(--ar-texto); margin: 46px 0 14px;
}
.piel-archivo .red-grid {
display: flex !important;
flex-wrap: wrap;
justify-content: center !important;
gap: 0 44px !important;
}
.piel-archivo .red-card { flex: 0 1 400px; }
@media (max-width: 900px) {
.piel-archivo .red-card { flex: 1 1 100%; }
}
.piel-archivo .red-card { flex: 0 1 330px; }
@media (max-width: 1300px) { .piel-archivo .red-card { flex: 0 1 300px; } }
@media (max-width: 900px)  { .piel-archivo .red-card { flex: 1 1 100%; } }
.piel-archivo .red-card {
border: 0 !important;
border-bottom: 0 !important;
padding: 20px 0 34px !important;
}
.piel-archivo .red-card:hover { border-bottom: 0 !important; }
.piel-archivo .red-card { flex: 0 1 calc((100% - 132px) / 4) !important; }
@media (max-width: 1100px) { .piel-archivo .red-card { flex: 0 1 calc((100% - 44px) / 2) !important; } }
@media (max-width: 700px)  { .piel-archivo .red-card { flex: 1 1 100% !important; } }
.piel-archivo .red-card { grid-template-columns: 104px minmax(0, 1fr) !important; gap: 20px !important; }
.piel-archivo .red-logo { width: 104px !important; height: 86px !important; }
@media (max-width: 700px) {
.piel-archivo .red-card { grid-template-columns: 88px minmax(0, 1fr) !important; }
.piel-archivo .red-logo { width: 88px !important; height: 74px !important; }
}
.piel-archivo .red-card { padding: 16px 0 26px !important; align-items: center !important; }
.piel-archivo .red-info { justify-content: center; }
.piel-archivo .red-nombre { margin-bottom: 9px !important; }
.ar-footer-logo {
height: 128px; width: auto; display: block;
margin: 0 0 16px auto;
}
@media (max-width: 900px) {
.ar-footer-logo { height: 104px; margin: 0 auto 16px; }
}
#ar-tira-rota { transition: opacity .32s ease; will-change: opacity; }
#ar-tira-rota.ar-tira-yendo { opacity: 0; }
#ar-tira-rota[data-plano] { cursor: default; text-decoration: none; }
#ar-tira-rota[data-plano]:hover { color: rgba(255,255,255,.75) !important; }
.piel-archivo .ar-buscador { margin-left: 12px; }
@media (max-width: 900px) { .piel-archivo .ar-buscador { margin-left: 0; } }
.pk-bajada { max-width: 720px; }
.pk-pasos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; margin: 54px 0 64px; }
.pk-num {
font-family: 'Archivo', sans-serif; font-size: 13px; letter-spacing: .18em;
color: var(--ar-naranja); display: block; margin-bottom: 12px;
}
.pk-paso h3 {
font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 19px;
letter-spacing: .04em; text-transform: uppercase; margin: 0 0 10px;
}
.pk-paso p, .pk-porque p, .pk-nota, .pk-card-para {
font-family: 'Funnel Sans', sans-serif; font-weight: 300; font-size: 15px;
line-height: 1.65; color: var(--ar-texto-2);
}
.pk-porque, .pk-packs, .pk-pedido { max-width: 760px; margin-bottom: 64px; }
.pk-porque h2, .pk-packs h2, .pk-pedido h2 {
font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 20px;
letter-spacing: .05em; text-transform: uppercase; margin: 0 0 16px;
}
.pk-packs { max-width: none; }
.pk-grid { display: flex; flex-wrap: wrap; gap: 0 44px; margin-top: 26px; }
.pk-card { flex: 0 1 calc((100% - 132px) / 4); padding: 22px 0 30px; border-top: 1px solid var(--ar-linea); }
.pk-card-cant {
font-family: 'Archivo', sans-serif; font-size: 30px; color: var(--ar-naranja);
line-height: 1; margin-bottom: 8px;
}
.pk-card-nombre {
font-family: 'Archivo', sans-serif; text-transform: uppercase; letter-spacing: .05em;
font-size: 15px; margin-bottom: 10px;
}
.pk-card-precio {
font-size: 16px; color: var(--ar-texto); margin: -2px 0 10px;
font-variant-numeric: tabular-nums;
}
.pk-card-unit { color: var(--ar-texto-2); font-size: 13px; }
.pk-card-cta { display: inline-block; margin-top: 12px; color: var(--ar-texto); text-decoration: none; border-bottom: 1px solid var(--ar-naranja); padding-bottom: 3px; }
.pk-card-cta:hover { color: var(--ar-naranja); }
.pk-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin-top: 22px; max-width: 620px; }
.pk-form label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; color: var(--ar-texto-2); }
.pk-form-full { grid-column: 1 / -1; }
.pk-form input, .pk-form select, .pk-form textarea {
border: 1px solid var(--ar-linea); border-radius: 0; background: transparent;
padding: 11px 12px; font-family: 'Funnel Sans', sans-serif; font-size: 15px; color: var(--ar-texto);
}
.pk-form input:focus, .pk-form select:focus, .pk-form textarea:focus { outline: 0; border-color: var(--ar-ink); }
.pk-form button { grid-column: 1 / -1; justify-self: start; }
@media (max-width: 900px) {
.pk-pasos { grid-template-columns: 1fr; gap: 34px; }
.pk-card { flex: 1 1 100%; }
.pk-form { grid-template-columns: 1fr; }
}
.tap-wrap { max-width: 560px; }
.tap-codigo { color: var(--ar-texto-2); font-size: 13px; margin: 18px 0 26px; letter-spacing: .04em; }
.tap-sinfirma { color: var(--ar-naranja); }
.tap-form { display: flex; flex-direction: column; gap: 18px; max-width: 420px; }
.tap-form label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; color: var(--ar-texto-2); }
.tap-form select, .tap-form input {
border: 1px solid var(--ar-linea); border-radius: 0; background: transparent;
padding: 13px 12px; font-family: 'Funnel Sans', sans-serif; font-size: 16px; color: var(--ar-texto);
}
.tap-form button { align-self: flex-start; }
.ar-placa { background: var(--ar-ink); color: #fff; padding: 84px 0; }
.ar-placa-txt { max-width: 620px; }
.ar-placa h2 {
font-family: 'Archivo', sans-serif !important; font-weight: 400 !important;
text-transform: uppercase !important;
font-size: clamp(26px, 2.8vw, 38px) !important; letter-spacing: .03em !important;
line-height: 1.2 !important; margin: 22px 0 18px !important; color: #fff !important;
}
.ar-placa p {
font-family: 'Funnel Sans', sans-serif; font-weight: 300; font-size: 16px;
line-height: 1.7; color: rgba(255,255,255,.8); margin: 0 0 26px;
}
.ar-placa-cta {
font-family: 'Archivo', sans-serif; font-size: 13px; letter-spacing: .1em;
text-transform: uppercase; color: #fff; text-decoration: none;
border-bottom: 1px solid var(--ar-naranja); padding-bottom: 5px;
}
.ar-placa-cta:hover { color: var(--ar-naranja); }
.pt { text-transform: none !important; }
.pt-tm { font-size: .5em; vertical-align: super; letter-spacing: 0; opacity: .75; }
.ar-placa-in { display: flex; align-items: center; gap: 4px; justify-content: flex-start; }
.ar-placa-txt { flex: 0 1 560px; }
.ar-placa-obj { flex: 0 0 auto; width: min(520px, 46%); margin: 0 0 0 39px; line-height: 0; }
.ar-placa-obj img { width: 100%; height: auto; display: block; }
@media (max-width: 860px) {
.ar-placa-in { flex-direction: column; align-items: flex-start; gap: 26px; }
.ar-placa-obj { width: 320px; align-self: center; margin-right: 0; }
}
@media (max-width: 900px) { .ar-placa { padding: 56px 0; } }
.tap-espera { text-align: center; }
.tap-espera .listado-resumen { margin-inline: auto; }
.tap-onda { color: var(--ar-naranja); margin: 40px auto 30px; animation: tap-late 1.8s ease-in-out infinite; }
@keyframes tap-late { 0%,100% { opacity: .35; transform: scale(.96); } 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .tap-onda { animation: none; opacity: .8; } }
.tap-nota { color: var(--ar-texto-2); font-size: 13.5px; max-width: 420px; margin: 0 auto 12px; }
.tap-pieza {
font-family: 'Archivo', sans-serif; text-transform: uppercase; letter-spacing: .04em;
font-size: 18px; margin: 0 0 6px;
}
.tap-otra { font-size: 13px; color: var(--ar-texto-2); }
.dpp-placa-ok { margin-top: 12px; font-size: 13px; color: var(--ar-texto-2); }
:root { --ar-margen: clamp(20px, 4vw, 72px); }
.piel-archivo .wrap { padding-inline: var(--ar-margen) !important; }
.piel-archivo .ar-tira .wrap,
.piel-archivo .ar-cab-inner,
.piel-archivo .ar-nav-inner {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: var(--ar-margen) !important;
}
.piel-archivo .ar-hero-txt > .wrap { padding-left: var(--ar-margen) !important; }
.ar-placa { padding-bottom: 0 !important; }
.ar-placa-obj { align-self: flex-end; }
@media (max-width: 860px) {
.ar-placa-obj { align-self: center; }
.ar-placa { padding-bottom: 0 !important; }
}
@media (max-width: 700px) {
.ar-hero h1 {
font-size: 22px !important; line-height: 1.25 !important;
letter-spacing: .03em !important;
}
.ar-hero-txt .ar-kicker {
font-size: 10px; letter-spacing: .2em; margin-bottom: 12px !important;
}
.ar-hero-txt h1 { margin-bottom: 12px !important; }
.ar-hero-specs { font-size: 11.5px; }
}
@media (max-width: 860px) {
.ar-placa-txt { flex: 0 1 auto; }
}
.dpp-btn-primary {
width: auto !important;
flex: 0 0 auto;
padding-inline: 34px !important;
display: inline-flex !important;
}
.piel-archivo .ar-tira .wrap,
.piel-archivo .topstrip-inner {
padding-inline: 16px !important;
}
.ar-hero-txt .ar-kicker {
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
@media (max-width: 900px) {
.piel-archivo .ar-cab-inner {
height: auto !important;
min-height: 104px !important;
padding-block: 14px !important;
}
}
@media (max-width: 560px) {
.piel-archivo .ar-cab-inner { min-height: 96px !important; }
}
@media (max-width: 900px) {
.ar-logo-full   { display: block !important; height: 62px !important; top: 0 !important; }
.ar-logo-huella { display: none !important; }
.ar-logo-txt    { display: none !important; }
.piel-archivo .ar-marca { justify-self: center !important; }
.piel-archivo .ar-cab-inner { min-height: 118px !important; }
}
@media (max-width: 560px) {
.ar-logo-full { height: 54px !important; }
.piel-archivo .ar-cab-inner { min-height: 106px !important; }
}
@media (max-width: 900px) {
.piel-archivo .ar-cab-inner { position: relative; min-height: 130px !important; }
.piel-archivo .ar-marca {
position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%);
margin: 0 !important; justify-self: auto !important;
}
.ar-logo-full { height: 90px !important; }
}
@media (max-width: 560px) {
.piel-archivo .ar-cab-inner { min-height: 124px !important; }
.ar-logo-full { height: 79px !important; }
}
.bsc-campo {
display: flex; align-items: stretch; margin: 22px 0 8px;
max-width: 560px; border: 1px solid var(--ar-linea, #d8d4cd);
}
.bsc-campo input {
flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 16px; padding: 0 14px; height: 52px; color: var(--ar-ink, #191919);
}
.bsc-campo input::placeholder { color: #9b968e; }
.bsc-campo button {
flex: 0 0 auto; width: 54px; border: 0; cursor: pointer;
background: var(--ar-ink, #191919); color: #fff;
display: flex; align-items: center; justify-content: center;
}
.bsc-campo button:hover { background: var(--ar-naranja); }
@media (max-width: 900px) { .bsc-campo { max-width: none; } }
.ficha-editar { color: var(--ar-texto-2) !important; width: 30px !important; height: 30px !important; }
.ficha-editar svg { width: 19px !important; height: 19px !important; }
.ficha-editar:hover { color: var(--ar-naranja) !important; }
@media (max-width: 700px) {
.ficha-editar { width: 24px !important; height: 24px !important; }
.ficha-editar svg { width: 17px !important; height: 17px !important; }
.dpp-acciones { gap: 4px; }
}
.dpp-zoom-salir { display: none; }
.ms-encabeza {
display: flex; align-items: baseline; justify-content: space-between;
gap: 18px; flex-wrap: wrap; margin: 0 0 14px;
}
.ms-entrar {
font-family: 'Archivo', sans-serif; font-size: 12px; letter-spacing: .12em;
text-transform: uppercase; text-decoration: none; white-space: nowrap;
color: var(--ar-texto-2, #6f6a63);
border-bottom: 1px solid var(--ar-linea, #e3ded4); padding-bottom: 3px;
transition: color .15s, border-color .15s;
}
.ms-entrar:hover { color: var(--ar-naranja, #C13438); border-color: var(--ar-naranja, #C13438); }
@media (max-width: 700px) { .ms-entrar { font-size: 11px; letter-spacing: .1em; } }
.ms-acciones { display: flex; align-items: baseline; gap: 22px; flex-wrap: wrap; }
.ms-compartir {
font-family: 'Archivo', sans-serif; font-size: 12px; letter-spacing: .12em;
text-transform: uppercase; white-space: nowrap; cursor: pointer;
color: var(--ar-texto-2, #6f6a63); background: none; padding: 0 0 3px;
border: 0; border-bottom: 1px solid var(--ar-linea, #e3ded4);
transition: color .15s, border-color .15s;
}
.ms-compartir:hover { color: var(--ar-naranja, #C13438); border-color: var(--ar-naranja, #C13438); }
.ms-compartir[aria-expanded="true"] { color: var(--ar-texto, #1a1a1a); border-color: var(--ar-texto, #1a1a1a); }
.ms-panel { background: #fff; padding: 20px 22px; margin: 0 0 26px; border-left: 3px solid var(--ar-texto, #1a1a1a); }
.ms-panel label {
display: block; font-family: 'Archivo', sans-serif; font-size: 11px;
letter-spacing: .12em; text-transform: uppercase;
color: var(--ar-texto-2, #6f6a63); margin: 0 0 8px;
}
.ms-panel-caja { display: flex; gap: 8px; flex-wrap: wrap; }
.ms-panel-caja input {
flex: 1 1 320px; min-width: 0; padding: 10px 12px;
border: 1px solid var(--ar-linea, #e3ded4); background: #fff; border-radius: 0;
font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px;
color: var(--ar-texto, #1a1a1a);
}
.ms-copiar {
padding: 10px 18px; cursor: pointer; white-space: nowrap;
font-family: 'Archivo', sans-serif; font-size: 11px; letter-spacing: .12em;
text-transform: uppercase; color: var(--ar-texto, #1a1a1a);
background: none; border: 1px solid var(--ar-texto, #1a1a1a);
}
.ms-copiar:hover { background: var(--ar-texto, #1a1a1a); color: #fff; }
.ms-panel-ay {
margin: 12px 0 0; font-size: 13px; line-height: 1.6;
color: var(--ar-texto-2, #6f6a63); display: flex; gap: 14px; flex-wrap: wrap; align-items: baseline;
}
.ms-wa { color: var(--ar-texto, #1a1a1a); text-decoration: none; border-bottom: 1px solid var(--ar-linea, #e3ded4); white-space: nowrap; }
.ms-wa:hover { border-color: var(--ar-naranja, #C13438); color: var(--ar-naranja, #C13438); }
@media (max-width: 700px) {
.ms-acciones { gap: 16px; }
.ms-compartir { font-size: 11px; letter-spacing: .1em; }
}
.piel-archivo .ar-hero,
.piel-archivo .ar-hero h1,
.piel-archivo .ar-hero .ar-kicker,
.piel-archivo .ar-hero .ar-hero-frase,
.piel-archivo .ar-hero .ar-hero-specs,
.piel-archivo .ar-hero * {
text-decoration: none !important;
}
.piel-archivo .red-grid {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: flex-start !important;
gap: 8px 30px !important;
max-width: min(var(--red-ancho, 940px), 100%) !important;
margin: 2px auto 0 !important;
padding: 0 !important;
background: transparent !important;
}
.piel-archivo .red-card {
flex: 0 0 170px !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
align-items: center !important;
text-align: center !important;
grid-template-columns: none !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
}
.red-logo, .piel-archivo .red-logo {
width: 150px !important;
height: 106px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}
.red-logo img, .piel-archivo .red-logo img {
max-height: 100% !important;
max-width: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
border-radius: 12px !important;
}
.piel-archivo .red-card:has(.red-nivel.verificador) .red-logo img {
width: 104px !important; height: 104px !important;
object-fit: cover !important; border-radius: 50% !important;
}
.piel-archivo .red-info { align-items: center !important; }
.piel-archivo .red-nombre {
position: absolute !important;
width: 1px !important; height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
margin: 0 !important; padding: 0 !important;
}
.piel-archivo .red-nombre--nousar {
font-size: 10.5px !important;
letter-spacing: .13em !important;
font-weight: 500 !important;
line-height: 1.35 !important;
margin-bottom: 0 !important;
color: #5a4e44 !important;
text-wrap: balance;
}
.piel-archivo .red-card:hover .red-nombre {
text-decoration: none !important;
color: var(--ar-naranja) !important;
}
.piel-archivo .red-card.casa-new-jersey .red-logo img {
max-height: 87px !important;
}
@media (max-width: 760px) {
.piel-archivo .red-grid { gap: 30px 0 !important; }
.piel-archivo .red-card { flex: 0 0 100% !important; padding: 0 !important; }
.red-logo, .piel-archivo .red-logo {
width: 100% !important; max-width: 190px !important; height: 118px !important;
}
.piel-archivo .red-card:has(.red-nivel.verificador) .red-logo img {
width: 116px !important; height: 116px !important;
}
.piel-archivo .red-card.casa-new-jersey .red-logo img { max-height: 97px !important; }
}
.piel-archivo .red-meta { justify-content: center !important; margin-top: 0 !important; }
.piel-archivo .red-nivel { display: none !important; }
.piel-archivo .red-meta:not(:has(.red-nivel.verificador)):not(:has(.red-nivel.fundador)) {
display: none !important;
}
.piel-archivo .red-nivel.verificador,
.piel-archivo .red-nivel.fundador {
display: inline-block !important;
}
.ar-puerta .ar-mas-ver {
display: block;
width: fit-content;
margin-top: 20px;
color: var(--ar-texto);
}
.ar-puerta .ar-mas-ver:hover { color: var(--ar-naranja); }
.ar-ambito.js-listo select { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }
.ar-ambito .amb-btn {
appearance: none; background: transparent; border: 0; outline: 0; padding: 0; margin: 0;
color: #fff; font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 16px; line-height: 1; cursor: pointer; text-align: left;
max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ar-ambito .amb-btn:focus-visible { outline: 1px solid #fff; outline-offset: 4px; }
.ar-ambito .amb-lista {
position: absolute; top: calc(100% + 8px); left: -1px; z-index: 120;
min-width: 212px; margin: 0; padding: 5px 0; list-style: none;
background: #141210; border: 1px solid rgba(255,255,255,.16);
box-shadow: 0 14px 34px rgba(0,0,0,.42);
opacity: 0; transform: translateY(-4px); pointer-events: none;
transition: opacity .13s ease, transform .13s ease;
}
.ar-ambito.abierto .amb-lista { opacity: 1; transform: none; pointer-events: auto; }
.ar-ambito .amb-lista li {
padding: 8px 16px 8px 15px; font-family: 'Funnel Sans', sans-serif; font-weight: 300;
font-size: 14.5px; color: rgba(255,255,255,.74); cursor: pointer;
border-left: 1px solid transparent; white-space: nowrap;
transition: color .12s ease, background .12s ease, border-color .12s ease;
}
.ar-ambito .amb-lista li:hover,
.ar-ambito .amb-lista li.marcada { background: rgba(255,255,255,.06); color: #fff; }
.ar-ambito .amb-lista li[aria-selected="true"] {
color: #fff; border-left-color: var(--ar-naranja);
}
.ar-ambito .amb-sep { height: 1px; margin: 5px 0; background: rgba(255,255,255,.12); padding: 0; cursor: default; }
.ar-ambito .amb-sep:hover { background: rgba(255,255,255,.12); }
.ar-ambito svg { transition: transform .16s ease; }
.ar-ambito.abierto svg { transform: rotate(180deg); }
@media (max-width: 900px) { .ar-ambito .amb-btn { font-size: 14px; max-width: 120px; } }
@media (prefers-reduced-motion: reduce) { .ar-ambito .amb-lista { transition: none; } }
.piel-archivo .ar-hero-txt {
align-items: flex-end !important;
padding-bottom: clamp(26px, 3.2vw, 46px) !important;
}
.piel-archivo .ar-hero h1 {
font-family: 'Archivo', sans-serif !important;
font-weight: 500 !important;
text-transform: none !important;
font-size: clamp(28px, 3.2vw, 46px) !important;
line-height: 1.02 !important;
letter-spacing: -0.030em !important;
max-width: 20ch !important;
margin-bottom: 22px !important;
text-shadow: 0 1px 30px rgba(0,0,0,.42), 0 0 2px rgba(0,0,0,.14) !important;
}
.piel-archivo .ar-hero .ar-hero-txt {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.piel-archivo .ar-hero .ar-kicker,
.piel-archivo .ar-hero-ver { text-shadow: 0 1px 22px rgba(0,0,0,.5); }
@media (max-width: 700px) {
.piel-archivo .ar-hero h1 { font-size: 26px !important; max-width: 17ch !important; }
}
.piel-archivo .ar-hero .ar-kicker {
border-bottom: 0 !important;
padding-bottom: 0 !important;
font-family: 'Archivo', sans-serif !important;
font-size: 12px !important;
letter-spacing: .08em !important;
font-variant-numeric: tabular-nums;
color: rgba(255,255,255,.72) !important;
margin-bottom: 14px !important;
}
.piel-archivo .ar-hero .ar-hero-txt h1 > span,
.piel-archivo .ar-hero.hero-mensaje .ar-hero-txt h1:hover > span {
background-image: none !important;
background-size: 0 0 !important;
}
.piel-archivo .ar-hero-ver {
display: inline-flex; align-items: center; justify-content: center;
height: 42px; min-width: 124px; padding: 0 30px;
border: 1px solid rgba(255,255,255,.72); color: #fff;
font-family: 'Archivo', sans-serif; font-weight: 500; font-size: 13px; letter-spacing: .14em;
transition: background .22s ease, border-color .22s ease, color .22s ease;
}
.ar-hero:hover .ar-hero-ver {
background: rgba(255,255,255,.10);
border-color: #fff;
color: #fff;
}
@media (max-width: 700px) {
.piel-archivo .ar-hero-ver {
padding: 0 20px; letter-spacing: .06em; font-size: 11.5px; min-width: 96px;
}
}
.ar-hero.cambiando .ar-hero-ver { opacity: 0; transition: opacity .26s ease; }
.ar-hero-ver { transition: opacity .26s ease; }
.piel-archivo .ar-hero.hero-mensaje .ar-hero-ver { display: none !important; }
.piel-archivo .ar-hero-ver[hidden] { display: none !important; }
.piel-archivo .ar-hero.hero-derecha .ar-hero-txt { justify-content: flex-end; }
.piel-archivo .ar-hero.hero-derecha .ar-hero-txt > .wrap {
padding-left: 0; padding-right: 14px; text-align: right;
}
.piel-archivo .ar-hero.hero-derecha .ar-hero-txt h1 { margin-left: auto; }
.piel-archivo .ar-hero .ar-hero-velo.velo-derecha {
background: linear-gradient(270deg,
rgba(10,10,10,.88) 0%, rgba(10,10,10,.55) 40%, rgba(10,10,10,0) 72%);
}
.piel-archivo .ar-hero .ar-hero-velo.velo-derecha.velo-claro {
background: linear-gradient(270deg,
rgba(8,8,8,.94) 0%, rgba(8,8,8,.78) 38%, rgba(8,8,8,.22) 68%, rgba(8,8,8,0) 86%);
}
.piel-archivo .ar-hero .ar-hero-txt { transition: justify-content 0s linear .26s; }
.piel-archivo .ar-hero.hero-frase-larga h1 {
max-width: 20ch !important;
font-size: clamp(24px, 2.9vw, 40px) !important;
line-height: 1.14 !important;
letter-spacing: -0.018em !important;
}
@media (max-width: 700px) {
.piel-archivo .ar-hero.hero-frase-larga h1 {
font-size: 23px !important; max-width: 17ch !important;
}
}
.piel-archivo .ar-hero-txt > .wrap { max-height: 100%; overflow: hidden; }
.piel-archivo .ar-hero .ar-hero-specs,
.piel-archivo .ar-hero .ar-hero-frase {
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: clamp(14px, 1.15vw, 17px) !important;
line-height: 1.45 !important;
letter-spacing: -0.004em !important;
color: rgba(255,255,255,.84) !important;
text-transform: none !important;
}
.piel-archivo .ar-hero .ar-hero-specs {
max-width: 34ch !important;
margin: 0 0 24px !important;
text-shadow: 0 1px 24px rgba(0,0,0,.5);
}
.piel-archivo .ar-hero .ar-hero-specs:empty { margin: 0 !important; }
.piel-archivo .ar-hero.hero-derecha .ar-hero-specs { margin-left: auto !important; }
.piel-archivo .ar-hero.hero-mensaje h1 {
max-width: 20ch !important;
font-size: clamp(28px, 3.4vw, 48px) !important;
line-height: 1.08 !important;
letter-spacing: -0.022em !important;
}
.piel-archivo .ar-hero h1 { text-wrap: balance; }
.piel-archivo .ar-hero,
.piel-archivo .ar-hero .ar-hero-txt { cursor: default !important; }
.piel-archivo .ar-hero .ar-hero-ver,
.piel-archivo .ar-hero .ar-hero-rayas i,
.piel-archivo .ar-hero.hero-mensaje .ar-kicker,
.piel-archivo .ar-hero.hero-mensaje .ar-hero-txt h1,
.piel-archivo .ar-hero.hero-mensaje .ar-hero-frase,
.piel-archivo .ar-hero.hero-mensaje .ar-hero-specs { cursor: pointer !important; }
.piel-archivo .ar-hero-txt > .wrap { max-width: 100% !important; min-width: 0; }
.piel-archivo .ar-hero h1,
.piel-archivo .ar-hero .ar-hero-specs { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; }
.ar-red {
position: relative; overflow: hidden;
background: var(--ar-ink);
padding: 96px 0 88px;
color: #fff;
scroll-margin-top: 78px;
}
.ar-red-fondo {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center 42%;
filter: grayscale(.35);
}
.ar-red-velo {
position: absolute; inset: 0;
background:
linear-gradient(to bottom, rgba(12,11,10,.42) 0%, rgba(12,11,10,.78) 62%, rgba(12,11,10,.92) 100%),
rgba(12,11,10,.28);
}
.ar-red.sin-foto .ar-red-velo { background: none; }
.ar-red-txt { position: relative; z-index: 2; max-width: 780px; }
.ar-red h2 {
font-family: 'Archivo', sans-serif !important; font-weight: 400 !important;
text-transform: uppercase !important;
font-size: clamp(28px, 3.2vw, 44px) !important; letter-spacing: .03em !important;
line-height: 1.14 !important; margin: 0 0 20px !important; color: #fff !important;
}
.ar-red-baja {
font-family: 'Archivo', sans-serif; font-weight: 400; text-transform: uppercase;
font-size: clamp(15px, 1.5vw, 19px); letter-spacing: .04em; line-height: 1.45;
color: #fff; margin: 0 0 16px; max-width: 26ch;
}
.ar-red-pie {
font-family: 'Funnel Sans', sans-serif; font-weight: 300; font-size: 16px;
line-height: 1.7; color: rgba(255,255,255,.74); margin: 0 0 34px; max-width: 52ch;
}
.ar-red-logos {
display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 34px;
}
.ar-red-logo {
width: 92px; height: 62px; flex: 0 0 auto;
display: flex; align-items: center; justify-content: center;
background: rgba(255,255,255,.94);
transition: transform .2s ease, background .2s ease;
}
.ar-red-logo img { max-width: 76%; max-height: 72%; object-fit: contain; }
.ar-red-logo:hover { transform: translateY(-2px); background: #fff; }
.piel-archivo .ar-red-logo.es-vector,
.piel-archivo .red-logo.es-vector,
.piel-archivo .tienda-logo.es-vector {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.piel-archivo .ar-red-logo.es-vector img,
.piel-archivo .red-logo.es-vector img,
.piel-archivo .tienda-logo.es-vector img {
width: auto !important;
height: 100% !important;
max-width: 100% !important; max-height: 100% !important;
object-fit: contain !important;
}
.piel-archivo .ar-red-logo { width: 184px !important; height: 124px !important; }
.piel-archivo .ar-red-logo.es-vector:hover { background: transparent !important; }
.ar-red-logos-viewport {
overflow: hidden;
margin: 0 0 34px;
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.piel-archivo .ar-red-logos.ar-red-logos-cinta {
display: flex !important;
flex-wrap: nowrap !important;
width: max-content !important;
gap: 0 !important;
margin: 0 !important;
animation: ar-red-cinta calc(var(--cinta-n, 8) * 1.225s) linear infinite;
--cinta-paso: 218px;
}
.piel-archivo .ar-red-logos-cinta .ar-red-logo { margin-right: 34px !important; }
.ar-red-logos-viewport:hover .ar-red-logos-cinta { animation-play-state: paused; }
@keyframes ar-red-cinta {
from { transform: translate3d(0, 0, 0); }
to   { transform: translate3d(calc(var(--cinta-n, 8) * var(--cinta-paso, 218px) * -1), 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
.piel-archivo .ar-red-logos.ar-red-logos-cinta { animation: none !important; }
.ar-red-logos-viewport { overflow-x: auto; }
}
@media (max-width: 900px) {
.piel-archivo .ar-red-logos.ar-red-logos-cinta {
animation-duration: calc(var(--cinta-n, 8) * 0.925s);
--cinta-paso: 164px;
}
.piel-archivo .ar-red-logo { width: 140px !important; height: 94px !important; }
.piel-archivo .ar-red-logos-cinta .ar-red-logo { margin-right: 24px !important; }
.piel-archivo .ar-red-logo:not(.es-vector) img { width: 94px !important; height: 94px !important; }
}
@media (max-width: 560px) {
.piel-archivo .ar-red-logos.ar-red-logos-cinta {
animation-duration: calc(var(--cinta-n, 8) * 0.7s);
--cinta-paso: 124px;
}
.piel-archivo .ar-red-logo { width: 106px !important; height: 72px !important; }
.piel-archivo .ar-red-logos-cinta .ar-red-logo { margin-right: 18px !important; }
.piel-archivo .ar-red-logo:not(.es-vector) img { width: 72px !important; height: 72px !important; }
}
.piel-archivo .ar-red-logo:not(.es-vector) img {
width: 124px !important; height: 124px !important;
max-width: none !important; max-height: none !important;
object-fit: cover !important;
border-radius: 50% !important;
}
.ar-red-inicial {
font-family: 'Archivo', sans-serif; font-size: 24px; color: #141210;
}
.ar-red-cta {
display: inline-flex; align-items: center;
font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 12.5px;
letter-spacing: .1em; text-transform: uppercase; color: #fff !important;
border-bottom: 2px solid var(--ar-naranja); padding-bottom: 5px;
}
.ar-red-cta:hover { color: var(--ar-naranja) !important; }
@media (max-width: 700px) {
.ar-red { padding: 66px 0 60px; }
.ar-red-baja { max-width: none; }
.ar-red-logo { width: 74px; height: 52px; }
}
.pagina-red .dpp-body {
position: relative;
isolation: isolate;
overflow: hidden;
background:
radial-gradient(140% 52% at 50% -6%, #FFFFFF 0%, rgba(255,255,255,0) 55%),
linear-gradient(to bottom, #FBFAF8 0%, #F4F3F0 40%, #E7E5E0 100%) !important;
}
.pagina-red .red-curvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: -1; pointer-events: none;
color: #b9b3a8;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 38%, #000 100%);
mask-image: linear-gradient(to bottom, transparent 0%, #000 38%, #000 100%);
}
.pagina-red .dpp-body { padding-top: 14px !important; }
.pagina-red .listado-resumen {
font-size: 14px !important;
line-height: 1.55 !important;
max-width: 680px;
margin-bottom: 20px;
}
.pagina-red .listado-migas,
.pagina-red .red-cabecera {
max-width: min(var(--red-ancho, 940px), 100%);
margin-inline: auto;
}
.pagina-red .red-cabecera {
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 8px 28px;
flex-wrap: wrap;
margin-bottom: 18px;
}
.pagina-red .red-cabecera .listado-titulo-xl { margin-bottom: 0 !important; flex: 0 0 auto; }
.pagina-red .red-cabecera .listado-resumen {
margin-bottom: 0 !important;
max-width: none;
flex: 1 1 520px;
min-width: 0;
text-wrap: balance;
}
@media (max-width: 900px) {
.pagina-red .red-cabecera { flex-direction: column; align-items: center; gap: 8px; }
.pagina-red .red-cabecera .listado-resumen { text-align: center; max-width: 680px; flex-basis: auto; }
}
.pagina-red .red-curvas path { stroke-dasharray: none; }
.pagina-red .red-logo { transition: transform .3s cubic-bezier(.22,.61,.36,1); }
@media (prefers-reduced-motion: reduce) {
.pagina-red .red-card,
.pagina-red .red-logo { transition: none; }
}
.pagina-red .red-nivel,
.pagina-red .red-nivel.verificador,
.pagina-red .red-nivel.fundador {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
color: var(--ar-texto-2) !important;
font-size: 9.5px !important;
letter-spacing: .18em !important;
line-height: 1.4 !important;
}
.pagina-red .red-nivel.fundador { color: var(--ar-texto-2) !important; }
.pagina-red .red-meta { margin-top: 3px !important; }
.pagina-red .red-nivel,
.pagina-red .red-nivel.verificador,
.pagina-red .red-nivel.fundador { color: #918b81 !important; }
.pulpa-foco, .pulpa-velo { position: fixed; inset: 0; pointer-events: none; }
.pulpa-foco {
z-index: 9998;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
animation: pulpa-foco 1.05s cubic-bezier(.33,0,.2,1) forwards;
}
.pulpa-velo {
z-index: 9999; background: #000;
animation: pulpa-velo 1.05s cubic-bezier(.37,0,.63,1) forwards;
}
@keyframes pulpa-velo {
0%   { opacity: 1;   visibility: visible; }
22%  { opacity: .55; visibility: visible; }
46%  { opacity: 0;   visibility: visible; }
99%  { opacity: 0;   visibility: visible; }
100% { opacity: 0;   visibility: hidden; }
}
@keyframes pulpa-foco {
0%   { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); visibility: visible; }
92%  { -webkit-backdrop-filter: blur(0);    backdrop-filter: blur(0);    visibility: visible; }
99%  { -webkit-backdrop-filter: blur(0);    backdrop-filter: blur(0);    visibility: visible; }
100% { -webkit-backdrop-filter: blur(0);    backdrop-filter: blur(0);    visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
.pulpa-foco, .pulpa-velo { display: none !important; }
}
.piel-archivo .dpp-desc-top-txt.tiene-mas:not(.abierto):not(.abierta) {
-webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
}
.piel-archivo .dpp-desc-top-txt.abierto,
.piel-archivo .dpp-desc-top-txt.abierta {
-webkit-mask-image: none !important;
mask-image: none !important;
}
.piel-archivo .dpp-desc-top-mas {
margin-top: 2px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: var(--ar-texto-2) !important;
font-size: 11.5px !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
cursor: pointer;
transition: color .18s ease;
}
.piel-archivo .dpp-desc-top-mas:hover { color: var(--ar-naranja) !important; }
.piel-archivo .dpp-desc-top-txt {
transition: max-height .42s cubic-bezier(.22,.61,.36,1);
will-change: max-height;
}
@media (prefers-reduced-motion: reduce) {
.piel-archivo .dpp-desc-top-txt { transition: none; }
}
.ar-nav-con-sub {
display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto;
}
.ar-caret {
display: inline-flex; align-items: center; justify-content: center;
width: 18px; height: 18px; padding: 0; border: 0; border-radius: 4px;
background: none; color: var(--ar-texto); cursor: pointer;
opacity: .45; transition: opacity .18s ease, transform .18s ease;
}
.ar-caret svg { width: 10px; height: 6px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ar-nav-con-sub:hover .ar-caret { opacity: 1; }
.ar-caret[aria-expanded="true"] { opacity: 1; transform: rotate(180deg); }
.ar-caret:focus-visible { outline: 2px solid var(--ar-naranja); outline-offset: 2px; opacity: 1; }
.ar-sub {
position: absolute; top: 100%; left: 0; z-index: 20;
min-width: 230px; max-width: min(300px, 92vw);
padding: 8px 0;
background: var(--ar-papel);
border: 1px solid var(--ar-linea);
border-radius: 10px;
box-shadow: 0 18px 40px rgba(25,23,20,.16);
margin-top: 6px;
max-height: min(70vh, 560px); overflow-y: auto;
}
.ar-sub-inner { display: flex; flex-direction: column; }
.ar-sub-inner a {
display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
padding: 7px 16px;
font-family: 'Archivo', sans-serif; font-size: 14.5px; letter-spacing: .01em;
color: var(--ar-texto) !important; text-decoration: none; white-space: nowrap;
transition: background-color .14s ease;
}
.ar-sub-inner a:hover,
.ar-sub-inner a:focus-visible { background: rgba(25,23,20,.055); outline: none; }
.ar-sub-n {
font-size: 11.5px; font-variant-numeric: tabular-nums;
color: var(--ar-texto); opacity: .40;
}
@media (prefers-reduced-motion: reduce) {
.ar-caret, .ar-sub-inner a { transition: none; }
}
.ar-sub-todos {
border-bottom: 1px solid var(--ar-linea);
margin-bottom: 4px; padding-bottom: 9px !important;
font-weight: 500;
}
.ar-sub-rubro {
font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase;
color: var(--ar-texto); opacity: .42;
padding: 12px 12px 5px; font-weight: 600;
}
.ar-sub-rubro:first-of-type { padding-top: 6px; }
.listado-eras {
display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
margin: 10px 0 0;
}
.listado-eras-rotulo {
font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase;
opacity: .42; margin-right: 2px;
}
.listado-eras a {
display: inline-flex; align-items: baseline; gap: 7px;
padding: 5px 11px; border: 1px solid var(--ar-linea); border-radius: 999px;
font-size: 13px; text-decoration: none; color: inherit;
transition: background .15s ease, border-color .15s ease;
}
.listado-eras a:hover,
.listado-eras a:focus-visible { background: rgba(25,23,20,.055); outline: none; }
.listado-eras-n { font-size: 11px; font-variant-numeric: tabular-nums; opacity: .40; }
@media (prefers-reduced-motion: reduce) { .listado-eras a { transition: none; } }
.dpp-sim-body { position: relative; }
.dpp-sim-nuevo {
position: absolute; right: 2px; bottom: 4px;
font-size: 9px; letter-spacing: .01em; font-weight: 500; line-height: 1.35;
padding: 1px 5px;
border: 1px solid currentColor; opacity: .5; white-space: nowrap;
pointer-events: none;
}
.dpp-sim-nuevo b { font-weight: 700; }
@media (max-width: 700px) {
.dpp-sim-precio-row {
flex-wrap: wrap;
justify-content: center;
gap: 4px 7px;
}
.dpp-sim-nuevo {
position: static;
order: 2;
font-size: 11px;
opacity: .6;
padding: 1px 6px;
}
}
.dpp-sim-foto { position: relative; }
.card-cond-nuevo {
position: absolute !important;
right: 8px; bottom: 8px;
z-index: 2;
background: rgba(20,14,8,.72) !important;
color: #fff !important;
border: 0 !important;
border-radius: 3px !important;
font-family: 'Archivo', sans-serif !important;
font-weight: 400 !important;
font-size: 9.5px !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
padding: 5px 8px !important;
line-height: 1 !important;
white-space: nowrap;
pointer-events: none;
backdrop-filter: blur(2px);
}
@media (max-width: 700px) {
.card-cond-nuevo { right: 6px; bottom: 6px; font-size: 9px !important; padding: 4px 7px !important; }
}
.ar-quien{ margin-top:6px }
.ar-quien .dpp-section-title h2{
font-size:14px !important;letter-spacing:.11em !important;
color:#8d867a !important;margin:0 0 9px !important;
}
.ar-quien .dpp-section-title{ margin-bottom:0 }
.ar-quien-aviso{
margin:-2px 0 12px;
font: 400 12.5px/1.6 Georgia, serif;
color:#9a938a;
}
.ar-quien-mas{
font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#b3aa9e;
margin-left:7px;white-space:nowrap;
}
.ar-quien-texto{
margin:0;
font: 400 14.5px/1.72 Georgia, serif;
color: var(--ink, #1A1208);
}
.ar-nom{
white-space:nowrap;
text-decoration:none;
transition:color .13s;
}
.ar-quien-texto .ar-bd{
font: 400 12.5px/1.72 Georgia, serif;
color:#8d867a;text-decoration:none;white-space:nowrap;
}
.ar-nom.hay{font-weight:700}
.ar-quien-leyenda{
margin:12px 0 0;font-size:10px;line-height:1.7;color:#b3aa9e;
}
.ar-quien-vermas{
display:inline-block;margin-top:13px;
font: 400 14.5px/1.72 Georgia, serif;
color:#C9531A;text-decoration:none;
border-bottom:1px solid rgba(233,107,33,.35);
}
.ar-quien-vermas:hover{color:#E96B21;border-bottom-color:#E96B21}
.ar-quien-fila{
align-self:start;padding:14px 15px 13px;
background:rgba(140,130,115,.055);
border:1px solid rgba(140,130,115,.16);border-radius:4px;
transition:background .15s, border-color .15s;
}
.ar-quien-fila:hover{
background:rgba(140,130,115,.09);border-color:rgba(140,130,115,.3);
}
.ar-quien-lista{
list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:12px;
}
.ar-quien-1 .ar-quien-lista{ max-width:340px }
.ar-quien-2 .ar-quien-lista{ max-width:700px }
.ar-quien-3 .ar-quien-lista{ max-width:1050px }
.ar-quien-sigue{
border:0;border-top:1px solid rgba(140,130,115,.2);
background:none;border-radius:0;margin:10px 0 0;padding:10px 0 0;
}
.ar-quien-quien{
display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;
margin:0 0 7px;padding-bottom:7px;
border-bottom:1px solid rgba(140,130,115,.14);
}
.ar-quien-nom{
font-size:14px;font-weight:600;letter-spacing:.005em;line-height:1.25;
color:inherit;text-decoration:none;
}
.ar-quien-banda{font-size:11px;color:#9a938a;line-height:1.25}
.ar-quien-que{font-size:13.5px;line-height:1.45}
.ar-quien-obra{font-size:12px;color:#9a938a;margin-top:4px;line-height:1.45}
.ar-quien-obra em{font-style:italic;color:inherit}
.ar-art-detalle{font-size:12px;line-height:1.5;color:#9a938a;margin-top:4px}
.ar-art-cita{
margin:8px 0 0;padding:0 0 0 10px;border-left:2px solid rgba(233,107,33,.4);
font-size:12px;line-height:1.5;font-style:italic;color:#9a938a;
}
.ar-quien-pie{
display:flex;align-items:center;gap:9px;flex-wrap:wrap;
margin-top:10px;padding-top:9px;
border-top:1px solid rgba(140,130,115,.14);
}
.ar-niv{
font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
padding:2px 6px;border-radius:2px;white-space:nowrap;
}
.ar-niv-artista{color:#4d7a3a;background:rgba(127,176,105,.16)}
.ar-niv-medio{color:#8a837a;background:rgba(140,130,115,.14)}
.ar-niv-disputado{color:#9a6b12;background:rgba(217,164,65,.18)}
.ar-quien-fuente{
font-size:11.5px;color:#9a938a;text-decoration:none;
border-bottom:1px solid rgba(140,130,115,.35);
}
.ar-quien-fuente:hover{color:#E96B21;border-bottom-color:#E96B21}
@media (max-width:640px){
.ar-quien-texto{font-size:14px}
.ar-quien-texto .ar-bd{font-size:12px}
.ar-quien-lista{grid-template-columns:1fr}
.ar-quien-1 .ar-quien-lista,
.ar-quien-2 .ar-quien-lista,
.ar-quien-3 .ar-quien-lista{max-width:none}
}
.ar-art-main{padding:34px 0 70px}
.ar-art-wrap{max-width:940px;margin:0 auto;padding:0 20px}
.ar-art-volver{margin-bottom:20px}
.ar-art-volver a{font-size:12.5px;color:#8d867a;text-decoration:none}
.ar-art-volver a:hover{color:#E96B21}
.ar-art-cab{margin-bottom:34px}
.ar-art-cab h1{font-size:30px;line-height:1.15;margin:0 0 6px;letter-spacing:-.01em}
.ar-art-cab-uno h1{font-size:36px}
.ar-art-banda-gr{margin:0 0 8px;font-size:15px;color:#8d867a}
.ar-art-bajada{margin:8px 0 0;font-size:14px;line-height:1.65;color:#8d867a;max-width:66ch}
.ar-art-buscar{display:flex;gap:8px;margin-top:20px;max-width:440px}
.ar-art-buscar input{
flex:1;padding:9px 12px;font:inherit;font-size:14px;
border:1px solid rgba(140,130,115,.4);background:transparent;color:inherit;border-radius:2px;
}
.ar-art-buscar input:focus{outline:0;border-color:#E96B21}
.ar-art-buscar button{
padding:9px 18px;font:inherit;font-size:13px;letter-spacing:.03em;cursor:pointer;
border:1px solid #E96B21;background:#E96B21;color:#111;border-radius:2px;
}
.ar-art-letras{
display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;align-items:center;
}
.ar-art-letras a,
.ar-art-letras span{
display:inline-flex;align-items:center;justify-content:center;
min-width:30px;height:30px;padding:0 8px;
font-size:13px;letter-spacing:.02em;text-decoration:none;border-radius:2px;
border:1px solid rgba(140,130,115,.32);color:#8d867a;
}
.ar-art-letras a:hover{border-color:#E96B21;color:#E96B21}
.ar-art-letras a.act{border-color:#E96B21;background:#E96B21;color:#111}
.ar-art-letras span{opacity:.32;border-style:dashed}
.ar-art-cuenta{font-size:12.5px;color:#8d867a;margin:0 0 14px}
.ar-art-vacio{font-size:14px;color:#8d867a;padding:26px 0}
.ar-art-indice{
list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 26px;
}
.ar-art-indice a{
display:flex;align-items:baseline;gap:8px;padding:8px 0;
border-bottom:1px solid rgba(140,130,115,.16);text-decoration:none;color:inherit;
}
.ar-art-indice a:hover .ar-art-nom{color:#E96B21}
.ar-art-nom{font-size:14.5px}
.ar-art-banda{font-size:12px;color:#8d867a;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-art-n{font-size:11.5px;color:#8d867a;font-variant-numeric:tabular-nums}
.ar-art-grupo{margin-bottom:40px}
.ar-art-grupo-tit{
font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#E96B21;
margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid rgba(233,107,33,.28);
}
.ar-art-grupo-tit a{color:inherit;text-decoration:none}
.ar-art-grupo-tit a:hover{border-bottom:1px solid currentColor}
.ar-art-piezas{margin-top:22px}
.ar-art-piezas-arriba{margin:0 0 42px}
.ar-art-piezas h3{
font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#8d867a;
font-weight:400;margin:0 0 12px;
}
@media (max-width:640px){
.ar-art-cab h1,.ar-art-cab-uno h1{font-size:25px}
.ar-art-indice{grid-template-columns:1fr}
.ar-art-buscar{max-width:none}
}
.ar-quien-nom{color:inherit !important}
.ar-quien-nom:hover{color:#E96B21 !important}
.ar-nom,.ar-nom:link,.ar-nom:visited{color:inherit !important;text-decoration:none}
.ar-nom:hover{
color:#E96B21 !important;
text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;
text-decoration-color:rgba(233,107,33,.5);
}
.ar-nom:hover .ar-bd{color:#c08050}
.ar-art-indice .ar-art-nom{color:inherit}
.logo-suave img { border-radius: 10px !important; }
.tienda-banner { margin: 0 0 26px; overflow: hidden; line-height: 0; }
.tienda-banner img {
display: block; width: 100%; height: 300px;
object-fit: cover; object-position: center;
}
@media (max-width: 900px) { .tienda-banner img { height: 210px; } }
@media (max-width: 560px) { .tienda-banner img { height: 150px; } }
.tienda-banner { margin: 0 0 26px; }
.tienda-banner > img {
display: block; width: 100%; height: 180px;
object-fit: cover; object-position: center;
}
.tienda-banner .tienda-cabecera { margin-top: 18px; }
@media (min-width: 761px) {
.tienda-banner { position: relative; overflow: hidden; }
.tienda-banner > img { height: 300px !important; }
.tienda-banner::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(90deg,
rgba(0,0,0,.58) 0%, rgba(0,0,0,.40) 30%, rgba(0,0,0,.10) 58%, rgba(0,0,0,0) 78%);
}
.tienda-banner .tienda-cabecera {
position: absolute !important; left: 38px; right: 38px; bottom: 30px;
z-index: 2; margin: 0 !important; align-items: flex-end !important;
}
.tienda-banner .tienda-datos,
.tienda-banner .tienda-datos * { color: rgba(255,255,255,.88) !important; }
.tienda-banner .tienda-datos h1 { color: #fff !important; }
.tienda-banner .tienda-datos a  { color: #ffb4a2 !important; }
.tienda-banner .tienda-logo img { max-height: 86px !important; width: auto !important; height: auto !important; }
}
@media (max-width: 560px) { .tienda-banner > img { height: 150px; } }
@media (min-width: 761px) {
.tienda-banner {
margin-top: -34px;
margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
height: 320px; padding: 20px 38px 28px;
display: flex; flex-direction: column; justify-content: space-between;
}
.tienda-banner > img {
position: absolute; inset: 0; width: 100% !important; height: 100% !important;
object-fit: cover; z-index: 0;
}
.tienda-banner > .listado-migas,
.tienda-banner > .tienda-cabecera { position: relative; z-index: 2; }
.tienda-banner > .listado-migas { margin: 0 !important; }
.tienda-banner > .listado-migas,
.tienda-banner > .listado-migas span { color: rgba(255,255,255,.72) !important; }
.tienda-banner > .listado-migas a { color: rgba(255,255,255,.92) !important; }
.tienda-banner > .tienda-cabecera { position: static !important; left: auto; right: auto; bottom: auto; }
.tienda-banner > .tienda-cabecera { border-bottom: 0 !important; padding-bottom: 0 !important; }
.tienda-banner > .tienda-cabecera,
.tienda-banner > .listado-migas { text-shadow: 0 1px 14px rgba(0,0,0,.62), 0 1px 3px rgba(0,0,0,.45); }
}
@media (max-width: 760px) {
.tienda-banner { display: flex; flex-direction: column; }
.tienda-banner > .listado-migas { order: 1; }
.tienda-banner > img            { order: 2; }
.tienda-banner > .tienda-cabecera { order: 3; }
}
.ar-art-secnav{
display:flex;flex-wrap:wrap;gap:6px;
margin:0 0 34px;padding:0 0 18px;
border-bottom:1px solid rgba(140,130,115,.2);
}
.ar-art-secnav a{
font-size:11px;letter-spacing:.06em;text-transform:uppercase;
padding:5px 11px;border:1px solid rgba(140,130,115,.24);border-radius:999px;
color:inherit;text-decoration:none;white-space:nowrap;
transition:border-color .14s,color .14s;
}
.ar-art-secnav a:hover{border-color:rgba(233,107,33,.5);color:#E96B21}
.ar-art-secnav a span{color:#b3aa9e;font-size:10px;margin-left:3px}
.ar-art-seccion{margin-bottom:52px;scroll-margin-top:90px}
.ar-art-seccion-tit{
font-family:'Funnel Sans',sans-serif;font-weight:400;
font-size:22px;letter-spacing:.04em;text-transform:uppercase;
margin:0 0 22px;padding-bottom:10px;
border-bottom:2px solid rgba(25,25,25,.85);
}
.ar-art-seccion-tit span{
font-size:12px;letter-spacing:.08em;color:#a49b90;margin-left:8px;
vertical-align:middle;
}
.ar-art-seccion .ar-art-grupo{margin-bottom:30px}
.ar-art-seccion .ar-art-grupo-tit{font-size:12px}
.ar-art-piezas h4{
font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#8d867a;
margin:0 0 12px;font-weight:400;
}
@media (max-width:640px){
.ar-art-seccion-tit{font-size:18px}
.ar-art-secnav{gap:5px;margin-bottom:26px}
.ar-art-secnav a{font-size:10px;padding:4px 9px}
}
.ar-ents{list-style:none;margin:0;padding:0}
.ar-ent{
display:grid;grid-template-columns:64px 1fr;gap:0 16px;
padding:14px 0;
border-top:1px solid rgba(140,130,115,.16);
}
.ar-ent:first-child{border-top:0;padding-top:4px}
.ar-ent-anio{
font: 400 12px/1.5 'Funnel Sans',sans-serif;
letter-spacing:.06em;color:#b3aa9e;
font-variant-numeric:tabular-nums;
padding-top:3px;
}
.ar-ent-que{
margin:0;
font: 400 15px/1.55 Georgia, serif;
color: var(--ink, #1A1208);
}
.ar-ent-det{
margin:5px 0 0;
font: 400 13px/1.62 Georgia, serif;
color:#7d766c;
}
.ar-ent-obra{
margin:5px 0 0;
font: 400 13px/1.6 Georgia, serif;color:#8d867a;
}
.ar-ent-obra em{font-style:italic}
.ar-ent-cita{
margin:9px 0 0;padding:1px 0 1px 12px;
border-left:2px solid rgba(233,107,33,.32);
font: italic 400 13px/1.62 Georgia, serif;
color:#7d766c;
}
.ar-ent-pie{
margin:8px 0 0;
font: 400 10.5px/1.6 'Funnel Sans',sans-serif;
letter-spacing:.05em;color:#a49b90;
}
.ar-ent-sep{margin:0 5px;color:#cdc5b7}
.ar-ent-niv{text-transform:uppercase;letter-spacing:.09em;font-weight:600}
.ar-ent-niv.n-artista{color:#5c8a46}
.ar-ent-niv.n-disputado{color:#a97c1d}
.ar-ent-curado{font-style:italic;letter-spacing:.03em}
.ar-ent-fuente{color:#a49b90 !important;text-decoration:none;border-bottom:1px solid rgba(140,130,115,.32)}
.ar-ent-fuente:hover{color:#E96B21 !important;border-bottom-color:#E96B21}
.ar-art-seccion .ar-art-grupo-tit{
font: 400 11.5px/1.5 'Funnel Sans',sans-serif;
letter-spacing:.13em;text-transform:uppercase;color:#E96B21;
margin:0 0 6px;padding-bottom:6px;
border-bottom:1px solid rgba(233,107,33,.22);
}
@media (max-width:640px){
.ar-ent{grid-template-columns:1fr;gap:0}
.ar-ent-anio{padding:0 0 3px}
.ar-ent-que{font-size:14.5px}
}
span.ar-nom{cursor:default}
span.ar-nom:hover{color:inherit !important;text-decoration:none}
.ar-art-bajada{
font: 400 13px/1.6 'Funnel Sans',sans-serif;
color:#8d867a; max-width:52ch; margin-top:10px;
}
.ar-art-seccion-tit{ font-size:20px; letter-spacing:.05em; }
.ar-art-seccion .ar-art-grupo-tit{
font-size:11px !important;
font-family:'Funnel Sans',sans-serif; font-weight:400; line-height:1.5;
letter-spacing:.14em; text-transform:uppercase; color:#9a9185 !important;
margin:0 0 4px; padding-bottom:0; border-bottom:0;
}
.ar-art-seccion .ar-art-grupo-tit a{ color:inherit; }
.ar-art-seccion .ar-art-grupo{ margin-bottom:26px; }
.ar-ent-anio{ color:#b3aa9e; min-height:1px; }
.ar-art-archivo{
margin-top:70px; padding-top:34px;
border-top:1px solid rgba(25,25,25,.14);
}
.ar-art-archivo-tit{
font: 400 20px/1.2 'Funnel Sans',sans-serif;
letter-spacing:.05em; text-transform:uppercase; margin:0 0 8px;
}
.ar-art-archivo-sub{
font: 400 13px/1.6 'Funnel Sans',sans-serif;
color:#8d867a; max-width:56ch; margin:0 0 30px;
}
.ar-art-archivo-fam{ margin-bottom:34px; }
.ar-art-archivo-fam h3{
font-size:11px !important;
font-family:'Funnel Sans',sans-serif; font-weight:400; line-height:1.5;
letter-spacing:.14em; text-transform:uppercase; color:#9a9185;
margin:0 0 12px; padding-bottom:8px;
border-bottom:1px solid rgba(25,25,25,.10);
}
.ar-art-archivo-fam h3 span{ color:#b8b0a5; margin-left:6px; }
@media (max-width:640px){
.ar-art-archivo{ margin-top:48px; padding-top:26px; }
.ar-art-archivo-tit{ font-size:17px; }
}
.ar-quien-fila{
background:none !important; border:0 !important; border-radius:0 !important;
padding:0 0 18px; margin-bottom:18px;
border-bottom:1px solid rgba(140,130,115,.18) !important;
}
.ar-quien-fila:hover{ background:none !important; }
.ar-quien-lista{ gap:0 38px; }
.ar-quien-quien{
border-bottom:0; padding-bottom:0; margin:0 0 5px;
}
.ar-quien-nom{ font-size:15px; }
.ar-quien-nom:hover{ border-bottom:1px solid currentColor; }
.ar-quien-pie{ border-top:0; padding-top:0; margin-top:8px; }
.ar-art-piezas-abajo h3{
font-size:11px !important;
font-family:'Funnel Sans',sans-serif; font-weight:400; line-height:1.5;
letter-spacing:.14em; text-transform:uppercase; color:#9a9185;
margin:0 0 12px; padding-bottom:8px;
border-bottom:1px solid rgba(25,25,25,.10);
}
.ar-art-piezas-abajo{
margin-top:60px; padding-top:30px;
border-top:1px solid rgba(25,25,25,.14);
}
.ar-niv{
background:none !important; padding:0 !important; border-radius:0 !important;
font-size:10px; letter-spacing:.09em;
}
.ar-niv-artista{ color:#5c8a46 !important }
.ar-niv-medio{ color:#a49b90 !important }
.ar-niv-disputado{ color:#a97c1d !important }
.ar-art-main{ padding:20px 0 60px !important; }
.ar-art-cab{ margin-bottom:20px !important; }
.ar-art-cab-uno h1{ font-size:27px !important; margin:0 0 2px !important; }
.ar-art-banda-gr{ font-size:13px; margin:0 0 6px; }
.ar-art-bajada{ font-size:12px; margin-top:4px; max-width:58ch; }
.ar-art-seccion-tit{ font-size:15px !important; margin:0 0 10px; padding-bottom:6px; }
.ar-art-seccion{ margin-bottom:22px; }
.ar-art-seccion .ar-art-grupo{ margin-bottom:14px; }
.ar-ents{ list-style:none; margin:0; padding:0 }
.ar-ent{
display:block; padding:0;
border-top:1px solid rgba(140,130,115,.13);
}
.ar-ent:first-child{ border-top:0 }
.ar-ent-linea{
display:grid; grid-template-columns:44px 1fr auto; gap:0 12px;
align-items:baseline; padding:7px 0; list-style:none; cursor:default;
}
.ar-ent-hay .ar-ent-linea{ cursor:pointer }
.ar-ent-linea::-webkit-details-marker{ display:none }
.ar-ent-hay .ar-ent-linea:hover .ar-ent-que{ color:#E96B21 }
.ar-ent-anio{
font: 400 11px/1.6 'Funnel Sans',sans-serif;
letter-spacing:.05em; color:#b3aa9e; font-variant-numeric:tabular-nums;
padding-top:0;
}
.ar-ent-que{
font: 400 14px/1.45 Georgia, serif; color: var(--ink,#1A1208); margin:0;
}
.ar-ent-linea .ar-ent-niv{
font: 600 9px/1.7 'Funnel Sans',sans-serif;
letter-spacing:.1em; text-transform:uppercase; white-space:nowrap;
}
.ar-ent-hay .ar-ent-que::after{
content:'›'; margin-left:7px; color:#c9c1b5; font-size:15px;
display:inline-block; transition:transform .15s;
}
.ar-ent-d[open] .ar-ent-que::after{ transform:rotate(90deg) }
.ar-ent-mas{ padding:0 0 10px 56px; max-width:78ch }
.ar-ent-det{ margin:0; font: 400 12.5px/1.55 Georgia,serif; color:#7d766c }
.ar-ent-obra{ margin:4px 0 0; font: 400 12.5px/1.5 Georgia,serif; color:#8d867a }
.ar-ent-cita{
margin:7px 0 0; padding:0 0 0 10px;
border-left:2px solid rgba(233,107,33,.3);
font: italic 400 12.5px/1.55 Georgia,serif; color:#7d766c;
}
.ar-ent-pie{
margin:7px 0 0; font: 400 10px/1.6 'Funnel Sans',sans-serif;
letter-spacing:.05em; color:#a49b90;
}
.ar-ent-pie-solo{ margin:-3px 0 7px 56px }
@media (max-width:640px){
.ar-ent-linea{ grid-template-columns:36px 1fr; row-gap:1px }
.ar-ent-linea .ar-ent-niv{ grid-column:2 }
.ar-ent-mas,.ar-ent-pie-solo{ padding-left:48px; margin-left:0 }
}
.ar-art-archivo .dpp-similares,
.ar-art-piezas-abajo .dpp-similares{
display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:14px;
}
.ar-art-archivo-fam{ margin-bottom:22px }
.ar-art-archivo{ margin-top:44px !important; padding-top:24px !important }
.ar-quien-fila{ padding:0 0 12px !important; margin-bottom:12px }
.ar-quien-quien{ margin:0 0 3px !important }
.ar-quien-nom{ font-size:14px !important }
.ar-quien-banda{ font-size:10.5px }
.ar-quien-item{ margin:0 }
.ar-quien-sigue{ border-top:0 !important; margin:0 !important; padding:0 !important }
.ar-quien-linea{
display:flex; align-items:baseline; gap:8px; justify-content:space-between;
padding:3px 0; list-style:none; cursor:default;
}
.ar-quien-d .ar-quien-linea{ cursor:pointer }
.ar-quien-linea::-webkit-details-marker{ display:none }
.ar-quien-d .ar-quien-linea:hover .ar-quien-que{ color:#E96B21 }
.ar-quien-que{ font-size:12.5px !important; line-height:1.4 !important }
.ar-quien-d .ar-quien-que::after{
content:'›'; margin-left:6px; color:#c9c1b5; font-size:13px;
display:inline-block; transition:transform .15s;
}
.ar-quien-d[open] .ar-quien-que::after{ transform:rotate(90deg) }
.ar-quien-linea .ar-niv{ font-size:8.5px !important; white-space:nowrap; flex:none }
.ar-quien-abre{ padding:2px 0 8px 0 }
.ar-quien-abre .ar-art-detalle{ font-size:11.5px; margin-top:2px }
.ar-quien-obra{ font-size:11.5px !important; margin-top:3px !important }
.ar-quien-abre .ar-art-cita{ font-size:11.5px; margin-top:5px }
.ar-quien-pie{ margin-top:4px !important; border-top:0 !important; padding-top:0 !important }
.ar-quien-fuente{ font-size:10.5px !important }
.ar-niv-let{
display:inline-flex; align-items:center; justify-content:center;
width:15px; height:15px; border-radius:50%; flex:none;
font: 600 9px/1 'Funnel Sans',sans-serif; letter-spacing:0;
cursor:help; user-select:none; margin-left:2px;
}
.ar-niv-let.ar-niv-artista  { color:#4d7a3a; background:rgba(127,176,105,.20) }
.ar-niv-let.ar-niv-medio    { color:#8a837a; background:rgba(140,130,115,.16) }
.ar-niv-let.ar-niv-disputado{ color:#9a6b12; background:rgba(217,164,65,.22) }
.ar-quien-leyenda{
margin:22px 0 0; padding-top:12px;
border-top:1px solid rgba(140,130,115,.16);
font: 400 11px/1.9 'Funnel Sans',sans-serif; color:#9a938a;
}
.ar-quien-leyenda .ar-niv-let{ margin:0 2px 0 6px; vertical-align:middle }
.ar-ent-linea{
grid-template-columns:150px 40px 1fr auto !important;
gap:0 14px !important;
}
.ar-ent-marca{
font: 400 9.5px/1.7 'Funnel Sans',sans-serif;
letter-spacing:.11em; text-transform:uppercase; color:#a9a196;
overflow-wrap:anywhere;
}
.ar-ent-marca a{ color:inherit; text-decoration:none }
.ar-ent-marca a:hover{ color:#E96B21; border-bottom:1px solid currentColor }
.ar-ent-mas{ padding-left:218px !important }
.ar-ent-pie-solo{ margin-left:218px !important }
@media (max-width:820px){
.ar-ent-linea{ grid-template-columns:40px 1fr auto !important }
.ar-ent-marca{ grid-column:1 / -1; margin-bottom:1px }
.ar-ent-mas,.ar-ent-pie-solo{ padding-left:54px !important; margin-left:0 !important }
}
.ar-ent-linea{
grid-template-columns:158px 1fr auto !important;
gap:0 16px !important;
}
.ar-ent-marca{
font: 400 13px/1.45 Georgia, serif !important;
letter-spacing:0 !important; text-transform:none !important;
color:#a9a196;
}
.ar-ent-mas{ padding-left:174px !important }
.ar-ent-pie-solo{ margin-left:174px !important }
@media (max-width:820px){
.ar-ent-linea{ grid-template-columns:1fr auto !important }
.ar-ent-marca{ grid-column:1 / -1; margin-bottom:1px; font-size:12px !important }
.ar-ent-mas,.ar-ent-pie-solo{ padding-left:0 !important; margin-left:0 !important }
}
.ar-ent-linea{
display:block !important; padding:6px 0 !important;
}
.ar-ent-marca{
display:inline !important; margin-right:5px;
font: 400 13.5px/1.5 Georgia, serif !important; color:#b0a89c !important;
}
.ar-ent-que{
display:inline !important;
font-size:13.5px !important; line-height:1.5 !important;
}
.ar-ent-linea .ar-ent-niv{
float:right; margin-left:16px;
font: 600 9px/1.9 'Funnel Sans',sans-serif !important;
letter-spacing:.1em; text-transform:uppercase;
}
.ar-ent-mas{ padding-left:0 !important; max-width:82ch }
.ar-ent-pie-solo{ margin-left:0 !important }
@media (max-width:820px){
.ar-ent-marca{ font-size:12.5px !important }
.ar-ent-que{ font-size:12.5px !important }
}
body.pagina-artista, body.pagina-modelo, body.pagina-artistas{
--arc-fondo:#141210; --arc-tinta:#E4DFD6; --arc-medio:#948C81;
--arc-tenue:#6f675d;  --arc-linea:rgba(232,228,220,.11);
--arc-linea-fuerte:rgba(232,228,220,.30);
background:var(--arc-fondo);
}
body.pagina-artista .ar-art-main,
body.pagina-modelo  .ar-art-main,
body.pagina-artistas .ar-art-main{ background:var(--arc-fondo); color:var(--arc-tinta) }
body.pagina-artista .ar-art-cab h1, body.pagina-modelo .ar-art-cab h1,
body.pagina-artistas .ar-art-cab h1{ color:#F2EEE6 }
body.pagina-artista .ar-art-banda-gr, body.pagina-modelo .ar-art-banda-gr{ color:var(--arc-medio) }
body.pagina-artista .ar-art-bajada, body.pagina-modelo .ar-art-bajada,
body.pagina-artistas .ar-art-bajada{ color:var(--arc-medio) }
body.pagina-artista .ar-art-volver a, body.pagina-modelo .ar-art-volver a{ color:var(--arc-medio) }
body.pagina-artista .ar-art-volver a:hover, body.pagina-modelo .ar-art-volver a:hover{ color:#E96B21 }
body.pagina-artista .ar-art-indice a{
color:var(--arc-medio); border-color:var(--arc-linea);
}
body.pagina-artista .ar-art-indice a:hover{ color:#E96B21; border-color:rgba(233,107,33,.5) }
body.pagina-artista .ar-art-seccion-tit, body.pagina-modelo .ar-art-seccion-tit{
color:var(--arc-tinta); border-bottom-color:var(--arc-linea-fuerte);
}
body.pagina-artista .ar-art-seccion-tit span{ color:var(--arc-tenue) }
body.pagina-artista .ar-ent{ border-top-color:var(--arc-linea) }
body.pagina-artista .ar-ent-marca{ color:var(--arc-tenue) !important }
body.pagina-artista .ar-ent-que{ color:var(--arc-tinta) !important }
body.pagina-artista .ar-ent-hay .ar-ent-que::after{ color:#5d564d }
body.pagina-artista .ar-ent-det, body.pagina-artista .ar-ent-obra{ color:var(--arc-medio) }
body.pagina-artista .ar-ent-cita{ color:var(--arc-medio); border-left-color:rgba(233,107,33,.42) }
body.pagina-artista .ar-ent-pie{ color:var(--arc-tenue) }
body.pagina-artista .ar-ent-fuente{ color:var(--arc-tenue) !important; border-bottom-color:rgba(148,140,129,.4) }
body.pagina-artista .ar-ent-niv.n-medio{ color:#8b837a }
body.pagina-artista .ar-ent-niv.n-artista{ color:#7fa864 }
body.pagina-artista .ar-ent-niv.n-disputado{ color:#c39a3e }
body.pagina-modelo .ar-quien-fila{ border-bottom-color:var(--arc-linea) !important }
body.pagina-modelo .ar-quien-nom{ color:var(--arc-tinta) }
body.pagina-modelo .ar-quien-banda{ color:var(--arc-tenue) }
body.pagina-modelo .ar-quien-que{ color:#CFC9BE }
body.pagina-modelo .ar-quien-d .ar-quien-que::after{ color:#5d564d }
body.pagina-modelo .ar-art-detalle, body.pagina-modelo .ar-quien-obra{ color:var(--arc-medio) }
body.pagina-modelo .ar-art-cita{ color:var(--arc-medio); border-left-color:rgba(233,107,33,.42) }
body.pagina-modelo .ar-quien-fuente{ color:var(--arc-tenue) !important; border-bottom-color:rgba(148,140,129,.4) }
body.pagina-modelo .ar-quien-leyenda{ color:var(--arc-medio); border-top-color:var(--arc-linea) }
body.pagina-modelo .ar-niv-let.ar-niv-artista  { color:#8ebb6f; background:rgba(127,176,105,.16) }
body.pagina-modelo .ar-niv-let.ar-niv-medio    { color:#9a9188; background:rgba(232,228,220,.10) }
body.pagina-modelo .ar-niv-let.ar-niv-disputado{ color:#d4a94e; background:rgba(217,164,65,.16) }
body.pagina-artista .ar-art-archivo{ border-top-color:var(--arc-linea-fuerte) }
body.pagina-artista .ar-art-archivo-tit{ color:var(--arc-tinta) }
body.pagina-artista .ar-art-archivo-sub{ color:var(--arc-medio) }
body.pagina-artista .ar-art-archivo-fam h3,
body.pagina-modelo .ar-art-piezas-abajo h3{
color:var(--arc-medio); border-bottom-color:var(--arc-linea);
}
body.pagina-modelo .ar-art-piezas-abajo{ border-top-color:var(--arc-linea-fuerte) }
body.pagina-artista .dpp-sim-card, body.pagina-modelo .dpp-sim-card{
background:#1c1916; border-color:var(--arc-linea);
}
body.pagina-artista .dpp-sim-card:hover, body.pagina-modelo .dpp-sim-card:hover{
border-color:rgba(233,107,33,.45);
}
body.pagina-artista .dpp-sim-body, body.pagina-modelo .dpp-sim-body{ background:transparent }
body.pagina-artista .dpp-sim-titulo, body.pagina-modelo .dpp-sim-titulo{ color:#E4DFD6 }
body.pagina-artista .dpp-sim-meta, body.pagina-modelo .dpp-sim-meta,
body.pagina-artista .dpp-sim-codigo, body.pagina-modelo .dpp-sim-codigo{ color:var(--arc-tenue) }
body.pagina-artista .dpp-sim-precio, body.pagina-modelo .dpp-sim-precio{ color:#E4DFD6 }
body.pagina-artista .dpp-sim-chevron, body.pagina-modelo .dpp-sim-chevron{ color:var(--arc-medio) }
body.pagina-artista .card-chips .card-chip-nuevo, body.pagina-modelo .card-chips .card-chip-nuevo,
body.pagina-artista .card-cond-nuevo, body.pagina-modelo .card-cond-nuevo{
background:rgba(232,228,220,.12); color:#C8C2B7;
}
.ar-ent-marca{ color:inherit !important }
body.pagina-artista .ar-ent-marca{ color:var(--arc-tinta) !important }
.ar-ent-linea .ar-ent-niv{
font: 400 10.5px/1.9 'Funnel Sans',sans-serif !important;
letter-spacing:.02em !important; text-transform:none !important;
text-decoration:none; white-space:nowrap;
}
.ar-ent-fu{ color:#bdb5a9 }
a.ar-ent-niv:hover{ color:#E96B21 !important }
a.ar-ent-niv:hover .ar-ent-fu{ color:#E96B21 }
body.pagina-artista .ar-ent-fu{ color:#5d564d }
body.pagina-artista .ar-art-seccion-tit,
body.pagina-modelo  .ar-art-seccion-tit,
body.pagina-artista .ar-art-archivo-tit{ color:#E4DFD6 !important }
body.pagina-artista .ar-art-archivo-fam h3,
body.pagina-modelo  .ar-art-piezas-abajo h3{ color:#948C81 !important }
body.pagina-artista .dpp-sim-titulo,
body.pagina-modelo  .dpp-sim-titulo{ color:#E4DFD6 !important }
body.pagina-artista .dpp-sim-meta, body.pagina-modelo .dpp-sim-meta,
body.pagina-artista .dpp-sim-codigo, body.pagina-modelo .dpp-sim-codigo{ color:#9a9188 !important }
body.pagina-artista .ar-ent-fu{ color:#847c72 !important }
body.pagina-artista .ar-art-secnav{ border-bottom-color:var(--arc-linea) }
body.pagina-artista .ar-art-secnav a{
color:#CFC9BE; border-color:rgba(232,228,220,.24);
background:rgba(232,228,220,.035);
}
body.pagina-artista .ar-art-secnav a:hover{
color:#E96B21; border-color:rgba(233,107,33,.55); background:rgba(233,107,33,.07);
}
body.pagina-artista .ar-art-secnav a span{ color:#8b8378 }
.ar-ent-hay .ar-ent-que::after,
.ar-quien-d .ar-quien-que::after{ color:#b3aa9e }
body.pagina-artista .ar-ent-hay .ar-ent-que::after,
body.pagina-modelo  .ar-quien-d .ar-quien-que::after{ color:#9a9188 !important }
.ar-ent-hay .ar-ent-linea:hover .ar-ent-que::after,
.ar-quien-d .ar-quien-linea:hover .ar-quien-que::after{ color:#E96B21 !important }
.ar-ent-marca a{
color:inherit; text-decoration:none;
border-bottom:1px solid rgba(140,130,115,.45);
padding-bottom:1px;
}
.ar-ent-marca a:hover{ color:#E96B21 !important; border-bottom-color:#E96B21 }
body.pagina-artista .ar-ent-marca a{ border-bottom-color:rgba(232,228,220,.30) }
body.pagina-artista .ar-ent-marca a:hover{ border-bottom-color:#E96B21 }
body.pagina-modelo .ar-quien-nom{
border-bottom:1px solid rgba(232,228,220,.26); padding-bottom:1px;
}
body.pagina-modelo .ar-quien-nom:hover{ color:#E96B21; border-bottom-color:#E96B21 }
.ar-art-tira,
.ar-art-piezas-abajo .dpp-similares{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(118px,1fr)) !important;
gap:12px !important;
}
.ar-art-tira .dpp-sim-titulo,
.ar-art-piezas-abajo .dpp-sim-titulo{
font-size:10px !important; line-height:1.35 !important; letter-spacing:.02em;
}
.ar-art-tira .dpp-sim-meta, .ar-art-tira .dpp-sim-codigo,
.ar-art-piezas-abajo .dpp-sim-meta, .ar-art-piezas-abajo .dpp-sim-codigo{
font-size:9px !important;
}
.ar-art-tira .dpp-sim-body,
.ar-art-piezas-abajo .dpp-sim-body{ padding:8px 8px 10px !important }
.ar-art-tira .card-chips, .ar-art-piezas-abajo .card-chips{ display:none }
@media (max-width:520px){
.ar-art-tira, .ar-art-piezas-abajo .dpp-similares{
grid-template-columns:repeat(auto-fill,minmax(100px,1fr)) !important;
}
}
.ar-art-archivo-tit{ margin-bottom:20px }
.ar-art-tira .dpp-sim-titulo,
.ar-art-piezas-abajo .dpp-sim-titulo{
-webkit-line-clamp:3 !important; line-clamp:3;
}
.ar-art-seccion{ margin-bottom:30px }
.ar-art-seccion + .ar-art-seccion{ margin-top:8px }
.ar-art-seccion-tit{
font-size:12px !important; font-weight:400;
letter-spacing:.20em !important; text-transform:uppercase;
margin:34px 0 2px !important; padding:0 0 9px !important;
border-bottom:1px solid rgba(140,130,115,.5) !important;
}
.ar-art-seccion:first-child .ar-art-seccion-tit{ margin-top:6px !important }
.ar-art-seccion-tit span{
color:#E96B21 !important; margin-left:9px; font-size:11px; letter-spacing:.04em;
}
body.pagina-artista .ar-art-seccion-tit{
color:#F2EEE6 !important; border-bottom-color:rgba(232,228,220,.42) !important;
}
.ar-ents{ margin-top:6px !important }
.ar-beta{
display:inline-block; vertical-align:super;
margin-left:6px; padding:2px 6px 1px; border-radius:3px;
background:#2f6fd0; color:#fff;
font: 600 8.5px/1.35 'Funnel Sans',system-ui,sans-serif;
letter-spacing:.11em; text-transform:uppercase;
cursor:help; user-select:none; white-space:nowrap;
position:relative; top:-.15em;
}
.rig-lista{ list-style:none; margin:22px 0 0; padding:0 }
.rig-uno{
padding:15px 0 16px;
border-top:1px solid rgba(140,130,115,.16);
}
.rig-uno:first-child{ border-top:0 }
.rig-quien{
display:flex; align-items:baseline; gap:9px;
text-decoration:none; color:inherit; margin-bottom:9px;
}
.rig-nom{
font: 600 15px/1.3 Georgia, serif;
border-bottom:1px solid rgba(140,130,115,.4); padding-bottom:1px;
}
.rig-quien:hover .rig-nom{ color:#E96B21; border-bottom-color:#E96B21 }
.rig-banda{ font: 400 11px/1.4 'Funnel Sans',sans-serif; color:#9a938a }
.rig-total{
margin-left:auto; flex:none;
font: 400 10px/1.6 'Funnel Sans',sans-serif; letter-spacing:.08em; color:#b3aa9e;
}
.rig-total::after{ content:' piezas' }
.rig-cadena{ display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap }
.rig-esl{ flex:1 1 0; min-width:150px }
.rig-esl-tit{
display:block;
font: 400 9px/1.8 'Funnel Sans',sans-serif;
letter-spacing:.16em; text-transform:uppercase; color:#a9a196;
}
.rig-esl-qué{ display:block; font: 400 13px/1.45 Georgia, serif }
.rig-mas{ color:#a9a196 }
.rig-flecha{
flex:none; align-self:center; color:#c9c1b5; font-size:14px; padding-top:12px;
}
.rig-pie{
margin:34px 0 0; padding-top:16px;
border-top:1px solid rgba(140,130,115,.16);
font: 400 12px/1.7 'Funnel Sans',sans-serif; color:#9a938a; max-width:62ch;
}
.ar-art-secnav a.es-hoy{
border-color:rgba(233,107,33,.55); color:#E96B21;
}
body.pagina-rig .rig-uno{ border-top-color:var(--arc-linea) }
body.pagina-rig .rig-nom{ color:var(--arc-tinta); border-bottom-color:rgba(232,228,220,.28) }
body.pagina-rig .rig-banda,
body.pagina-rig .rig-total{ color:var(--arc-tenue) }
body.pagina-rig .rig-esl-tit{ color:var(--arc-tenue) }
body.pagina-rig .rig-esl-qué{ color:#CFC9BE }
body.pagina-rig .rig-mas,
body.pagina-rig .rig-flecha{ color:#5d564d }
body.pagina-rig .rig-pie{ color:var(--arc-medio); border-top-color:var(--arc-linea) }
@media (max-width:700px){
.rig-cadena{ display:block }
.rig-esl{ margin-bottom:7px }
.rig-flecha{ display:none }
}
.ar-art-puerta-rig{
margin:14px 0 4px; display:flex; align-items:baseline; gap:9px; flex-wrap:wrap;
font: 400 12px/1.6 'Funnel Sans',sans-serif;
}
.ar-art-puerta-rig a{
font-size:13px; font-weight:600; letter-spacing:.03em;
color:#E96B21; text-decoration:none; white-space:nowrap;
border-bottom:1px solid rgba(233,107,33,.4); padding-bottom:1px;
}
.ar-art-puerta-rig a:hover{ border-bottom-color:#E96B21 }
.ar-art-puerta-rig span{ color:#9a938a }
body.pagina-artistas .ar-art-puerta-rig span{ color:var(--arc-medio) }
.ar-art-cuantos{
margin:30px 0 0; padding-top:15px;
border-top:1px solid rgba(140,130,115,.16);
font: 400 11.5px/1.7 'Funnel Sans',sans-serif; color:#9a938a;
}
body.pagina-artistas .ar-art-cuantos{ color:var(--arc-tenue); border-top-color:var(--arc-linea) }
.ar-art-cuantos, .ar-quien-cuantos{
margin:28px 0 0; padding-top:14px;
border-top:1px solid rgba(140,130,115,.16);
font: 400 11.5px/1.7 'Funnel Sans',sans-serif; color:#9a938a; max-width:64ch;
}
.ar-quien-cuantos + .ar-quien-leyenda{ margin-top:10px; padding-top:0; border-top:0 }
body.pagina-artistas .ar-art-cuantos,
body.pagina-modelo .ar-quien-cuantos{ color:var(--arc-tenue); border-top-color:var(--arc-linea) }
.ar-ent-marca-idem{ color:#c9c1b5 }
body.pagina-artista .ar-ent-marca-idem{ color:#4f4841 !important }
.ar-oculto{
position:absolute; width:1px; height:1px; overflow:hidden;
clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}
.ar-quien-nota{
margin:14px 0 0;
font: 400 11.5px/1.6 'Funnel Sans',sans-serif;
color:#9a938a; max-width:60ch;
}
body.piel-archivo .ar-quien-nota{ color:var(--arc-tenue) }
@media not all and (min-width: 761px) {
.tienda-banner {
position: relative; overflow: hidden;
display: flex; flex-direction: column;
margin: 0 0 22px;
}
.tienda-banner > .listado-migas {
order: 1; line-height: 1.5; margin: 0 0 10px;
}
.tienda-banner > img { order: 2; height: 230px; }
.tienda-banner::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0;
height: 230px; z-index: 1; pointer-events: none;
background: linear-gradient(180deg,
rgba(0,0,0,0) 0%, rgba(0,0,0,.14) 38%, rgba(0,0,0,.52) 72%, rgba(0,0,0,.86) 100%);
}
.tienda-banner > .tienda-cabecera {
order: 3;
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
margin: 0 !important; padding: 0 14px 13px;
border-bottom: 0 !important;
flex-direction: row !important; align-items: flex-end !important;
gap: 12px !important;
text-shadow: 0 1px 14px rgba(0,0,0,.62), 0 1px 3px rgba(0,0,0,.45);
}
.tienda-banner > .tienda-cabecera .tienda-datos,
.tienda-banner > .tienda-cabecera .tienda-datos * { color: rgba(255,255,255,.9) !important; }
.tienda-banner > .tienda-cabecera .tienda-datos h1 {
color: #fff !important; font-size: 21px !important; line-height: 1.1;
}
.tienda-banner > .tienda-cabecera .tienda-datos a { color: #ffb4a2 !important; }
.tienda-banner > .tienda-cabecera .tienda-desc {
font-size: 12.5px !important; line-height: 1.35 !important;
margin: 4px 0 5px !important;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
}
.tienda-banner > .tienda-cabecera .tienda-links { font-size: 12px !important; }
.tienda-banner > .tienda-cabecera .tienda-logo.es-vector {
width: auto !important; height: auto !important;
max-width: 132px; align-self: flex-end;
}
.tienda-banner > .tienda-cabecera .tienda-logo.es-vector img {
max-height: 54px !important; max-width: 132px !important;
width: auto !important; height: auto !important;
}
.tienda-banner > .tienda-cabecera .tienda-logo:not(.es-vector) {
width: 58px !important; height: 58px !important;
}
}
@media not all and (min-width: 761px) {
.tienda-banner {
margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
margin-top: -14px;
}
.tienda-banner > .listado-migas   { padding: 0 12px; }
.tienda-banner > .tienda-cabecera { padding: 0 12px 13px; }
}
.ar-art-sumar{
margin:26px 0 0; padding-top:15px;
border-top:1px solid rgba(140,130,115,.16);
font: 400 12.5px/1.7 'Funnel Sans',sans-serif; color:#9a938a; max-width:64ch;
}
.ar-art-sumar a{ color:inherit; border-bottom:1px solid rgba(233,107,33,.5) }
.ar-art-sumar a:hover{ color:#E96B21; border-bottom-color:#E96B21 }
body.piel-archivo .ar-art-sumar{ color:var(--arc-tenue); border-top-color:var(--arc-linea) }
.ar-ent-corr{
margin-left:12px; font-size:11px; color:#9a938a;
border-bottom:1px dashed rgba(140,130,115,.45);
}
.ar-ent-corr:hover{ color:#E96B21; border-bottom-color:#E96B21 }
body.piel-archivo .ar-art-sumar{ color:#9a938a }
body.piel-archivo .ar-quien-nota{ color:#9a938a }
.dpp-price-lock {
display: block;
text-decoration: none;
color: inherit;
}
.dpp-price-mask {
display: flex;
align-items: baseline;
gap: 10px;
color: var(--ar-texto);
user-select: none;
}
.dpp-price-moneda { font: inherit; }
.dpp-price-falso {
font-style: normal;
filter: blur(4px);
opacity: .62;
user-select: none;
pointer-events: none;
}
.dpp-price-lock-cta {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 14px;
font-size: 12px;
letter-spacing: .16em;
text-transform: uppercase;
font-weight: 700;
color: var(--ar-naranja);
}
.dpp-price-lock-icono { font-size: 13px; filter: grayscale(1); }
.dpp-price-lock:hover .dpp-price-lock-cta { color: var(--ar-naranja-2); }
.dpp-price-lock:hover .dpp-price-lock-cta { text-decoration: underline; text-underline-offset: 4px; }
.dpp-price-lock-micro {
display: block;
margin-top: 6px;
font-size: 12px;
color: var(--ar-texto-2);
letter-spacing: .01em;
}
.dpp-solo-lector {
position: absolute; width: 1px; height: 1px;
padding: 0; margin: -1px; overflow: hidden;
clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.ar-pieza-vp { color: inherit; }
.dpp-sim-precio .dpp-price-falso,
.ar-pieza-vp .dpp-price-falso { filter: blur(2px); opacity: .6; }
@keyframes ar-recien-abierto {
0%   { background: rgba(193, 52, 56, .13); }
100% { background: transparent; }
}
[data-recien-abierto="1"] {
animation: ar-recien-abierto 2.4s ease-out 1;
box-shadow: 0 0 0 10px transparent;
}
@media (prefers-reduced-motion: reduce) {
[data-recien-abierto="1"] { animation: none; }
}
.dpp-body a.dpp-price-lock:not(.dpp-btn-primary):not(.dpp-sim-card):not(.pieza) {
color: inherit;
text-decoration: none;
}
.dpp-price-lock .dpp-price-label { display: block; }
.ar-artistas-home {
background: #14110f;
color: #f4efe9;
padding: 54px 0 58px;
scroll-margin-top: 78px;
}
.ar-ah-in { display: block; }
.ar-ah-kicker {
display: block;
font-size: 11px;
letter-spacing: .16em;
text-transform: uppercase;
color: #c98a3f;
margin-bottom: 10px;
}
.ar-artistas-home .ar-ah-tit {
margin: 0 0 12px;
color: #ffffff !important;
}
.ar-ah-baj {
margin: 0 0 26px;
max-width: 62ch;
font-size: 15px;
line-height: 1.55;
color: #b9aea3;
}
.ar-ah-chips {
list-style: none;
margin: 0 0 26px;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ar-ah-chips li { display: flex; }
.ar-ah-chips a {
display: flex;
flex: 1;
justify-content: center;
flex-direction: column;
gap: 2px;
padding: 10px 16px;
border: 1px solid #3a322c;
border-radius: 3px;
text-decoration: none;
background: #1c1815;
transition: border-color .15s, background .15s;
}
.ar-ah-chips a:hover { border-color: #c98a3f; background: #221d19; }
.ar-ah-nom { font-size: 15px; color: #f4efe9; line-height: 1.2; }
.ar-ah-banda {
font-size: 11px;
letter-spacing: .04em;
color: #8d8177;
text-transform: uppercase;
}
.ar-ah-caras {
list-style: none; margin: 0 0 28px; padding: 0 0 0 10px;
display: flex; flex-wrap: wrap; align-items: center;
}
.ar-ah-caras li { margin-left: -16px; }
.ar-ah-caras li:first-child { margin-left: 0; }
.ar-ah-caras a { display: block; border-radius: 50%; }
.ar-ah-caras img {
width: 72px !important; height: 72px !important; border-radius: 50%; object-fit: cover; display: block;
border: 3px solid #14110f; background: #1c1815; box-shadow: 0 2px 8px rgba(0,0,0,.45);
transition: transform .18s, border-color .18s;
}
.ar-ah-caras a:hover img, .ar-ah-caras a:focus img { transform: translateY(-6px) scale(1.08); border-color: #c98a3f; position: relative; z-index: 2; }
@media (max-width: 700px) {
.ar-ah-caras { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
padding: 6px 12px 10px 6px; margin-left: -6px; margin-right: -16px; scrollbar-width: none; }
.ar-ah-caras::-webkit-scrollbar { display: none; }
.ar-ah-caras li { margin-left: -12px; flex: 0 0 auto; }
.ar-ah-caras img { width: 56px !important; height: 56px !important; border-width: 2px; }
.ar-ah-caras a:hover img { transform: none; }
}
.ar-ah-todos {
display: inline-block;
font-size: 12px;
letter-spacing: .13em;
text-transform: uppercase;
color: #c98a3f;
text-decoration: none;
border-bottom: 1px solid #6a4a24;
padding-bottom: 3px;
}
.ar-ah-todos:hover { color: #e0a75c; border-bottom-color: #c98a3f; }
@media (max-width: 700px) {
.ar-artistas-home { padding: 40px 0 44px; }
.ar-ah-chips { gap: 8px; }
.ar-ah-chips a { padding: 9px 13px; }
.ar-ah-nom { font-size: 14px; }
}
.ar-quien .dpp-section-title {
display: block;
}
.ar-quien .ar-conex-nombre {
display: block;
font: 400 10.5px/1 'Funnel Sans', sans-serif;
letter-spacing: .18em;
text-transform: uppercase;
color: #E96B21;
margin: 0 0 7px;
}
body.piel-archivo .ar-quien .ar-conex-nombre { color: #c98a3f; }
.dpp-nombre-falso {
font-style: normal;
filter: blur(2.2px);
opacity: .6;
user-select: none;
pointer-events: none;
}
.dpp-quien-cta {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 4px;
font-size: 11px;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 700;
color: var(--ar-naranja);
text-decoration: none;
}
.dpp-quien-cta:hover { color: var(--ar-naranja-2); text-decoration: underline; text-underline-offset: 4px; }
body.pagina-artista .card-fav,
body.pagina-modelo  .card-fav {
width: 24px !important; height: 24px !important;
top: 6px !important; right: 6px !important;
}
body.pagina-artista .card-fav svg,
body.pagina-modelo  .card-fav svg { width: 17px !important; height: 17px !important; }
body.pagina-artista .card-fav svg, body.pagina-artista .card-fav .fav-path,
body.pagina-modelo  .card-fav svg, body.pagina-modelo  .card-fav .fav-path { stroke-width: 2 !important; }
body.pagina-artista .ar-gear-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
align-items:start;
margin-top:14px !important;
}
body.pagina-artista .ar-gear-card{
--gear-acento:#E96B21;
display:block;
align-self:start;
min-width:0;
padding:0;
position:relative;
overflow:hidden;
border:1px solid rgba(232,228,220,.15) !important;
border-radius:10px;
background:#1b1815;
box-shadow:0 10px 28px rgba(0,0,0,.14);
transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
body.pagina-artista .ar-gear-card:first-child{ padding-top:0 }
body.pagina-artista .ar-gear-card:hover{
border-color:rgba(233,107,33,.48) !important;
background:#1e1a17;
transform:translateY(-1px);
}
body.pagina-artista .ar-gear-head{
display:grid !important;
grid-template-columns:168px minmax(0,1fr) !important;
gap:0 !important;
min-height:150px;
padding:0 !important;
margin:0;
align-items:stretch !important;
overflow:hidden;
list-style:none;
}
body.pagina-artista summary.ar-gear-head{ cursor:pointer }
body.pagina-artista .ar-gear-head::-webkit-details-marker{ display:none }
body.pagina-artista .ar-gear-head::marker{ content:'' }
body.pagina-artista .ar-gear-visual{
width:100%;
position:relative;
display:flex;
flex-direction:column;
justify-content:flex-end;
min-width:0;
padding:10px;
overflow:hidden;
background:
radial-gradient(circle at 76% 18%,rgba(255,255,255,.12),transparent 35%),
linear-gradient(145deg,#3b2a20,#241d18 62%,#191613);
border-right:1px solid rgba(232,228,220,.10);
}
body.pagina-artista .ar-gear-cat-amplificador .ar-gear-visual{
background:radial-gradient(circle at 75% 18%,rgba(233,107,33,.22),transparent 38%),linear-gradient(145deg,#40251a,#211a16 68%);
}
body.pagina-artista .ar-gear-cat-pedal .ar-gear-visual,
body.pagina-artista .ar-gear-cat-efecto_estudio .ar-gear-visual{
background:radial-gradient(circle at 76% 18%,rgba(119,137,181,.24),transparent 38%),linear-gradient(145deg,#292d3b,#191a20 68%);
}
body.pagina-artista .ar-gear-cat-teclado .ar-gear-visual,
body.pagina-artista .ar-gear-cat-consola .ar-gear-visual{
background:radial-gradient(circle at 76% 18%,rgba(112,155,140,.22),transparent 38%),linear-gradient(145deg,#24342f,#181d1b 68%);
}
body.pagina-artista .ar-gear-cat-microfono .ar-gear-visual,
body.pagina-artista .ar-gear-cat-grabador .ar-gear-visual{
background:radial-gradient(circle at 76% 18%,rgba(198,172,115,.20),transparent 38%),linear-gradient(145deg,#383126,#1e1b17 68%);
}
body.pagina-artista .ar-gear-visual.tiene-imagen{ padding:0;background:#15120f }
body.pagina-artista .ar-gear-visual.tiene-imagen[style*="--gear-ar"]{
align-self:start;
width:100%;
height:auto;
aspect-ratio:var(--gear-ar);
border-right:0;
overflow:hidden;
}
body.pagina-artista .ar-gear-visual.tiene-imagen[style*="--gear-ar"] img.ar-gear-fondo{ display:none }
body.pagina-artista .ar-gear-visual img{
position:absolute;inset:0;
width:100%;height:100%;
object-fit:cover;object-position:center;
z-index:1;
}
body.pagina-artista .ar-gear-visual img.ar-gear-fondo{ display:none }
body.pagina-artista .ar-gear-sigla{
display:block;
color:rgba(242,238,230,.90);
font:700 25px/.92 'Funnel Sans',system-ui,sans-serif;
letter-spacing:-.055em;
}
body.pagina-artista .ar-gear-clase{
display:block;
margin-top:5px;
color:rgba(242,238,230,.50);
font:500 8px/1.25 'Funnel Sans',system-ui,sans-serif;
letter-spacing:.10em;
text-transform:uppercase;
}
body.pagina-artista .ar-gear-info{
display:flex;
flex-direction:column;
align-items:flex-start;
min-width:0;
padding:13px 14px 10px;
}
body.pagina-artista .ar-gear-card .ar-ent-marca{
display:block !important;
margin:0 0 5px !important;
color:#A9A196 !important;
font:500 10px/1.35 'Funnel Sans',system-ui,sans-serif !important;
letter-spacing:.09em !important;
text-transform:uppercase !important;
}
body.pagina-artista .ar-gear-card .ar-ent-que{
display:block !important;
color:#F2EEE6 !important;
font:600 15px/1.26 Georgia,serif !important;
}
body.pagina-artista .ar-gear-card .ar-ent-que::after{ content:none !important }
body.pagina-artista .ar-gear-nivel{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:9px;
color:#8E867B;
font:500 9px/1.35 'Funnel Sans',system-ui,sans-serif;
letter-spacing:.04em;
}
body.pagina-artista .ar-gear-nivel::before{
content:'';
width:6px;height:6px;border-radius:50%;
background:#70685E;
box-shadow:0 0 0 2px rgba(112,104,94,.13);
}
body.pagina-artista .ar-gear-nivel.n-artista{ color:#91B67A }
body.pagina-artista .ar-gear-nivel.n-artista::before{ background:#78A65F;box-shadow:0 0 0 2px rgba(120,166,95,.15) }
body.pagina-artista .ar-gear-nivel.n-disputado{ color:#C9A04A }
body.pagina-artista .ar-gear-nivel.n-disputado::before{ background:#C39A3E;box-shadow:0 0 0 2px rgba(195,154,62,.14) }
body.pagina-artista .ar-gear-abrir{
margin-top:auto;
padding-top:9px;
color:#C98A3F;
font:600 9px/1.2 'Funnel Sans',system-ui,sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
}
body.pagina-artista .ar-gear-abrir::after{
content:'';display:inline-block;width:0;height:0;margin-left:2px;
border-left:5px solid transparent;border-right:5px solid transparent;
border-top:6px solid currentColor;
transition:transform .15s ease;
}
body.pagina-artista .ar-gear-details[open] .ar-gear-abrir::after{ transform:rotate(180deg) }
body.pagina-artista .ar-gear-card .ar-ent-mas{
max-width:none;
padding:14px !important;
border-top:1px solid rgba(232,228,220,.10);
background:rgba(0,0,0,.10);
}
body.pagina-artista .ar-gear-card .ar-ent-det,
body.pagina-artista .ar-gear-card .ar-ent-obra{
color:#B7AFA4;
font-size:12.5px;
}
body.pagina-artista .ar-gear-card .ar-ent-cita{ color:#A9A196 }
body.pagina-artista .ar-gear-foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-height:35px;
padding:8px 12px;
border-top:1px solid rgba(232,228,220,.10);
background:rgba(0,0,0,.12);
}
body.pagina-artista .ar-gear-foot .ar-ent-niv,
body.pagina-artista .ar-gear-modelo{
overflow:hidden;
color:#8E867B;
font:500 9.5px/1.35 'Funnel Sans',system-ui,sans-serif !important;
letter-spacing:.01em !important;
text-transform:none !important;
text-decoration:none;
text-overflow:ellipsis;
white-space:nowrap;
}
body.pagina-artista .ar-gear-foot .ar-ent-niv{ min-width:0 }
body.pagina-artista .ar-gear-foot .ar-ent-fu{ color:#6F675D !important }
body.pagina-artista .ar-gear-modelo{ flex:none;color:#C98A3F }
body.pagina-artista .ar-gear-foot a:hover,
body.pagina-artista .ar-gear-foot a:hover .ar-ent-fu{ color:#E96B21 !important }
@media (max-width:760px){
body.pagina-artista .ar-gear-grid{ grid-template-columns:1fr;gap:11px }
body.pagina-artista .ar-gear-head{ grid-template-columns:128px minmax(0,1fr) !important;min-height:0 }
body.pagina-artista .ar-gear-card .ar-ent-que{ font-size:14.5px !important }
body.pagina-artista .ar-gear-info{ padding:12px 13px 9px }
}
@media (prefers-reduced-motion:reduce){
body.pagina-artista .ar-gear-card,
body.pagina-artista .ar-gear-abrir::after{ transition:none }
body.pagina-artista .ar-gear-card:hover{ transform:none }
body.pagina-artista .ar-gear-visual.tiene-imagen img:not(.ar-gear-fondo){ transition:none }
body.pagina-artista .ar-gear-visual-abre:hover img:not(.ar-gear-fondo),
body.pagina-artista .ar-gear-visual-abre:focus-visible img:not(.ar-gear-fondo){ transform:none }
.ar-lupa-marco,.ar-lupa-velo,.ar-lupa-pie{ transition:none }
}
@media (min-width: 701px) {
.tienda-cabecera { align-items: flex-end; }
.tienda-cabecera > .tienda-logo.es-vector {
width: 154px !important; height: 154px !important;
}
}
@media (max-width: 700px) {
.tienda-cabecera > .tienda-logo.es-vector {
width: 118px !important; height: 118px !important;
}
}
@media (min-width: 761px) {
.tienda-banner > .tienda-cabecera { align-items: flex-end !important; }
.tienda-banner > .tienda-cabecera .tienda-logo.es-vector {
width: auto !important; height: auto !important; max-width: 300px !important;
}
.tienda-banner .tienda-logo.es-vector img {
max-height: 120px !important;
}
}
@media not all and (min-width: 761px) {
.tienda-banner > .tienda-cabecera { align-items: flex-end !important; }
.tienda-banner > .tienda-cabecera .tienda-logo.es-vector {
max-width: 185px !important;
align-self: auto !important;
}
.tienda-banner > .tienda-cabecera .tienda-logo.es-vector img {
max-height: 76px !important; max-width: 185px !important;
}
}
.tienda-banner > .tienda-cabecera { line-height: normal; }
@media (min-width: 761px) {
.tienda-banner > .tienda-marca { display: none; }
}
@media not all and (min-width: 761px) {
.tienda-banner > img      { order: 2; }
.tienda-banner > .tienda-marca {
order: 3; position: relative; z-index: 2;
margin-top: -230px; height: 230px;
display: flex; align-items: center; justify-content: center;
padding: 0 34px;
background: rgba(0, 0, 0, .38);
}
.tienda-banner::after { display: none !important; }
.tienda-banner > .tienda-marca .tienda-logo {
width: auto !important; height: auto !important;
max-width: 100% !important; background: none !important;
}
.tienda-banner > .tienda-marca .tienda-logo img {
width: auto !important; height: auto !important;
max-height: 110px !important; max-width: 100% !important;
object-fit: contain;
}
.tienda-banner > .tienda-marca .red-logo-inicial {
font-size: 64px; color: #fff; font-family: 'Playfair Display', serif;
}
.tienda-banner > .tienda-cabecera {
order: 4;
position: static !important;
left: auto; right: auto; bottom: auto;
margin: 0 !important; padding: 15px 12px 0 !important;
flex-direction: column !important; align-items: flex-start !important;
gap: 0 !important;
text-shadow: none !important;
border-bottom: 0 !important;
}
.tienda-banner > .tienda-cabecera .tienda-datos,
.tienda-banner > .tienda-cabecera .tienda-datos * { color: var(--ar-texto) !important; }
.tienda-banner > .tienda-cabecera .tienda-datos h1 {
color: var(--ar-ink) !important; font-size: 23px !important; line-height: 1.15;
}
.tienda-banner > .tienda-cabecera .tienda-datos a { color: var(--ar-naranja) !important; }
.tienda-banner > .tienda-cabecera .tienda-desc {
display: block !important; -webkit-line-clamp: none !important;
overflow: visible !important;
font-size: 14px !important; line-height: 1.55 !important;
margin: 4px 0 8px !important;
}
.tienda-banner > .tienda-cabecera .tienda-links { font-size: 13px !important; }
.tienda-banner > .tienda-cabecera .tienda-logo { display: none !important; }
}
@media (min-width: 701px) {
.tienda-cabecera > .tienda-datos { max-height: 154px; }
.tienda-cabecera .tienda-desc {
line-height: 1.4 !important;
margin-bottom: 8px !important;
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow: hidden;
}
.tienda-cabecera .tienda-rol { margin-bottom: 8px !important; }
.tienda-cabecera .tienda-datos > :last-child { margin-bottom: 0 !important; }
.tienda-cabecera { padding-bottom: 14px; }
.tienda-banner > .tienda-cabecera > .tienda-datos {
max-height: none; overflow: visible;
}
.tienda-banner > .tienda-cabecera { padding-bottom: 0; }
}
@media (min-width: 761px) {
.tienda-banner.tid-banner-trae > .tienda-cabecera .tienda-datos h1 {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
}
@media (max-width: 700px) {
.tienda-cabecera {
align-items: center !important;
text-align: center;
}
.tienda-cabecera .tienda-links,
.tienda-cabecera .red-meta { justify-content: center; }
}
.ar-art-cab-uno.con-foto{display:flex;gap:18px;align-items:flex-start}
.ar-art-cab-uno .ar-art-cab-txt{min-width:0;flex:1}
.ar-art-foto{flex:0 0 auto;display:block;width:72px;height:72px;border-radius:50%;overflow:hidden;
border:1px solid rgba(140,130,115,.3);background:rgba(140,130,115,.08)}
.ar-art-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ar-art-foto-cred{margin:0 0 6px;font-size:11px;color:#a49b90;letter-spacing:.02em}
.ar-art-foto-cred a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(140,130,115,.35)}
.ar-art-foto-cred a:hover{color:#E96B21}
.ar-art-indice a.con-foto{align-items:center;padding-top:5px;padding-bottom:5px}
.ar-art-mini{width:36px !important;height:36px !important;border-radius:50%;object-fit:cover;flex:0 0 auto;
border:1px solid rgba(140,130,115,.25);background:rgba(140,130,115,.08)}
@media (max-width:600px){
.ar-art-foto{width:56px;height:56px}
}
.ar-gear-visual-link{position:relative;text-decoration:none;color:inherit;cursor:pointer;overflow:hidden}
.ar-gear-visual-link:hover,.ar-gear-visual-link:focus{outline:none;box-shadow:0 0 0 2px #E96B21}
.ar-gear-visual-hint{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:3px 0;text-align:center;
font:500 9.5px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
color:#fff;background:rgba(233,107,33,.92);transform:translateY(100%);transition:transform .15s}
.ar-gear-visual-link:hover .ar-gear-visual-hint,.ar-gear-visual-link:focus .ar-gear-visual-hint,
.ar-gear-visual-abre:hover .ar-gear-visual-hint,.ar-gear-visual-abre:focus-visible .ar-gear-visual-hint{transform:none}
body.pagina-artista .ar-gear-visual-abre{
appearance:none;border:0;font:inherit;color:inherit;text-align:inherit;
cursor:zoom-in;
}
body.pagina-artista .ar-gear-visual.tiene-imagen img:not(.ar-gear-fondo){
transform-origin:50% 50%;
transition:transform .3s cubic-bezier(.22,.61,.36,1);
}
body.pagina-artista .ar-gear-visual-abre:hover img:not(.ar-gear-fondo),
body.pagina-artista .ar-gear-visual-abre:focus-visible img:not(.ar-gear-fondo){
transform:scale(1.06);
}
body.pagina-artista .ar-gear-visual-abre:focus-visible{
outline:2px solid #E96B21;outline-offset:-2px;
}
.ar-lupa-velo{
position:fixed;inset:0;z-index:8990;
background:rgba(12,10,9,0);
transition:background .26s ease;
}
.ar-lupa-velo[hidden]{ display:none }
.ar-lupa-velo.abierto{ background:rgba(12,10,9,.62) }
.ar-lupa-marco{
position:fixed;z-index:9000;
border-radius:4px;
overflow:visible;
cursor:zoom-out;
transition:left .28s cubic-bezier(.22,.61,.36,1),
top .28s cubic-bezier(.22,.61,.36,1),
width .28s cubic-bezier(.22,.61,.36,1),
height .28s cubic-bezier(.22,.61,.36,1),
box-shadow .28s ease,
border-radius .28s ease;
}
.ar-lupa-marco[hidden]{ display:none }
.ar-lupa-marco.abierta{
border-radius:8px;
box-shadow:0 26px 64px rgba(0,0,0,.62);
}
.ar-lupa-marco img{
display:block;width:100%;height:100%;
object-fit:cover;
border-radius:inherit;
background:#15120f;
}
.ar-lupa-marco.abierta img{ object-fit:contain }
.ar-lupa-pie{
position:absolute;left:0;right:0;top:100%;
display:flex;align-items:baseline;justify-content:space-between;gap:14px;
flex-wrap:wrap;padding:9px 2px 0;
opacity:0;transition:opacity .2s ease .12s;
pointer-events:none;
}
.ar-lupa-marco.abierta .ar-lupa-pie{ opacity:1;pointer-events:auto }
.ar-lupa-tit{ font:600 14px/1.35 Georgia,serif;color:#F2EEE6 }
.ar-lupa-link{
font:500 11.5px/1.35 'Funnel Sans',system-ui,sans-serif;letter-spacing:.04em;
color:#E96B21;text-decoration:none;white-space:nowrap;
border-bottom:1px solid rgba(233,107,33,.45);
}
.ar-lupa-link:hover{ border-bottom-color:#E96B21 }
.ar-lupa-link[hidden]{ display:none }
body.pagina-artista .ar-gear-visual.ar-lupa-origen img{ opacity:.18 }
.ar-quien-quien.con-foto{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ar-quien-foto{flex:0 0 auto;display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;
border:1px solid rgba(140,130,115,.3);background:rgba(140,130,115,.08)}
.ar-quien-foto img{width:100% !important;height:100% !important;object-fit:cover;display:block}
.ar-art-foto-vacia{display:block;width:72px;height:72px;border-radius:50%;border:1px dashed rgba(233,107,33,.6);background:rgba(233,107,33,.06)}
[data-edita-gear].ar-edita-sobre .ar-gear-visual,[data-edita-slug].ar-edita-sobre .ar-cara{outline:2px dashed rgba(233,107,33,.75);outline-offset:2px}
.ar-edita-aviso{position:absolute;left:8px;top:8px;z-index:3;font:500 10.5px/1 system-ui,sans-serif;letter-spacing:.04em;
padding:4px 7px;border-radius:3px;background:#E96B21;color:#fff}
.ar-edita-aviso.mal{background:#a33}
[data-edita-gear]{position:relative}
[data-edita-slug]{position:relative}
.ar-mod-foto{flex:0 0 auto;position:relative;display:block;width:160px;height:160px;border-radius:6px;overflow:hidden;
background:#15120f;border:1px solid rgba(140,130,115,.25)}
.ar-mod-foto img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;z-index:1}
.ar-mod-foto img.ar-gear-fondo{display:none}
.ar-mod-foto-vacia{border:1px dashed rgba(233,107,33,.6);background:rgba(233,107,33,.06)}
.ar-art-cab-uno.con-foto .ar-mod-foto{margin-right:2px}
@media (max-width:600px){ .ar-mod-foto{width:96px;height:96px} }
.ar-menu{position:fixed;z-index:9000;min-width:220px;padding:6px;border-radius:6px;background:#1c1815;border:1px solid rgba(233,107,33,.45);
box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column}
.ar-menu[hidden]{display:none}
.ar-menu button{text-align:left;font:500 13px/1.2 system-ui,sans-serif;padding:9px 12px;border:0;border-radius:4px;background:transparent;color:#f4efe9;cursor:pointer}
.ar-menu button:hover{background:rgba(233,107,33,.18);color:#fff}
.ar-menu button.malo{color:#e08a7a;border-top:1px solid rgba(255,255,255,.08);margin-top:4px;border-radius:0 0 4px 4px}
.ar-menu button.malo:hover{background:rgba(180,50,40,.25)}
body.pagina-artista .ar-gear-card.ar-sacada{opacity:.35;filter:grayscale(1)}
.ar-edit-form{grid-column:1/-1;padding:12px 14px 12px;border-top:1px dashed rgba(233,107,33,.5);background:rgba(233,107,33,.05);
display:flex;flex-direction:column;gap:8px;font:400 13px/1.4 system-ui,sans-serif}
.ar-edit-form label{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ar-edit-form label>span{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:#a49b90}
.ar-edit-form input,.ar-edit-form textarea,.ar-edit-form select{font:inherit;padding:6px 8px;border:1px solid rgba(140,130,115,.35);border-radius:3px;
background:#15120f;color:#f4efe9;width:100%}
.ar-edit-form input:focus,.ar-edit-form textarea:focus,.ar-edit-form select:focus{outline:none;border-color:#E96B21}
.ar-edit-form textarea{min-height:52px;resize:vertical}
.ar-edit-fila{display:flex;gap:8px;flex-wrap:wrap}
.ar-edit-fila label{flex:1 1 90px}
.ar-edit-check{flex-direction:row !important;align-items:center;gap:8px !important}
.ar-edit-check input{width:auto !important;accent-color:#E96B21}
.ar-edit-pie{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.ar-edit-fuente{font-size:11px;color:#a49b90;flex:1}
.ar-edit-btn{font:600 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border:1px solid rgba(140,130,115,.4);border-radius:3px;background:transparent;color:#f4efe9;cursor:pointer}
.ar-edit-btn.primario{background:#E96B21;border-color:#E96B21;color:#fff}
.ar-cara{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;
background:#1c1815;border:1px solid rgba(140,130,115,.3);text-decoration:none;color:inherit;vertical-align:middle}
.ar-cara img{width:100% !important;height:100% !important;object-fit:cover;object-position:center;display:block}
.ar-cara-56{width:56px;height:56px}
.ar-cara-96{width:96px;height:96px}
.ar-cara-ini{font:600 18px/1 'Funnel Sans',system-ui,sans-serif;letter-spacing:.04em;color:#a49b90}
.ar-cara-96 .ar-cara-ini{font-size:30px}
a.ar-cara:hover{border-color:#E96B21}
body.pagina-artista [data-edita-slug] .ar-cara-sin{border:1px dashed rgba(233,107,33,.6);background:rgba(233,107,33,.06)}
.ar-art-cab-uno.con-foto{gap:20px}
.ar-quien-quien.con-foto{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ar-menu button.ar-menu-agregar{color:#E96B21;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;border-radius:4px 4px 0 0}
.ar-menu button.ar-menu-persona{color:#c9726a;border-top:1px solid rgba(255,255,255,.14);margin-top:6px;padding-top:11px;opacity:.72}
.ar-menu button.ar-menu-persona:hover{opacity:1;background:rgba(180,50,40,.3);color:#f0b6ac}
.ar-alta-form{margin:0 0 22px;border:1px dashed rgba(233,107,33,.5);border-radius:6px}
.ar-alta-tit{font:600 12px/1 'Funnel Sans',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#E96B21;margin-bottom:4px}
.ar-quien-caras{list-style:none;margin:2px 0 14px;padding:0 0 0 6px;display:flex;flex-wrap:wrap;align-items:center}
.ar-quien-caras li{margin-left:-12px}
.ar-quien-caras li:first-child{margin-left:0}
.ar-quien-caras a{display:block;border-radius:50%}
.ar-quien-caras img{width:56px !important;height:56px !important;border-radius:50%;object-fit:cover;display:block;
border:3px solid #fff;background:#eee;box-shadow:0 1px 5px rgba(0,0,0,.25);transition:transform .18s,border-color .18s}
.piel-archivo .ar-quien-caras img{border-color:#1a1614;background:#2a2420}
.ar-quien-caras a:hover img{transform:translateY(-5px) scale(1.08);border-color:#E96B21;position:relative;z-index:2}
@media (max-width:600px){ .ar-quien-caras img{width:44px !important;height:44px !important;border-width:2px} .ar-quien-caras li{margin-left:-10px} }
.ar-mod-cab.con-foto{align-items:flex-end}
.ar-mod-cab.con-foto .ar-art-cab-txt h1{margin-bottom:6px !important}
body.pagina-artista .ar-ent-corr{font-size:9.5px !important;letter-spacing:.04em;color:#7c756c !important;border-bottom-color:rgba(140,130,115,.3)}
body.pagina-artista .ar-ent-corr:hover{color:#E96B21 !important}
body.pagina-artista .ar-gear-visual.entera img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}
body.pagina-artista .ar-gear-visual.entera img.ar-gear-fondo{display:block;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;filter:blur(14px) brightness(.45) saturate(.8);z-index:0}
body.pagina-artista .ar-gear-visual.repetida img:not(.ar-gear-fondo){ opacity:.42;filter:grayscale(.55) }
body.pagina-artista .ar-gear-visual.repetida .ar-gear-fondo{ opacity:.25 }
body.pagina-artista .ar-gear-visual.repetida:hover img:not(.ar-gear-fondo){ opacity:.7;filter:grayscale(.2) }
body.pagina-artista .ar-gear-ref{
position:absolute;left:8px;right:8px;bottom:8px;z-index:2;
font:500 10px/1.25 "Inter",system-ui,sans-serif;letter-spacing:.04em;
color:rgba(232,228,220,.78);text-align:center;
padding:4px 6px;border-radius:6px;
background:rgba(21,18,15,.72);backdrop-filter:blur(3px);
pointer-events:none;
}
body.pagina-artista .ar-gear-visual-link.repetida:hover .ar-gear-ref{ opacity:0 }
body.pagina-artista .ar-gear-visual.entera.con-color img.ar-gear-fondo{ display:none }
body.pagina-artista .ar-gear-visual.entera.con-color img:not(.ar-gear-fondo){ inset:0;width:100%;height:100%;object-fit:contain }
body.pagina-artista .ar-gear-card .ar-gear-titulo{
display:block;color:#F2EEE6;
font:600 15px/1.28 Georgia,serif;
}
body.pagina-artista .ar-gear-card .ar-gear-titulo .ar-ent-marca,
body.pagina-artista .ar-gear-card .ar-gear-titulo .ar-ent-que{
display:inline !important;margin:0 !important;
font:inherit !important;letter-spacing:0 !important;text-transform:none !important;
color:inherit !important;
}
body.pagina-artista .ar-gear-card .ar-gear-titulo .ar-ent-que.con-punto::before{ content:'· ';color:#8E867B }
@media (max-width:820px){
body.pagina-artista .ar-gear-card .ar-gear-titulo{ font-size:14.5px }
}
.ar-ah-mesa3{margin:22px 0 18px;padding:46px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ar-ah-mesa3::-webkit-scrollbar{display:none}
.ar-ah-lonja{list-style:none;margin:0;padding:0;display:flex;align-items:center;
width:max-content;height:143px}
.ar-ah-l2{height:153px;margin-top:-34px}
.ar-ah-l3{height:139px;margin-top:-30px}
.ar-ah-mesa3.lista .ar-ah-lonja{animation:ar-ah-rodar 120s linear infinite}
.ar-ah-l2{padding-left:46px}
.ar-ah-mesa3.lista .ar-ah-l2{animation:ar-ah-rodar-alreves 120s linear infinite}
.ar-ah-l3{padding-left:22px}
.ar-ah-mesa3:hover .ar-ah-lonja,.ar-ah-mesa3.quieta .ar-ah-lonja{animation-play-state:paused}
@keyframes ar-ah-rodar{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes ar-ah-rodar-alreves{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){.ar-ah-mesa3.lista .ar-ah-lonja{animation:none}}
.ar-ah-it{flex:0 0 auto;position:relative;margin-left:var(--dx,-14px);z-index:var(--z,1);
transform:translateY(var(--y,0px)) rotate(var(--r,0deg)) scale(calc(var(--s,100) / 100))}
.ar-ah-it a{display:block;transition:transform .18s}
.ar-ah-it:hover,.ar-ah-it:focus-within{z-index:20}
.ar-ah-cara img{display:block;width:114px !important;height:114px !important;border-radius:50%;object-fit:cover;
border:3px solid #14110f;background:#1c1815;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.ar-ah-cara a:hover,.ar-ah-cara a:focus{transform:scale(1.14)}
.ar-ah-gear a{padding:4px 4px var(--pb,6px);background:#f4efe9;border-radius:2px;
box-shadow:0 6px 16px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.4)}
.ar-ah-gear img{display:block;width:118px !important;height:118px !important;object-fit:cover;border-radius:1px;background:#1c1815}
.ar-ah-gear a:hover,.ar-ah-gear a:focus{transform:scale(1.14)}
.ar-ah-crece{margin:2px 0 0;max-width:640px;font-size:14px;line-height:1.55;color:#b7aea3}
.ar-ah-crece a{color:#e8a463;text-decoration:none;border-bottom:1px solid rgba(232,164,99,.4)}
.ar-ah-crece a:hover{color:#f4efe9;border-bottom-color:currentColor}
@media (max-width:700px){
.ar-ah-mesa3{margin:16px 0 14px;padding:26px 0}
.ar-ah-lonja{height:70px}
.ar-ah-l2{height:76px;margin-top:-16px}
.ar-ah-l3{height:68px;margin-top:-14px}
.ar-ah-l2{padding-left:34px}
.ar-ah-l3{padding-left:16px}
.ar-ah-it{margin-left:-11px}
.ar-ah-cara img{width:50px !important;height:50px !important;border-width:2px}
.ar-ah-gear img{width:55px !important;height:55px !important}
.ar-ah-cara a:hover,.ar-ah-gear a:hover{transform:none}
}
@media (max-width: 700px) {
.card-chip-nuevo, .card-chip-verif, .card-chip, [class*="card-chip-"], .ar-chapa {
font-size: 7px !important;
letter-spacing: .08em !important;
padding: 3px 5px !important;
width: min-content !important;
white-space: normal !important;
text-align: center !important;
line-height: 1.3 !important;
}
.card-chip-nuevo, .card-chip-verif, .card-chip, [class*="card-chip-"], .ar-chapa,
.card-chips { top: 14px !important; }
}
.pulpa-sello { position: relative; display: inline-block; width: 120px; height: 120px; }
.pulpa-sello svg { display: block; width: 100%; height: 100%; overflow: visible; }
.pulpa-sello-aro { transform-origin: 50% 50%; animation: pulpa-sello-gira 22s linear infinite; }
.pulpa-sello-aro text {
font: 600 8px 'Helvetica Neue', Arial, sans-serif;
text-transform: uppercase;
fill: #f2ede4;
}
.pulpa-sello-huella {
position: absolute; inset: 0; margin: auto; width: 45%; height: 45%;
background-position: center; background-size: contain; background-repeat: no-repeat;
animation: pulpa-sello-gira-inv 48s linear infinite;
}
@keyframes pulpa-sello-gira     { to { transform: rotate(360deg); } }
@keyframes pulpa-sello-gira-inv { to { transform: rotate(-360deg); } }
@media (prefers-reduced-motion: reduce) {
.pulpa-sello-aro, .pulpa-sello-huella { animation: none; }
}
.tienda-banner { position: relative; }
.pulpa-sello.sello-en-banner {
position: absolute; right: 18px; bottom: 16px; z-index: 2;
filter: drop-shadow(0 1px 3px rgba(0,0,0,.55));
}
@media (max-width: 900px) { .pulpa-sello.sello-en-banner { display: none; } }
.ar-puertas .ar-puerta h3.ar-puerta-tit-busca {
font-size: 30px !important; line-height: 1.15 !important; letter-spacing: .03em !important;
text-transform: none !important;
}
@media (max-width: 900px) {
.ar-puertas .ar-puerta h3.ar-puerta-tit-busca { font-size: 25px !important; }
}
.piel-archivo .ar-hero.hero-editorial .ar-hero-txt h1 {
white-space: pre-line;
text-transform: none !important;
font-size: clamp(28px, 2.9vw, 40px) !important;
line-height: 1.12 !important;
letter-spacing: -0.01em !important;
max-width: 24ch !important;
text-wrap: initial !important;
}
.piel-archivo .ar-hero.hero-editorial .ar-hero-frase { font-size: 16px; max-width: 560px; }
.piel-archivo .ar-hero.hero-editorial .ar-hero-frase { text-wrap: balance; }
.piel-archivo .ar-hero.hero-editorial .ar-hero-frase-fin { font-weight: 500; color: #fff; display: block; margin-top: 8px; text-wrap: balance; }
.piel-archivo .ar-hero.hero-mensaje .ar-hero-ver { display: inline-flex !important; }
.piel-archivo .ar-hero.hero-mensaje .ar-hero-ver[hidden] { display: none !important; }
@media (max-width: 700px) {
.piel-archivo .ar-hero.hero-editorial .ar-hero-txt h1 { font-size: 32px !important; line-height: 1.12 !important; }
.piel-archivo .ar-hero.hero-editorial .ar-hero-frase { font-size: 14px; }
}
.piel-archivo .ar-hero.hero-mensaje:not(.hero-editorial) .ar-hero-txt h1 {
font-size: clamp(24px, 2.3vw, 36px) !important;
line-height: 1.1 !important;
max-width: 24ch !important;
margin-bottom: 14px !important;
}
.piel-archivo .ar-hero.hero-mensaje:not(.hero-editorial) .ar-hero-specs { max-width: 50ch !important; margin-bottom: 18px !important; }
.piel-archivo .ar-hero.hero-mensaje:not(.hero-editorial) .ar-hero-frase { max-width: 50ch; font-size: 15px !important; line-height: 1.5 !important; }
@media (max-width: 700px) {
.piel-archivo .ar-hero.hero-mensaje:not(.hero-editorial) .ar-hero-txt h1 { font-size: 24px !important; }
.piel-archivo .ar-hero.hero-mensaje:not(.hero-editorial) .ar-hero-frase { font-size: 13.5px !important; }
}
.piel-archivo .ar-hero.hero-bienvenida .ar-hero-txt h1 {
white-space: pre-line;
max-width: 28ch !important;
text-wrap: initial !important;
}
.card-chip-estado.card-faja-vendida   { background: #c4503c !important; color: #fff !important; }
.card-chip-estado.card-faja-reservada { background: var(--ar-ink) !important; color: #fff !important; }
.card-chip-estado.card-faja-archivo   { background: #f7f3ed !important; color: #1a1208 !important; }
.dpp-reservada { margin: 0 0 12px; }
.dpp-reservada b {
display: inline-block;
padding: 5px 10px;
background: #1a1208;
color: #f7f3ed;
font-size: 10px;
font-weight: 500;
letter-spacing: .2em;
text-transform: uppercase;
border-radius: 2px;
}
.dpp-reservada span { display: block; margin-top: 6px; font-size: 11.5px; color: #6b5d4f; }
.ar-puertas.ar-puertas-una .wrap { display: block; }
.ar-puertas.ar-puertas-una .wrap::before { display: none; }
.ar-puertas.ar-puertas-una .ar-puerta { max-width: 640px; margin: 0 auto; text-align: center; }