:root {
--pde: #1596a8;
--pde-dark: #087f96;
--pde-soft: #e8f8fa;
--ink: #152033;
--muted: #667085;
--line: #e4e9ef;
--surface: #fff;
--danger: #d92d20;
--gift: #168a55;
--radius: 18px;
--shadow: 0 10px 28px rgba(17, 38, 59, .07);
} *{box-sizing:border-box;}
html{color-scheme:light;}
body{margin:0;background:#f7fafb;color:var(--ink);font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
body.is-embed { background: transparent; } a{color:inherit;}
button, input, select, textarea{font:inherit;}
button, a{-webkit-tap-highlight-color:transparent;}
.annonces-app{width:min(1180px, calc(100% - 24px));margin:0 auto;padding:14px 0 56px;}
.is-embed .annonces-app{width:min(1180px, 100%);padding:4px 6px 32px;}
.site-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--muted);font-size:13px;}
.site-strip a{color:var(--pde-dark);font-weight:750;text-decoration:none;}
.app-nav{display:flex;gap:4px;margin-bottom:14px;padding:5px;overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 5px 16px rgba(15, 23, 42, .04);}
.app-nav a{flex:0 0 auto;padding:9px 14px;border-radius:11px;color:#4a596d;font-size:13px;font-weight:750;text-decoration:none;}
.app-nav a:hover{background:#f1f6f7;}
.app-nav a.is-active{color:#fff;background:linear-gradient(135deg, #21a9b8, #0785a1);box-shadow:0 7px 16px rgba(8, 133, 161, .2);}
.hero{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:164px;margin-bottom:12px;padding:25px 28px;overflow:hidden;border:1px solid #d6ecef;border-radius:22px;background:radial-gradient(circle at 92% 15%, rgba(40, 157, 204, .18), transparent 27%), linear-gradient(135deg, #effcfc, #fff 65%);box-shadow:var(--shadow);}
.hero h1, .form-intro h1, .dashboard-head h1{margin:4px 0 7px;color:#132038;font-size:clamp(25px, 4vw, 38px);line-height:1.08;letter-spacing:-.035em;}
.hero p, .form-intro p, .dashboard-head p{max-width:690px;margin:0;color:#526071;font-size:14px;line-height:1.55;}
.eyebrow{color:var(--pde-dark);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border:0;border-radius:13px;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;}
.button.primary{color:#fff;background:linear-gradient(135deg, #21a9b8, #0785a1);box-shadow:0 8px 18px rgba(8, 133, 161, .2);}
.button.secondary{border:1px solid var(--line);color:#344054;background:#fff;}
.button.danger{border:1px solid #f7c5c0;color:var(--danger);background:#fff6f5;}
.button.small{min-height:35px;padding:7px 10px;border-radius:10px;font-size:12px;}
.button:hover{filter:brightness(.98);transform:translateY(-1px);}
.button:disabled{cursor:wait;opacity:.82;transform:none;}
.listing-submit__spinner{display:none;width:17px;height:17px;margin-right:8px;border:2px solid rgba(255, 255, 255, .45);border-top-color:#fff;border-radius:50%;}
.listing-submit.is-loading .listing-submit__spinner{display:inline-block;animation:annonces-spin .7s linear infinite;}
@keyframes annonces-spin {
to{transform:rotate(360deg);}
}
.filters{display:grid;grid-template-columns:minmax(220px, 2fr) repeat(3, minmax(135px, 1fr));gap:9px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 5px 16px rgba(15, 23, 42, .04);}
.filters label, .listing-form > label, .price-fields > label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:750;}
input, select, textarea{width:100%;border:1px solid #d9e0e7;border-radius:12px;outline:0;color:var(--ink);background:#fff;}
input, select{height:44px;padding:0 12px;}
textarea{min-height:150px;padding:12px;line-height:1.5;resize:vertical;}
input:focus, select:focus, textarea:focus{border-color:#67bdca;box-shadow:0 0 0 3px rgba(21, 150, 168, .12);}
.results-head, .dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:19px 2px 12px;}
.results-head h2{margin:0;font-size:19px;}
.results-head a{color:var(--pde-dark);font-size:13px;font-weight:750;}
.ad-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;}
.ad-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 7px 20px rgba(20, 33, 61, .045);transition:transform .18s ease, box-shadow .18s ease;}
.ad-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.ad-card__image{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg, #e9f8fa, #f7fafb);}
.ad-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.ad-card:hover .ad-card__image img{transform:scale(1.025);}
.ad-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#8ebbc3;font-size:25px;font-weight:900;letter-spacing:.06em;}
.ad-card__price{position:absolute;right:9px;bottom:9px;padding:6px 9px;border-radius:10px;color:#fff;background:rgba(15, 23, 42, .88);font-size:13px;font-weight:850;backdrop-filter:blur(5px);}
.ad-card__price.is-gift{background:rgba(22, 138, 85, .92);}
.favorite-form{position:absolute;z-index:3;top:8px;right:8px;}
.favorite-form button{width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#667085;background:rgba(255, 255, 255, .94);box-shadow:0 4px 12px rgba(15, 23, 42, .15);cursor:pointer;}
.favorite-form button.is-favorite{color:#e33f56;}
.ad-card__body{padding:12px 13px 14px;}
.ad-card__author{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:9px;color:#344054;font-size:11px;font-weight:800;text-decoration:none;}
.ad-card__author img{width:27px;height:27px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 9px rgba(15, 23, 42, .14);}
.ad-card__author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ad-card__author:hover span{color:var(--pde-dark);text-decoration:underline;}
.ad-card__meta{display:flex;justify-content:space-between;gap:7px;color:#7b8797;font-size:10px;}
.ad-card__meta span:first-child{color:var(--pde-dark);font-weight:750;}
.ad-card h2{margin:7px 0 5px;font-size:15px;line-height:1.25;}
.ad-card h2 a{text-decoration:none;}
.ad-card p{margin:0;color:#667085;font-size:12px;line-height:1.4;}
.pagination{display:flex;justify-content:center;gap:5px;margin-top:20px;}
.pagination a{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;color:#475467;background:#fff;font-size:13px;font-weight:750;text-decoration:none;}
.pagination a.is-current{border-color:var(--pde);color:#fff;background:var(--pde);}
.notice{margin-bottom:12px;padding:12px 15px;border-radius:13px;font-size:13px;}
.notice p{margin:0;}
.notice p + p{margin-top:4px;}
.notice.success{border:1px solid #b9ead2;color:#11653e;background:#edfff6;}
.notice.error{border:1px solid #f3c1bc;color:#9f251b;background:#fff5f4;}
.empty-state, .login-panel{margin:22px auto;padding:38px 22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);text-align:center;}
.empty-state h1, .empty-state h2, .login-panel h1{margin:0 0 7px;}
.empty-state p, .login-panel p{max-width:620px;margin:0 auto 16px;color:var(--muted);line-height:1.5;}
.login-panel__icon{display:grid;width:58px;height:58px;margin:0 auto 12px;place-items:center;border-radius:18px;color:var(--pde-dark);background:var(--pde-soft);font-size:31px;}
.breadcrumb{display:flex;gap:7px;margin:4px 2px 12px;color:#667085;font-size:12px;}
.breadcrumb a{color:var(--pde-dark);text-decoration:none;}
.detail-layout{display:grid;grid-template-columns:minmax(0, 1.12fr) minmax(340px, .88fr);gap:16px;}
.gallery, .detail-card{min-width:0;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);}
.gallery{padding:12px;}
.gallery__main{position:relative;display:grid;min-height:420px;overflow:hidden;place-items:center;border-radius:16px;background:#f2f6f7;}
.gallery__main img{width:100%;height:100%;max-height:650px;object-fit:contain;}
.gallery__empty{color:#98a2b3;font-weight:750;}
.sold-badge{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:10px;color:#fff;background:#344054;font-size:12px;font-weight:850;}
.gallery__thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;}
.gallery__thumbs button{flex:0 0 74px;height:64px;padding:3px;overflow:hidden;border:2px solid transparent;border-radius:11px;background:#f2f4f7;cursor:pointer;}
.gallery__thumbs button.is-active{border-color:var(--pde);}
.gallery__thumbs img{width:100%;height:100%;border-radius:7px;object-fit:cover;}
.detail-card{padding:22px;}
.category-pill{display:inline-flex;padding:6px 9px;border-radius:999px;color:var(--pde-dark);background:var(--pde-soft);font-size:11px;font-weight:800;}
.detail-card h1{margin:10px 0 5px;font-size:clamp(24px, 4vw, 34px);line-height:1.12;letter-spacing:-.03em;}
.detail-price{color:#132038;font-size:27px;font-weight:900;}
.detail-price.is-gift{color:var(--gift);}
.detail-meta{display:flex;gap:13px;margin:8px 0 17px;color:#7b8797;font-size:11px;}
.description{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#344054;font-size:14px;line-height:1.65;}
.seller-card{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;margin-top:15px;padding:12px;border-radius:15px;background:#f6fafb;}
.seller-card img{width:45px;height:45px;border-radius:50%;object-fit:cover;}
.seller-card div{display:grid;gap:2px;}
.seller-card strong{font-size:13px;}
.seller-card span{color:var(--muted);font-size:10px;}
.seller-card a{color:var(--pde-dark);font-size:11px;font-weight:800;}
.detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;}
.detail-actions form{margin:0;}
.share-modal[hidden]{display:none;}
.share-modal{position:fixed;inset:0;z-index:50;display:block;padding:20px;overflow:hidden;}
.share-modal__backdrop{position:absolute;inset:0;background:rgba(22, 32, 51, .42);}
.share-modal__panel{position:fixed;top:12px;left:50%;z-index:1;width:min(620px, calc(100% - 40px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid color-mix(in srgb, var(--pde) 22%, #dbe3ee);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(22, 32, 51, .24);}
.share-modal__close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;}
.share-modal__close svg{width:15px;height:15px;}
.share-modal__hero{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:10px;align-items:center;padding:14px 46px 12px 16px;border-bottom:1px solid color-mix(in srgb, var(--pde) 18%, #e6ebf2);background:linear-gradient(135deg, rgba(21, 150, 168, .16), rgba(82, 168, 70, .1));}
.share-modal__hero-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff;color:var(--pde);}
.share-modal__hero-icon svg{width:22px;height:22px;}
.share-modal__hero h2{margin:0;font-size:1.16rem;line-height:1.15;}
.share-modal__body{padding:12px 16px 10px;}
.share-section-title{margin:0 0 5px;color:var(--ink);font-size:.82rem;font-weight:850;}
.share-link-box{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:6px;margin:0 0 10px;padding:5px;border:1px solid color-mix(in srgb, var(--pde) 20%, #dbe3ee);border-radius:12px;background:color-mix(in srgb, var(--pde) 5%, #fff);}
.share-link-box input{min-width:0;border:0;background:transparent;color:var(--ink);outline:0;}
.share-copy-button, .share-option{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;border:1px solid color-mix(in srgb, var(--share-color, var(--pde)) 22%, #dbe3ee);border-radius:11px;background:#fff;color:color-mix(in srgb, var(--share-color, var(--pde)) 82%, #102033);font-weight:850;text-decoration:none;cursor:pointer;}
.share-options{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:7px;}
.share-option--mail{--share-color:#1196ad;}
.share-option--facebook{--share-color:#1877f2;}
.share-option--twitter{--share-color:#111827;}
.share-option--whatsapp{--share-color:#25d366;}
.share-feedback{min-height:14px;margin:-5px 0 8px;color:var(--pde-dark);font-size:.82rem;font-weight:800;white-space:pre-line;}
.share-feedback:empty{display:none;}
.report-box{margin-top:14px;color:#667085;font-size:12px;}
.report-box summary{cursor:pointer;}
.report-box form{display:grid;gap:7px;margin-top:8px;}
.report-box textarea{min-height:70px;}
.similar-section{margin-top:28px;}
.similar-section h2{font-size:20px;}
.form-shell{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);}
.form-intro{padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg, #effcfc, #fff);}
.listing-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px;}
.listing-form .full{grid-column:1 / -1;}
.price-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end;}
.gift-toggle{display:flex !important;min-height:44px;padding:10px 12px;align-items:center;border:1px solid #cce7eb;border-radius:12px;background:#f1fbfc;}
.gift-toggle input{width:18px;height:18px;margin:0 8px 0 0;}
.upload-zone{display:grid !important;min-height:150px;padding:22px;place-items:center;border:2px dashed #b8dce2;border-radius:17px;color:#526071 !important;background:#f8fcfc;text-align:center;cursor:pointer;}
.upload-zone:hover{border-color:var(--pde);background:#f1fbfc;}
.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.upload-zone__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:var(--pde-dark);background:var(--pde-soft);font-size:24px;}
.upload-zone small{color:#8a94a3;font-weight:500;}
.image-previews{display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;}
.image-previews figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border-radius:12px;background:#eef3f5;}
.image-previews img{width:100%;height:100%;object-fit:cover;}
.upload-count{margin:-7px 0 0;color:var(--muted);font-size:11px;}
.existing-images{padding:12px;border:1px solid var(--line);border-radius:15px;}
.existing-images legend{padding:0 6px;font-size:12px;font-weight:800;}
.existing-images > div{display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;}
.existing-images label{display:grid;gap:4px;color:#667085;font-size:10px;}
.existing-images img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;}
.existing-images input{width:15px;height:15px;vertical-align:middle;}
.form-actions{display:flex;gap:8px;}
.manage-list, .report-list{display:grid;gap:9px;}
.manage-list > article, .report-list > article{display:grid;grid-template-columns:105px minmax(0, 1fr) auto;gap:13px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.manage-list__image{display:grid;width:105px;aspect-ratio:4 / 3;overflow:hidden;place-items:center;border-radius:12px;color:#8ebbc3;background:#edf7f8;font-weight:900;text-decoration:none;}
.manage-list__image img{width:100%;height:100%;object-fit:cover;}
.manage-list__body h2{margin:4px 0;font-size:16px;}
.manage-list__body h2 a{text-decoration:none;}
.manage-list__body p{margin:0;color:var(--muted);font-size:11px;}
.status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase;}
.status-active{color:#11653e;background:#e4faef;}
.status-sold{color:#475467;background:#edf0f3;}
.manage-list__actions, .report-list article > div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}
.manage-list__actions form, .report-list form{margin:0;}
.report-list > article{grid-template-columns:minmax(0, 1fr) auto;}
.report-list p{margin:3px 0;color:var(--muted);font-size:11px;}
.report-list blockquote{margin:7px 0 0;padding:8px 10px;border-left:3px solid #d0d5dd;color:#475467;background:#f8f9fa;font-size:12px;}
@media(max-width:980px){
.ad-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
.filters{grid-template-columns:2fr 1fr 1fr;}
.filters label:nth-of-type(4), .filters .button{grid-column:auto;}
.detail-layout{grid-template-columns:1fr;}
.gallery__main{min-height:360px;}
}
@media(max-width:720px){
.annonces-app{width:min(100% - 14px, 1180px);padding-top:7px;}
.is-embed .annonces-app{width:100%;padding-inline:2px;}
.hero{display:grid;min-height:0;padding:20px;}
.hero .button{width:100%;}
.filters{grid-template-columns:1fr 1fr;}
.filters .search-field{grid-column:1 / -1;}
.ad-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;}
.ad-card__body{padding:10px;}
.detail-card{padding:16px;}
.gallery{padding:8px;}
.gallery__main{min-height:300px;}
.listing-form, .price-fields{grid-template-columns:1fr;padding:16px;}
.listing-form > *, .price-fields > *{grid-column:1 / -1;}
.image-previews, .existing-images > div{grid-template-columns:repeat(3, 1fr);}
.manage-list > article{grid-template-columns:78px 1fr;}
.manage-list__image{width:78px;}
.manage-list__actions{grid-column:1 / -1;justify-content:flex-start;}
.seller-card{grid-template-columns:42px 1fr;}
.seller-card a{grid-column:2;}
.share-modal{padding:12px;}
.share-modal__panel{width:calc(100% - 24px);border-radius:18px;}
.share-options{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media(max-width:430px){
.app-nav a { padding: 8px 11px; }
.hero h1 { font-size: 26px; }
.filters { grid-template-columns: 1fr; }
.filters > * { grid-column: 1 / -1 !important; }
.ad-card h2 { font-size: 13px; }
.ad-card p { display: none; }
.ad-card__meta { display: grid; }
.ad-card__meta span:last-child { display: none; }
.ad-card__price { right: 6px; bottom: 6px; padding: 5px 7px; font-size: 11px; }
.detail-actions .button { width: 100%; }
.form-actions { display: grid; }
.report-list > article { grid-template-columns: 1fr; }
.report-list article > div:last-child { justify-content: flex-start; }
}