/* Derma Care – Explora a tu ritmo (todo va bajo .dct-explora para no chocar con el tema) */
.dct-explora{
	--dct-bg:#f4f2ec;--dct-paper:#fbfaf7;--dct-ink:#1f2d2a;--dct-ink-2:#3c4a46;--dct-muted:#6f7d78;
	--dct-sage:#7e9a8c;--dct-sage-d:#5d7a6c;--dct-sage-soft:#e1e8e2;--dct-blush:#ecd5ca;
	--dct-line:rgba(31,45,42,.13);--dct-r:22px;
	--dct-sans:'DM Sans',Arial,sans-serif;--dct-serif:'Instrument Serif',Georgia,serif;
	box-sizing:border-box;max-width:1440px;margin:0 auto;padding:110px 6%;
	font-family:var(--dct-sans);color:var(--dct-ink);background:var(--dct-bg);scroll-margin-top:100px
}
.dct-explora *,.dct-explora *:before,.dct-explora *:after{box-sizing:border-box}
.dct-explora [hidden]{display:none!important}
.dct-explora a{text-decoration:none;color:inherit;box-shadow:none}
.dct-explora img{max-width:100%;height:auto;display:block}
.dct-explora :is(a,button,input):focus-visible{outline:2px solid var(--dct-sage-d);outline-offset:3px}

/* Encabezado */
.dct-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.dct-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font:600 12px/1.2 var(--dct-sans);letter-spacing:.08em;color:var(--dct-sage-d);text-transform:uppercase}
.dct-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--dct-sage)}
.dct-explora .dct-title{font:400 clamp(46px,5vw,78px)/1 var(--dct-serif);letter-spacing:-.025em;margin:0;color:var(--dct-ink);text-transform:none}
.dct-lead{font-size:15px;line-height:1.7;max-width:340px;margin:0;color:var(--dct-ink-2)}

/* Buscador */
.dct-search{display:flex;align-items:center;gap:16px;max-width:760px;margin:0 0 24px;padding:8px 10px 8px 24px;background:var(--dct-paper);border:1px solid var(--dct-line);border-radius:999px;cursor:text;transition:border-color .2s,box-shadow .2s}
.dct-search:focus-within{border-color:var(--dct-sage-d);box-shadow:0 0 0 4px var(--dct-sage-soft)}
.dct-search-label{font-size:11px;font-weight:600;letter-spacing:.1em;white-space:nowrap;color:var(--dct-sage-d)}
.dct-explora .dct-search-input{flex:1;width:100%;min-width:0;height:36px;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--dct-ink);font:15px var(--dct-sans);-webkit-appearance:none;appearance:none}
.dct-explora .dct-search-input:focus,.dct-explora .dct-search-input:focus-visible{outline:0;box-shadow:none;border:0;background:transparent}
.dct-search-input::placeholder{color:#9aa39f;opacity:1}
.dct-search-input::-webkit-search-cancel-button{cursor:pointer}
.dct-search-icon{flex:none;width:40px;height:40px;border-radius:50%;background:var(--dct-ink);color:var(--dct-bg);display:grid;place-items:center;font-size:18px}

/* Resultados */
.dct-results{max-width:760px;margin:-8px 0 32px;padding:18px 22px;background:var(--dct-paper);border:1px solid var(--dct-line);border-radius:var(--dct-r);box-shadow:0 18px 40px rgba(31,45,42,.07)}
.dct-count{font-size:13px;margin:0 0 8px;color:var(--dct-muted)}
.dct-result-list a{display:grid;grid-template-columns:46px minmax(0,1fr) 25px;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--dct-line);transition:color .2s}
.dct-result-list a:hover{color:var(--dct-sage-d)}
.dct-result-list a>span:last-child{text-align:right}
.dct-result-thumb{width:46px;height:46px;border-radius:12px;overflow:hidden;background:var(--dct-sage-soft);display:grid;place-items:center;font:400 22px var(--dct-serif);color:var(--dct-sage-d)}
.dct-result-thumb img{width:100%;height:100%;object-fit:cover}
.dct-result-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.dct-result-copy small{font-size:12px;color:var(--dct-muted)}
.dct-result-copy strong{font:400 22px/1.15 var(--dct-serif)}

