/* aperturacajafuerte.es · capa de diseño sobre web.css, con el lenguaje de cajasfuertestienda.es (misma empresa):
   crema, blanco, tinta y cobre; Inter; iconos de línea naranjas en cajas blancas; baldosas pastel; chat «¿Te ayudamos?». */
:root{--cf-g:linear-gradient(135deg,#ff8a3d 0%,#f2622e 55%,#d9361c 100%);--cf-ink:#1f1a17;--cf-ink2:#57534f;--cf-mut:#6b635d;--cf-cr:#f4f2ef;--cf-cr2:#fbfaf8;--cf-ln:#ece7e1;--cf-or:#e2552a;--cf-or2:#c24a1e;--cf-vb:#fff3ec;--adw-radius:24px}
html,body.adw-page{overflow-x:clip}
body.adw-page{background:var(--cf-cr);color:var(--cf-ink)}
.adw-page h1,.adw-page h2,.adw-page h3{font-weight:650;letter-spacing:-.035em;color:var(--cf-ink)}
.adw-page h1 em,.adw-page h2 em{font-style:normal;color:var(--cf-or)}
.adw-eyebrow{color:var(--cf-or2)}
.adw-link{color:var(--cf-or2)}

/* ---------- Cabecera: franja superior + barra blanca flotante */
.adw-header{background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 0 8px}
.adw-header:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--cf-cr) 65%,#f4f2ef00);z-index:-1;pointer-events:none}
.adw-topbar{background:transparent!important;color:var(--cf-ink2);font-size:13px;border:0!important}
.adw-topbar .adw-wrap{justify-content:center}.adw-topbar .adw-i{color:var(--cf-or)}
.adw-topbar a{color:var(--cf-ink2)}
.adw-bar{background:#fff;border-radius:22px;padding:0 12px 0 18px;min-height:66px;box-shadow:0 10px 30px -18px #1f1a1740;border:1px solid var(--cf-ln)}
.adw-header .adw-icon-btn{background:#fff;border:1px solid var(--cf-ln);color:var(--cf-ink);border-radius:14px}
.adw-header .adw-phone{color:var(--cf-ink)}.adw-header .adw-phone .adw-i{color:var(--cf-or)}
.adw-nav-link{color:var(--cf-ink);font-weight:550}
.adw-nav-link:hover,.adw-nav-link[aria-expanded=true]{background:var(--cf-cr)}
.adw-mega{border-radius:0 0 26px 26px;border-color:var(--cf-ln)}
.adw-logo-svg{height:34px;width:auto}
.adw-cta{background:var(--cf-ink)!important;color:#fff!important;box-shadow:none!important}
@media (max-width:1080px){
 .adw-topbar{display:block!important}
 .adw-topbar .adw-wrap{display:flex;justify-content:center;font-size:12.5px;padding:7px 0;min-height:0}
 .adw-topbar .adw-wrap>*:not(:nth-child(2)){display:none}
 .adw-header .adw-wrap.adw-bar{width:calc(100% - 20px);padding:0 8px;min-height:60px;gap:8px}
 .adw-actions{display:contents}
 .adw-burger{order:-1;width:44px;height:44px;border-radius:14px!important}
 .adw-brand{margin-right:auto}
 .adw-logo-svg{height:27px}
 .adw-header .adw-cta,.adw-header .adw-phone span{display:none!important}
 .adw-header .adw-phone{order:3;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--cf-ln);border-radius:14px;padding:0}
 .adw-header [data-search-open]{order:2;width:44px;height:44px}
}
@media (max-width:360px){.adw-header [data-search-open]{display:none}}

/* ---------- Botones */
.adw-btn{border-radius:999px;min-height:52px;font-weight:650}
.adw-btn--primary{background:var(--cf-ink)!important;color:#fff!important;box-shadow:0 12px 26px -14px #1f1a17;border:0}
.adw-btn--primary:hover{background:#000!important}
.adw-btn--primary .adw-i{color:#ff8a3d}
.adw-btn--light,.adw-btn--ghost{background:#fff!important;border:1px solid var(--cf-ln)!important;color:var(--cf-ink)!important;backdrop-filter:none}
.adw-btn--light:hover{background:var(--cf-cr2)!important}
.adw-btn--light .adw-i,.adw-btn--ghost .adw-i{color:var(--cf-or)}

/* ---------- Cabecera de página clara (como la tienda) */
.adw-hero{background:var(--cf-cr)!important;color:var(--cf-ink)}
.adw-hero:before,.adw-hero:after{display:none!important}
.adw-hero .adw-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:999px;background:var(--cf-ink);color:#fff;font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:600}
.adw-hero .adw-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#34c46e;box-shadow:0 0 0 3px #34c46e40;animation:cfPulse 2s infinite}
@keyframes cfPulse{50%{box-shadow:0 0 0 7px #34c46e00}}
.adw-hero h1{color:var(--cf-ink);font-weight:650;letter-spacing:-.045em}
.adw-hero h1 em{color:var(--cf-or)}
.adw-hero .adw-lead,.adw-hero p{color:var(--cf-ink2)}
.adw-crumbs,.adw-crumbs a,.adw-crumbs span{color:var(--cf-mut)!important}
.adw-hero-scene svg,.adw-hero-scene img{background:#fff!important;border:1px solid var(--cf-ln)!important;box-shadow:0 30px 60px -40px #1f1a1766!important;border-radius:30px}
.adw-hero-scene{position:relative}
.cf-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 13px 8px 8px;border-radius:16px;background:#fff;border:1px solid var(--cf-ln);box-shadow:0 14px 30px -16px #1f1a1766;font-size:13px;font-weight:650;color:var(--cf-ink);animation:cfFloat 5s ease-in-out infinite;white-space:nowrap;line-height:1.2}
.cf-chip small{display:block;font-size:11.5px;font-weight:500;color:var(--cf-mut)}
.cf-chip i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--cf-vb);color:var(--cf-or);font-style:normal}
.cf-chip i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cf-chip--a{left:-8px;top:12%}.cf-chip--b{right:-8px;top:50%;animation-delay:-2s}.cf-chip--c{left:10%;bottom:-12px;animation-delay:-3.5s}
.cf-chip--b i{background:#e8f7ee;color:#1faa59}
@keyframes cfFloat{50%{transform:translateY(-7px)}}
.adw-answer{background:#fff;border-color:var(--cf-ln)}

/* ---------- Tarjetas e iconos de línea */
.adw-card,.adw-answer,.adw-steps li,.adw-process li,.adw-faq details,.adw-assist-inline,.adw-feature,.adw-result{border-radius:24px;border:1px solid var(--cf-ln);background:#fff}
.adw-card{box-shadow:0 14px 34px -28px #1f1a1766;color:var(--cf-ink)}
@media (hover:hover){a.adw-card:hover{border-color:#e3d8cf;box-shadow:0 24px 44px -28px #1f1a1780;transform:translateY(-3px)}}
.adw-card-photo{background:linear-gradient(160deg,#f6f1ec,#efe8e1);margin:8px 8px 0;border-radius:18px;overflow:hidden}
.adw-card-photo img{border-radius:18px}
.adw-card-icon{background:#fff!important;color:var(--cf-or)!important;border:1px solid var(--cf-ln);border-radius:14px;box-shadow:0 6px 14px -10px #1f1a1766}
.adw-card-icon .adw-i{color:var(--cf-or)!important}
.adw-more{color:var(--cf-ink)!important;font-weight:650}
.adw-soft{background:#fff!important}
.adw-section:not(.adw-soft):not(.adw-dark){background:var(--cf-cr)}
.adw-dark,.adw-cta-band,.adw-footer{background:var(--cf-ink)!important;color:#fff}
.adw-dark .adw-eyebrow,.adw-cta-band .adw-eyebrow{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--cf-g);color:#fff;letter-spacing:.02em;text-transform:none;font-size:12.5px}
.adw-dark h2,.adw-dark h3,.adw-cta-band h2{color:#fff}
.adw-dark p,.adw-cta-band p{color:#e4ddd6}
.adw-dark .adw-process li,.adw-dark .adw-card,.adw-dark .adw-steps li{background:#2a2420;border-color:#3a322c;color:#fff}
.adw-dark .adw-process-icon,.adw-dark .adw-card-icon{background:var(--cf-g)!important;color:#fff!important;border:0}
.adw-dark .adw-card-icon .adw-i{color:#fff!important}
.adw-steps li:before{color:var(--cf-or)}
.adw-faq details{box-shadow:none}
.adw-faq summary .adw-i{color:var(--cf-or)}
.adw-compare thead th{background:var(--cf-ink);color:#fff}
.adw-chips li{background:#fff;border-color:var(--cf-ln)}.adw-chips .adw-i{color:var(--cf-or)}
.adw-map>svg{background:linear-gradient(180deg,#fbfaf8,#f2ece6)!important;border-color:var(--cf-ln)!important}
.adw-footer a{color:#e8e2dc}.adw-foot-title{color:#fff}
.adw-cta-band .adw-btn--primary{background:var(--cf-g)!important}
.adw-cta-band .adw-btn--primary .adw-i{color:#fff}

/* El asistente lateral y la barra del motor se sustituyen por el chat y el botón de llamada */
.adw-dock,.adw-launcher,.apcf-flot{display:none!important}
.adw-opt{border-radius:18px;background:var(--cf-cr2);border-color:var(--cf-ln)}
.adw-msg--me{background:var(--cf-ink)!important;color:#fff!important}
body.adw-page{padding-bottom:0!important}

/* ---------- Portada */
.adw-key-home .adw-hero{padding:18px 0 6px}
.adw-key-home .adw-hero h1{font-size:clamp(36px,9.4vw,64px);line-height:1.03}
.adw-key-home .adw-hero .adw-lead{font-size:16.5px}
@media (max-width:1080px){.adw-key-home .adw-hero-scene{max-width:400px;margin:20px auto 8px;width:calc(100% - 24px)}}

/* Asistente rápido (dos preguntas) con baldosas pastel como el menú de la tienda */
.apr-top{padding:6px 0 10px;background:var(--cf-cr)}
.apr-acts{display:none}
.apr-card{background:#fff;color:var(--cf-ink);border-radius:28px;padding:20px 14px 16px;border:1px solid var(--cf-ln);box-shadow:0 24px 50px -36px #1f1a1780;scroll-margin-top:110px}
.apr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 4px 14px}
.apr-head h2{font-size:23px;line-height:1.15;margin:4px 0 0;color:var(--cf-ink)}
.apr-kicker{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--cf-or2)}
.apr-kicker .adw-i{width:16px;height:16px}
.apr-dots{display:flex;gap:5px;padding-top:8px}.apr-dots i{width:8px;height:8px;border-radius:9px;background:#ece7e1;transition:all .25s}.apr-dots i.on{background:var(--cf-or);width:20px}
.apr-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.apr-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px 13px;border-radius:22px;border:1px solid #efe6dc;background:linear-gradient(160deg,#fbf6f1,#f3ece4);color:var(--cf-ink);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;animation:cfIn .5s cubic-bezier(.16,1,.3,1) both}
.apr-tile:nth-child(2){background:linear-gradient(160deg,#fdf3ef,#f8e6df);animation-delay:.05s}
.apr-tile:nth-child(3){background:linear-gradient(160deg,#eef6f0,#e2efe6);border-color:#dcebe1;animation-delay:.1s}
.apr-tile:nth-child(4){background:linear-gradient(160deg,#fff4e8,#fbe7d3);border-color:#f3e0cc;animation-delay:.15s}
.apr-tile:nth-child(5){background:linear-gradient(160deg,#eef3fb,#e2e9f6);border-color:#dbe3f2;animation-delay:.2s}
.apr-tile:nth-child(6){background:linear-gradient(160deg,#f6f1ec,#efe8e1);animation-delay:.25s}
@media (hover:hover){.apr-tile:hover{transform:translateY(-2px);box-shadow:0 14px 26px -18px #1f1a1780}}
.apr-tile:active{transform:scale(.97)}
.apr-tile:focus-visible{outline:3px solid var(--cf-or);outline-offset:2px}
.cf-ib{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid #f0e6dc;color:var(--cf-or);box-shadow:0 6px 14px -10px #1f1a1766;margin-bottom:8px;transition:transform .3s}
.apr-tile:hover .cf-ib{transform:rotate(-6deg) scale(1.06)}
.cf-ib svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apr-tile strong{font-size:16px;line-height:1.2;font-weight:700}
.apr-tile small{font-size:13px;line-height:1.3;color:var(--cf-mut)}
.apr-tiles--2 .apr-tile{align-items:center;text-align:center;padding:20px 12px}
.apr-tiles--2 .cf-ib{width:56px;height:56px;border-radius:18px}.apr-tiles--2 .cf-ib svg{width:28px;height:28px}
.apr-q{font-weight:700;font-size:18px;margin:0 4px 12px}
.apr-back{margin:14px 4px 0;background:none;border:0;color:var(--cf-or2);font:inherit;font-weight:650;font-size:14.5px;cursor:pointer;padding:6px 0}
.apr-foot{display:flex;align-items:center;gap:8px;margin:14px 4px 0;font-size:12.5px;color:var(--cf-mut)}.apr-foot .adw-i{width:16px;height:16px;color:#1faa59}
.apr-out{animation:cfIn .35s cubic-bezier(.16,1,.3,1)}
@keyframes cfIn{from{opacity:0;transform:translateY(10px)}}
.apr-eti{margin:0 4px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#168a48}
.apr-out h3{font-size:23px;margin:0 4px 10px;line-height:1.15;color:var(--cf-ink)}
.apr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 4px 12px}.apr-chips span{padding:6px 11px;border-radius:999px;background:var(--cf-vb);color:#9a3412;font-size:12.5px;font-weight:650}
.apr-tips{list-style:none;margin:0 4px 16px;padding:0;display:grid;gap:8px}
.apr-tips li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.45;color:var(--cf-ink2)}
.apr-tips li:before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:#e8f7ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231faa59' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat}
.apr-call{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:20px;background:var(--cf-ink);color:#fff!important;text-decoration:none;box-shadow:0 14px 30px -16px #1f1a17}
.apr-call strong{display:block;font-size:18px;line-height:1.2}.apr-call small{display:block;font-size:13px;opacity:.8}
.apr-call-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cf-g);flex:none;animation:cfRing 2.4s infinite}
.apr-call-ic svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2}
@keyframes cfRing{0%,70%,100%{box-shadow:0 0 0 0 #ff8a3d80}35%{box-shadow:0 0 0 10px #ff8a3d00}}
.apr-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.apr-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 12px;border-radius:999px;border:1px solid var(--cf-ln);background:#fff;color:var(--cf-ink);font:inherit;font-weight:650;font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer}
.apr-btn--wa{background:#1faa59;border-color:#1faa59;color:#fff!important}
.apr-btn:disabled{opacity:.5}
.apr-more{display:inline-block;margin:12px 4px 0;color:var(--cf-or2);font-weight:650;font-size:14.5px;text-decoration:none}
.apr-form form{display:grid;gap:10px;margin-top:14px;padding:16px;border-radius:20px;background:var(--cf-cr2);border:1px solid var(--cf-ln)}
.apr-form label{display:grid;gap:4px;font-size:13.5px;font-weight:650;color:var(--cf-ink2)}
.apr-form input:not([type=checkbox]){height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--cf-ln);background:#fff;font:inherit;font-size:16px}
.apr-form input:focus{outline:none;border-color:#ff8a3d}
.apr-form .apr-ok{display:flex;gap:8px;align-items:flex-start;font-weight:500;font-size:13px}
.apr-hp{position:absolute;left:-9999px}
.apr-send{height:50px;border:0;border-radius:999px;background:var(--cf-g);color:#fff;font:inherit;font-weight:700;font-size:15.5px;cursor:pointer}
.apr-msg{margin:0;font-size:13.5px;color:#c2334f}
.apr-done{margin-top:14px;padding:16px;border-radius:20px;background:#e8f7ee;color:#0b5c40}.apr-done p{margin:4px 0 0}

/* Aparición suave al hacer scroll */
.cf-rev{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.cf-rev.cf-on{opacity:1;transform:none}

/* ---------- Chat «¿Te ayudamos?» (mismo componente que la tienda) */
.cf-cv{--g:var(--cf-g);--tx:var(--cf-ink);--tx2:#57536f;--ln:#e8e6f0;position:fixed;right:16px;bottom:16px;z-index:99970;font-family:inherit;color:var(--tx)}
.cf-cv *{box-sizing:border-box}
.cf-cv button{font-family:inherit}
.cf-cv__lancar{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 8px;border:0;border-radius:999px;background:#1f1a17;color:#fff;font-size:15px;font-weight:600;cursor:pointer;position:relative;box-shadow:0 14px 34px -10px #1f1a178c;transition:transform .2s}
.cf-cv__lancar:hover{transform:translateY(-2px)}
.cf-cv__ico{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--g)}
.cf-cv svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cf-cv__online{position:absolute;left:38px;top:8px;width:12px;height:12px;border-radius:50%;background:#34c46e;border:2px solid #1f1a17}
.cf-cv[data-estado=aberto] .cf-cv__lancar,.cf-cv[data-estado=aberto] .cf-cv__teaser{display:none}
.cf-cv__teaser{position:absolute;right:0;bottom:70px;width:262px;padding:14px 34px 14px 16px;background:#fff;border:1px solid var(--ln);border-radius:18px 18px 4px 18px;box-shadow:0 18px 40px -14px #1f1a1759;font-size:14px;line-height:1.45;cursor:pointer;animation:cfCvIn .35s cubic-bezier(.16,1,.3,1) both}
.cf-cv__teaser[hidden]{display:none}.cf-cv__teaser p{margin:0}
.cf-cv__tx{position:absolute;right:6px;top:6px;width:24px;height:24px;border:0;border-radius:50%;background:#f3f2f7;color:var(--tx2);font-size:16px;line-height:1;cursor:pointer;padding:0}
.cf-cv__painel{position:absolute;right:0;bottom:0;width:min(390px,calc(100vw - 32px));height:min(600px,calc(100vh - 32px));display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -20px #1f1a1780;animation:cfCvIn .35s cubic-bezier(.16,1,.3,1) both}
.cf-cv__painel[hidden]{display:none}
@keyframes cfCvIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.cf-cv__cab{display:flex;align-items:center;gap:12px;padding:16px;background:var(--g);color:#fff}
.cf-cv__avatar{width:44px;height:44px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #ffffff59;color:var(--cf-or)}
.cf-cv__avatar svg{width:26px;height:26px}
.cf-cv__cab>div{flex:1;min-width:0}
.cf-cv__nome{margin:0;font-size:16px;font-weight:700;color:#fff}
.cf-cv__estado{margin:2px 0 0;font-size:13px;color:#ffffffe0;display:flex;align-items:center;gap:6px}
.cf-cv__estado:before{content:"";width:8px;height:8px;border-radius:50%;background:#7cf0a6}
.cf-cv__b2{width:38px;height:38px;border:0;border-radius:12px;background:#ffffff2e;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
.cf-cv__msgs{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 8px;background:#fbfaf8;display:flex;flex-direction:column;gap:8px}
.cf-cv__b{max-width:86%;padding:11px 14px;border-radius:18px;font-size:14.5px;line-height:1.5;animation:cfCvB .3s ease both;word-wrap:break-word}
@keyframes cfCvB{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cf-cv__b--loja{align-self:flex-start;background:#fff;border:1px solid var(--ln);border-bottom-left-radius:6px}
.cf-cv__b--eu{align-self:flex-end;background:#1f1a17;color:#fff;border-bottom-right-radius:6px}
.cf-cv__b a{color:#c24a1e;font-weight:600}
.cf-cv__escreve{align-self:flex-start;display:flex;gap:4px;padding:14px 16px;background:#fff;border:1px solid var(--ln);border-radius:18px;border-bottom-left-radius:6px}
.cf-cv__escreve i{width:7px;height:7px;border-radius:50%;background:#b9b4d0;animation:cfCvT 1s infinite}
.cf-cv__escreve i:nth-child(2){animation-delay:.15s}.cf-cv__escreve i:nth-child(3){animation-delay:.3s}
@keyframes cfCvT{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.cf-cv__chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px;animation:cfCvB .3s ease both}
.cf-cv__chips button,.cf-cv__chips a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border:1px solid #fdd3bc;border-radius:999px;background:#fff;color:#9a3412;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2}
.cf-cv__chips button:hover,.cf-cv__chips a:hover{background:#fff3ec;border-color:#ff8a3d}
.cf-cv__chips .is-wa{background:#1faa59;border-color:#1faa59;color:#fff}
.cf-cv__chips .is-tel{background:#1f1a17;border-color:#1f1a17;color:#fff}
.cf-cv__chips .is-voltar{border-style:dashed;color:var(--tx2);font-weight:500}
.cf-cv__chips svg{width:17px;height:17px}
.cf-cv__resumo{list-style:none;margin:8px 0 0;padding:10px 12px;background:#fff3ec;border-radius:12px;display:flex;flex-direction:column;gap:5px}
.cf-cv__resumo li{font-size:13.5px;line-height:1.35}
.cf-cv__resumo span{display:block;font-size:11px;font-weight:700;color:#c24a1e;text-transform:uppercase;letter-spacing:.04em}
.cf-cv__escrever{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ln);background:#fff}
.cf-cv__escrever input{flex:1;min-width:0;height:46px;border:1px solid var(--ln);border-radius:999px;padding:0 16px;font-size:16px;background:#fbfaf8;color:var(--tx)}
.cf-cv__escrever input:focus{outline:none;border-color:#ff8a3d}
.cf-cv__escrever button{width:46px;height:46px;flex:none;border:0;border-radius:50%;background:var(--g);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
@media (max-width:640px){
 .cf-cv{right:12px;bottom:12px}
 .cf-cv__lancar{height:54px;padding:0 16px 0 7px;font-size:14.5px}
 .cf-cv__ico{width:40px;height:40px}.cf-cv__online{left:34px;top:7px}
 .cf-cv__teaser{width:min(262px,calc(100vw - 24px))}
 .cf-cv[data-estado=aberto]{left:0;right:0;bottom:0}
 .cf-cv__painel{position:fixed;left:0;right:0;bottom:0;width:100%;height:88vh;height:88dvh;border-radius:24px 24px 0 0}
}


/* ---------- Escaparate y herramienta del mu-plugin */
.apcf-btn{background:var(--cf-ink)!important;color:#fff!important}.apcf-btn:hover{background:#000!important}
.apcf-eti{color:var(--cf-or2)}.apcf-ver{color:var(--cf-or2)}
.apcf-grid a{border-color:var(--cf-ln);border-radius:22px}
.apcf-img{background:linear-gradient(160deg,#f6f1ec,#efe8e1)}
.apcf-banner{background:var(--cf-ink)!important;border-radius:24px}.apcf-banner .apcf-eti{color:#ff8a3d}
.apcf-dec legend span{background:var(--cf-g)!important;color:#fff}
.apcf-dec-ops span{border-color:var(--cf-ln);border-radius:999px}
.apcf-dec-ops input:checked+span{background:var(--cf-ink)!important;border-color:var(--cf-ink)!important;color:#fff!important}
.apcf-dec-res{background:var(--cf-ink)!important;border-radius:24px}
.apcf-dec-eti{color:#ff8a3d!important}
.apcf-dec-btns .adw-btn--primary{background:var(--cf-g)!important}
@media (prefers-reduced-motion:reduce){.cf-chip,.cf-time li:before,.apr-call-ic,.adw-hero .adw-eyebrow:before,.apr-tile{animation:none}.cf-rev{opacity:1;transform:none}}
.adw-checks li:before{background:#fff3ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2552a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/15px no-repeat!important}
@media (max-width:1080px){.adw-key-home .adw-hero-scene{max-width:300px}}
.cf-cv__lancar{box-shadow:0 14px 34px -10px #1f1a178c,0 0 0 1.5px #ffffff40}
@media (max-width:1080px){.adw-hero-scene{max-width:300px;width:calc(100% - 24px);margin:18px auto 8px}}
@media (max-width:1080px){.adw-footer-bottom{padding-bottom:104px!important}}

/* =====================================================================
   Versión 4: secciones de colores en «hojas», iconos propios, menú tipo app, tienda destacada
   ===================================================================== */
.cf-sprite{position:absolute;width:0;height:0;overflow:hidden}
.cf-app{width:48px;height:48px;flex:none;display:block;filter:drop-shadow(0 8px 14px #1f1a1726)}
.cf-app--lg{width:58px;height:58px}

/* Secciones en hojas de colores que se montan una sobre otra: cada bloque se distingue a simple vista */
.adw-section.cf-s{position:relative;border-radius:36px 36px 0 0;margin-top:-34px;padding-top:62px;box-shadow:0 -22px 40px -32px #1f1a174d}
.cf-s--blanco{background:#fff!important}
.cf-s--crema{background:var(--cf-cr)!important}
.cf-s--melocoton{background:linear-gradient(180deg,#fff0e6,#fff7f1)!important}
.cf-s--menta{background:linear-gradient(180deg,#e7f5ec,#f3faf5)!important}
.cf-s--azul{background:linear-gradient(180deg,#e9effb,#f4f7fd)!important}
.cf-s--tienda{background:linear-gradient(160deg,#2a211c,#1f1a17 60%)!important;color:#fff}
.cf-s.adw-dark{background:var(--cf-ink)!important}
.cf-s+.adw-cta-band{position:relative;border-radius:36px 36px 0 0;margin-top:-34px}
.apr-top{position:relative;z-index:0;padding-bottom:58px}
/* Cabecera de sección: icono de app + qué es + para qué sirve */
.cf-head{align-items:flex-end}
.cf-head-l{display:flex;gap:16px;align-items:flex-start}
.cf-head-l>div{min-width:0}
.cf-head h2{margin:2px 0 0}
.cf-head p{margin:8px 0 0;color:var(--cf-ink2);font-size:16px;line-height:1.5;max-width:620px}
.adw-dark .cf-head p{color:#d9d1ca}
.cf-head .cf-app--lg{animation:cfPop .6s cubic-bezier(.34,1.56,.64,1) both;animation-play-state:paused}
.cf-on .cf-head .cf-app--lg,.cf-head.cf-on .cf-app--lg{animation-play-state:running}
@keyframes cfPop{from{transform:scale(.6) rotate(-10deg);opacity:0}}
@media (max-width:760px){.cf-head-l{flex-direction:column;gap:12px}.adw-section.cf-s{padding-top:50px;border-radius:30px 30px 0 0;margin-top:-30px}.cf-head .adw-link{margin-top:6px}}

/* Cifras en tira (sin baldosas) y camino de una apertura */
.cf-nums{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;background:var(--cf-ink);color:#fff;overflow:hidden}
.cf-nums>div{padding:18px 18px 16px;border-right:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
.cf-nums b{display:block;font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cf-nums b span{color:#ff9a5c}
.cf-nums small{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:#d9d1ca}
@media (min-width:900px){.cf-nums{grid-template-columns:repeat(4,1fr)}.cf-nums>div{border-bottom:0}}
.cf-time{list-style:none;margin:22px 0 0;padding:0 0 0 4px;position:relative;display:grid;gap:18px}
.cf-time:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(#ff8a3d,#d9361c);transform-origin:top;animation:cfLine 2.4s ease both}
@keyframes cfLine{from{transform:scaleY(0)}}
.cf-time li{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center}
.cf-time b{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #f2622e;color:#c24a1e;font-size:16px;position:relative;z-index:1}
.cf-time li:last-child b{background:var(--cf-g);color:#fff;border-color:#fff;box-shadow:0 0 0 3px #f2622e}
.cf-time strong{font-size:16px}.cf-time small{font-size:13.5px;color:var(--cf-mut)}

/* Servicios: tarjetas con foto y etiqueta, sin carrusel (estables al tocarlas) */
.cf-svc{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.cf-svc{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.cf-svc{grid-template-columns:repeat(3,1fr)}}
.cf-svc-card{display:flex;flex-direction:column;background:#fff;border:1px solid #f1e3d8;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--cf-ink);box-shadow:0 18px 36px -30px #1f1a1780;-webkit-tap-highlight-color:transparent}
.cf-svc-card:active{background:#fffaf6}
@media (hover:hover){.cf-svc-card{transition:box-shadow .2s,transform .2s}.cf-svc-card:hover{transform:translateY(-3px);box-shadow:0 26px 44px -28px #1f1a1780}}
.cf-ph{position:relative;display:block;overflow:hidden;background:linear-gradient(160deg,#f6f1ec,#efe8e1)}
.cf-svc-card .cf-ph{margin:8px 8px 0;border-radius:20px;aspect-ratio:16/9}
.cf-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cf-tag{position:absolute;left:10px;top:10px;padding:6px 11px;border-radius:999px;background:#fff;color:var(--cf-ink);font-size:12px;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 14px -8px #1f1a1799;line-height:1.1}
.cf-tag--new{background:var(--cf-g);color:#fff}
.cf-tag--env{left:auto;right:10px;background:#1faa59;color:#fff}
.cf-svc-b{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 18px 18px}
.cf-svc-b .cf-app{margin-top:-26px;border:3px solid #fff;border-radius:17px;box-sizing:content-box;background:#fff}
.cf-svc-b strong{font-size:18.5px;line-height:1.2;margin-top:6px}
.cf-svc-b small{font-size:14.5px;line-height:1.45;color:var(--cf-ink2)}
.cf-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:700;font-size:14.5px;color:var(--cf-or2)}
.cf-go .adw-i{width:18px;height:18px}
.cf-svc-card--tienda{background:var(--cf-ink);color:#fff;border-color:var(--cf-ink)}
.cf-svc-card--tienda small{color:#d9d1ca}.cf-svc-card--tienda .cf-go{color:#ff9a5c}.cf-svc-card--tienda .cf-app{border-color:var(--cf-ink);background:var(--cf-ink)}

/* Fotos con etiqueta y pie */
.cf-fig{position:relative;margin:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -40px #1f1a1780}
.cf-fig img{display:block;width:100%;height:auto}
.cf-fig .cf-tag{left:14px;top:14px;background:var(--cf-g);color:#fff}
.cf-fig figcaption,.cf-shop-pic figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 14px;border-radius:16px;background:#ffffffeb;color:var(--cf-ink);font-size:13.5px;font-weight:600;backdrop-filter:blur(6px)}

/* Tienda: nueva y destacada */
.cf-shop{color:#fff}
.cf-shop-hero{display:grid;gap:22px;align-items:center}
@media (min-width:900px){.cf-shop-hero{grid-template-columns:1.15fr .85fr;gap:44px}}
.cf-new{display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 11px;border-radius:999px;background:var(--cf-g);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cf-new i{width:9px;height:9px;border-radius:50%;background:#fff;animation:cfPulseW 1.8s infinite}
@keyframes cfPulseW{0%{box-shadow:0 0 0 0 #ffffffb3}100%{box-shadow:0 0 0 9px #fff0}}
.cf-shop h2{color:#fff!important;font-size:clamp(30px,7.4vw,48px);line-height:1.05;margin:14px 0 12px}
.cf-shop h2 em{color:#ff9a5c!important}
.cf-shop-txt p{color:#e4ddd6;font-size:16.5px;line-height:1.55;margin:0}
.cf-shop-txt strong{color:#fff}
.cf-shop-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cf-shop-cta .adw-btn--primary{background:var(--cf-g)!important;box-shadow:0 16px 30px -14px #f2622e}
.cf-shop-cta .adw-btn--primary .adw-i{color:#fff}
.cf-shop-pic{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#fff;aspect-ratio:4/3;animation:cfFloat 6s ease-in-out infinite}
.cf-shop-pic img{width:100%;height:100%;object-fit:contain;padding:18px 18px 54px;box-sizing:border-box}
.cf-shop-pic .cf-tag{left:14px;top:14px;font-size:13px}
.cf-why{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:640px){.cf-why{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.cf-why{grid-template-columns:repeat(4,1fr)}}
.cf-why li{display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff1a}
.cf-why .cf-app{width:42px;height:42px}
.cf-why span{font-size:13.5px;line-height:1.4;color:#d9d1ca}.cf-why strong{display:block;color:#fff;font-size:15px}
.cf-shop-lab{margin:28px 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff9a5c}
.cf-grades{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:900px){.cf-grades{grid-template-columns:repeat(4,1fr)}}
.cf-grades a{padding:14px 16px;border-radius:18px;background:#fff;color:var(--cf-ink);text-decoration:none}
.cf-grades b{display:block;font-size:18px}.cf-grades small{font-size:13px;color:var(--cf-mut)}
.cf-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:900px){.cf-prods{grid-template-columns:repeat(4,1fr);gap:14px}}
.cf-prods a{display:flex;flex-direction:column;gap:6px;height:100%;padding:8px 8px 14px;border-radius:22px;background:#fff;color:var(--cf-ink);text-decoration:none}
.cf-prods .cf-ph{border-radius:16px;aspect-ratio:1;background:#f6f3ef}
.cf-prods .cf-ph img{object-fit:contain;mix-blend-mode:multiply;padding:8px;box-sizing:border-box}
.cf-prods .cf-tag{font-size:11px;padding:5px 9px;top:8px;left:8px}.cf-prods .cf-tag--env{left:auto;right:8px;top:auto;bottom:8px}
.cf-prods strong{font-size:14px;line-height:1.3;padding:0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cf-pr{padding:0 6px;font-weight:700;color:var(--cf-or2)}.cf-pr small{font-weight:500;color:var(--cf-mut);font-size:11.5px}

/* ---------- Menú del móvil tipo app (inspirado en el de adsdoctor.es) */
.cf-drawer{position:fixed;inset:0;z-index:99980;display:flex;flex-direction:column;background:var(--cf-g);animation:cfDrawer .35s cubic-bezier(.16,1,.3,1)}
.cf-drawer[hidden]{display:none}
@keyframes cfDrawer{from{opacity:0}}
html.cf-lock,html.cf-lock body{overflow:hidden}
.cf-dw-top{position:relative;height:118px;flex:none;display:grid;place-items:center}
.cf-dw-emb{width:64px;height:64px;filter:drop-shadow(0 14px 18px #8a2a0f66);animation:cfFloat 4s ease-in-out infinite}
.cf-dw-emb rect:first-child{fill:#fff}
.cf-dw-top i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.7;animation:cfTw 2.6s ease-in-out infinite}
.cf-dw-top i:nth-of-type(1){left:28%;top:38%}.cf-dw-top i:nth-of-type(2){right:30%;top:30%;animation-delay:.8s;background:#ffd36b}.cf-dw-top i:nth-of-type(3){right:36%;bottom:26%;animation-delay:1.6s;width:4px;height:4px}
@keyframes cfTw{50%{opacity:.15;transform:scale(.6)}}
.cf-dw-card{flex:1;overflow-y:auto;overscroll-behavior:contain;background:var(--cf-cr);border-radius:30px 30px 0 0;padding:16px 18px 34px;animation:cfSheet .45s cubic-bezier(.16,1,.3,1)}
@keyframes cfSheet{from{transform:translateY(40px)}}
.cf-dw-bar{display:flex;align-items:center;gap:10px}
.cf-dw-lab{margin-right:auto;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cf-mut)}
.cf-dw-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--cf-ln);background:#fff;color:var(--cf-ink);display:grid;place-items:center;cursor:pointer;padding:0}
.cf-dw-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 12px}
.cf-dw-brand .adw-logo-svg{height:26px}
.cf-dw-diag{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 14px;border-radius:999px;border:1px solid var(--cf-ln);background:#fff;font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-ink);cursor:pointer;white-space:nowrap}
.cf-dw-dot{width:30px;height:30px;flex:none}
.cf-dw-h{margin:0;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.2}
.cf-dw-p{margin:6px 0 16px;font-size:14.5px;line-height:1.45;color:var(--cf-ink2);padding-bottom:16px;border-bottom:1px solid var(--cf-ln)}
.cf-dw-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px 4px}
.cf-dw-pills::-webkit-scrollbar{display:none}
.cf-dw-pills button{flex:none;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--cf-ln);background:#fff;font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-ink);cursor:pointer}
.cf-dw-pills button.on{background:var(--cf-ink);border-color:var(--cf-ink);color:#fff}
.cf-dw-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.cf-dw-chips a{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px 0 6px;border-radius:999px;background:#fff;border:1px solid var(--cf-ln);text-decoration:none;color:var(--cf-ink);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cf-dw-g{margin-top:22px;animation:cfIn .35s ease both}
.cf-dw-g[hidden]{display:none}
.cf-dw-g h3{margin:0;font-size:22px;letter-spacing:-.03em}
.cf-dw-g>p{margin:4px 0 12px;font-size:14px;color:var(--cf-ink2)}
.cf-dw-item{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;margin-bottom:10px;border-radius:22px;background:#fff;border:1px solid var(--cf-ln);text-decoration:none;color:var(--cf-ink);box-shadow:0 10px 24px -22px #1f1a1780}
.cf-dw-item .cf-app{width:52px;height:52px}
.cf-dw-item span{flex:1;min-width:0}
.cf-dw-item strong{display:block;font-size:17px;line-height:1.2}
.cf-dw-item small{display:block;font-size:13.5px;color:var(--cf-mut);margin-top:2px}
.cf-dw-item em{flex:none;font-style:normal;padding:5px 9px;border-radius:9px;background:#fff0e6;color:#c24a1e;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* Chat: sin globo de aviso; el botón queda solo */
.cf-cv__teaser{display:none!important}

/* Provincias de Cataluña */
.cf-prov{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}
@media (min-width:700px){.cf-prov{grid-template-columns:1fr 1fr}}
.cf-prov-c{display:flex;align-items:center;gap:14px;padding:16px;border-radius:24px;background:#fff;border:1px solid var(--cf-ln);text-decoration:none;color:var(--cf-ink);box-shadow:0 14px 30px -26px #1f1a1780}
@media (hover:hover){.cf-prov-c{transition:transform .2s}.cf-prov-c:hover{transform:translateY(-2px)}}
.cf-prov-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--p0),var(--p1));color:#fff;box-shadow:0 10px 18px -10px var(--p1)}
.cf-prov-ic .adw-i{width:26px;height:26px;stroke-width:2.2}
.cf-prov-c>span:nth-child(2){flex:1;min-width:0}
.cf-prov-c strong{display:block;font-size:19px}.cf-prov-c small{display:block;font-size:13.5px;color:var(--cf-ink2)}
.cf-prov-c em{display:block;font-style:normal;font-size:12.5px;color:var(--cf-mut);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-prov-go{flex:none;color:var(--cf-or)}
.cf-towns{list-style:none;margin:0;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:26px;background:var(--cf-cr)}
.cf-towns li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#fff;font-size:14.5px;font-weight:600}
.cf-towns li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cf-g);flex:none}
.cf-grades small{display:block;line-height:1.35;margin-top:2px}.cf-dw-item em{max-width:96px;white-space:normal;text-align:center;line-height:1.25}

/* Versión 4.1: iconos discretos y menú más compacto (tamaños de adsdoctor.es) */
.cf-app{filter:none;width:40px;height:40px}
.cf-app--lg{width:46px;height:46px}
.cf-svc-b .cf-app{width:40px;height:40px;margin-top:-22px;border-width:3px;border-radius:15px}
.cf-why .cf-app{width:38px;height:38px}
.cf-why li{background:#ffffff0f}
.cf-dw-top{height:10px;background:var(--cf-g)}
.cf-dw-card{border-radius:22px 22px 0 0;margin-top:-2px;padding:14px 16px 30px}
.cf-dw-lab{font-size:12px;letter-spacing:.2em}
.cf-dw-btn{width:38px;height:38px}
.cf-dw-btn .adw-i{width:18px;height:18px}
.cf-dw-brand{margin:12px 0 10px}
.cf-dw-home img{display:block;width:40px;height:40px;border-radius:12px}
.cf-dw-diag{height:34px;padding:0 4px 0 12px;font-size:11px;gap:7px}
.cf-dw-dot{width:26px;height:26px}
.cf-dw-h{font-size:18px;line-height:1.25}
.cf-dw-p{font-size:13.5px;margin:4px 0 12px;padding-bottom:12px}
.cf-dw-pills{gap:6px;margin:0 -16px;padding:0 16px 2px}
.cf-dw-pills button{height:34px;padding:0 14px;font-size:11.5px}
.cf-dw-chips{gap:6px;margin:10px 0 2px}
.cf-dw-chips a{height:30px;padding:0 12px;font-size:11px;letter-spacing:.08em;background:transparent}
.cf-dw-g{margin-top:18px}
.cf-dw-g h3{font-size:18px}
.cf-dw-g>p{font-size:13px;margin:2px 0 10px}
.cf-dw-item{gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:18px}
.cf-dw-item .cf-app{width:38px;height:38px}
.cf-dw-item strong{font-size:15.5px;font-weight:600}
.cf-dw-item small{font-size:12.5px}
.cf-dw-item em{font-size:9.5px;padding:4px 7px;border-radius:7px;max-width:84px}