/* Filtros */
.dct-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.dct-explora .dct-filter{margin:0;padding:10px 18px;border:1px solid var(--dct-line);border-radius:999px;background:var(--dct-paper);color:var(--dct-ink-2);font:500 13px/1.2 var(--dct-sans);letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.dct-explora .dct-filter:hover{border-color:var(--dct-ink);background:var(--dct-paper);color:var(--dct-ink)}
.dct-explora .dct-filter.is-selected{background:var(--dct-ink);border-color:var(--dct-ink);color:var(--dct-bg)}

/* Tarjetas */
.dct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dct-card{min-width:0;display:flex;flex-direction:column;padding:12px 12px 22px;background:var(--dct-paper);border:1px solid var(--dct-line);border-radius:var(--dct-r);transition:transform .3s,box-shadow .3s}
.dct-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(31,45,42,.09)}
.dct-card-image{position:relative;overflow:hidden;aspect-ratio:1.3;border-radius:14px;background:var(--dct-sage-soft)}
.dct-explora .dct-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.dct-card:hover .dct-card-image img{transform:scale(1.05)}
.dct-card-index{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:999px;background:var(--dct-paper);font-size:12px;font-weight:600}
.dct-explora .dct-card-title{font:400 34px/1.05 var(--dct-serif);letter-spacing:-.015em;margin:18px 10px 0;color:var(--dct-ink);text-transform:none}
.dct-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto 10px 0;padding-top:10px;font-size:12px;font-weight:500;color:var(--dct-muted);text-transform:uppercase}
.dct-card-arrow{flex:none;width:36px;height:36px;border-radius:50%;background:var(--dct-sage-soft);color:var(--dct-ink);display:grid;place-items:center;font-size:15px;transition:background .2s,color .2s}
.dct-card:hover .dct-card-arrow{background:var(--dct-ink);color:var(--dct-bg)}

/* ───────── Catálogo interno [dermacare_catalogo] ───────── */
.dct-catalogo{border-top:1px solid var(--dct-line)}
.dct-preview-note{margin:0 0 24px;padding:10px 16px;border-radius:12px;background:var(--dct-blush);font-size:13px}
.dct-explora .dct-filter span{opacity:.6;margin-left:4px;font-size:12px}
.dct-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dct-pcard{min-width:0;min-height:232px;display:flex;flex-direction:column;padding:22px;background:var(--dct-paper);border:1px solid var(--dct-line);border-radius:var(--dct-r);transition:transform .25s,box-shadow .25s,border-color .25s}
.dct-pcard:hover{border-color:var(--dct-sage);box-shadow:0 18px 40px rgba(31,45,42,.08)}
.dct-pcard-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;color:var(--dct-muted);text-transform:uppercase;letter-spacing:.04em}
.dct-pcard-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:14px;margin:14px 0 16px}
.dct-pcard-main:only-child,.dct-pcard-main:not(:has(.dct-pcard-icon)){grid-template-columns:1fr}
.dct-explora .dct-pcard-title{font:400 clamp(22px,2.1vw,30px)/1.08 var(--dct-serif);margin:0;color:var(--dct-ink);overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
.dct-pcard-icon{width:78px;height:78px;border-radius:18px;background:var(--dct-sage-soft);color:var(--dct-ink);display:grid;place-items:center;overflow:hidden;transition:transform .25s,background .25s}
.dct-pcard-icon svg{width:54px;height:54px}
.dct-explora .dct-pcard-icon.has-image img{width:100%;height:100%;object-fit:cover}
.dct-icon-marker{stroke:var(--dct-sage-d)}
.dct-pcard:hover .dct-pcard-icon{background:var(--dct-blush);transform:rotate(-4deg)}
.dct-pcard-bottom{padding-top:14px;border-top:1px solid var(--dct-line)}
.dct-explora .dct-wa-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 18px;border-radius:999px;background:var(--dct-ink);color:var(--dct-bg);font:600 13px/1 var(--dct-sans);text-decoration:none;transition:background .2s,transform .2s}
.dct-explora .dct-wa-btn:hover{background:var(--dct-sage-d);color:#fff}
.dct-wa-btn svg{flex:none;width:18px;height:18px}
.dct-wa-arrow{margin-left:auto;transition:transform .2s}
.dct-wa-btn:hover .dct-wa-arrow{transform:translateX(4px)}
.dct-empty{padding:28px;background:var(--dct-paper);border:1px dashed var(--dct-line);border-radius:var(--dct-r);font-size:15px}
.dct-note{margin:22px 0 0;font-size:13px;line-height:1.6;color:var(--dct-muted)}

@media(max-width:900px){
	.dct-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dct-explora{padding:80px 5%}
	.dct-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:650px){
	.dct-explora{padding:64px 5%}
	.dct-heading{display:block;margin-bottom:26px}
	.dct-explora .dct-title{font-size:50px;margin-bottom:14px}
	.dct-lead{font-size:14px}
	.dct-search{padding:8px 8px 8px 18px;gap:10px}
	.dct-search-label{display:none}
	.dct-result-list a{grid-template-columns:42px minmax(0,1fr) 18px;gap:10px}
	.dct-result-thumb{width:42px;height:42px}
	.dct-result-copy strong{font-size:19px}
	.dct-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
	.dct-explora .dct-filter{white-space:nowrap;flex:none}
	.dct-grid,.dct-pgrid{grid-template-columns:1fr}
	.dct-pcard{min-height:190px;padding:20px}
	.dct-explora .dct-pcard-title{font-size:clamp(23px,6.4vw,29px)}
	.dct-pcard-main{grid-template-columns:minmax(0,1fr) 72px}
	.dct-pcard-icon{width:72px;height:72px}
	.dct-pcard-icon svg{width:50px;height:50px}
	.dct-explora .dct-card-title{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
	.dct-explora *{transition-duration:.01ms!important}
}