*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#f90;--primary-dark:#e47911;--navy:#131921;--navy-light:#1c2732;--teal:#37475a;--text:#111;--text-light:#555;--text-muted:#888;--border:#ddd;--bg:#f3f3f3;--white:#fff;--green:#067d62;--red:#b12704;--star:#f90;--radius:6px;--shadow:0 2px 8px rgba(0,0,0,.12);--shadow-hover:0 6px 20px rgba(0,0,0,.18);--transition:.2s ease}
html{scroll-behavior:smooth}
body{font-family:"Amazon Ember",Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}ul{list-style:none}

/* Header */
.header{background:var(--navy);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.header-top{display:flex;align-items:center;gap:12px;padding:10px 20px;max-width:1400px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.logo-icon{width:38px;height:38px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.logo-text{color:var(--white)}
.logo-text .brand{font-size:18px;font-weight:700;display:block;line-height:1}
.logo-text .tagline{font-size:10px;color:#aaa}
.search-bar{flex:1;display:flex;height:40px;max-width:700px}
.search-category{background:#e8e8e8;border:none;padding:0 10px;font-size:12px;border-radius:var(--radius) 0 0 var(--radius);cursor:pointer;color:var(--text);min-width:100px}
.search-input{flex:1;border:none;padding:0 12px;font-size:14px;outline:none}
.search-btn{background:var(--primary);border:none;padding:0 14px;border-radius:0 var(--radius) var(--radius) 0;font-size:18px;transition:background var(--transition)}
.search-btn:hover{background:var(--primary-dark)}
.header-actions{display:flex;gap:8px;flex-shrink:0}
.header-btn{background:transparent;color:var(--white);border:1px solid transparent;padding:6px 10px;border-radius:var(--radius);font-size:12px;text-align:center;cursor:pointer;transition:border-color var(--transition);white-space:nowrap}
.header-btn:hover{border-color:var(--white)}
.header-btn span{display:block;font-weight:700;font-size:13px}
.header-nav{background:var(--navy-light);padding:6px 20px}
.header-nav ul{display:flex;gap:4px;max-width:1400px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.header-nav ul::-webkit-scrollbar{display:none}
.header-nav li a{color:var(--white);font-size:13px;padding:4px 10px;border-radius:var(--radius);white-space:nowrap;display:block;transition:background var(--transition)}
.header-nav li a:hover{background:rgba(255,255,255,.12)}
.header-nav li a.active{background:rgba(255,255,255,.15);font-weight:600}

/* Hero */
.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--teal) 100%);color:var(--white);padding:50px 20px;text-align:center}
.hero h1{font-size:clamp(42px,6vw,72px);font-weight:900;font-family:'Nunito',sans-serif;margin-bottom:12px;letter-spacing:-1px}
.hero p{font-size:clamp(14px,2vw,18px);opacity:.85;max-width:600px;margin:0 auto 24px}
.hero-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hero-badge{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:6px 16px;font-size:13px;display:flex;align-items:center;gap:6px}

/* Filters */
.filters-bar{background:var(--white);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filters-bar label{font-size:13px;font-weight:600;color:var(--text-light)}
.filter-select{border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:13px;background:var(--white);color:var(--text);cursor:pointer}
.filter-active-tag{display:inline-flex;align-items:center;gap:6px;background:#fff3cd;border:1px solid #ffc107;border-radius:20px;padding:3px 10px;font-size:12px;color:#856404}
.filter-active-tag button{background:none;border:none;cursor:pointer;font-size:14px;color:#856404;padding:0}
.clear-filters-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:5px 12px;font-size:12px;color:#0066c0;cursor:pointer}
.clear-filters-btn:hover{background:#f0f0f0}

/* Layout */
.main-container{max-width:1400px;margin:0 auto;padding:20px}
.section{margin-bottom:36px}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.section-title{font-size:clamp(18px,2.5vw,22px);font-weight:700;color:var(--text);border-left:4px solid var(--primary);padding-left:10px}
.see-all-btn{color:#0066c0;font-size:13px;background:none;border:none;cursor:pointer}
.see-all-btn:hover{text-decoration:underline}

/* Products row */
.products-row-wrap{position:relative}
.products-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ccc transparent}
.products-row::-webkit-scrollbar{height:5px}
.products-row::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}
.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;background:var(--white);border:1px solid var(--border);border-radius:50%;font-size:18px;box-shadow:var(--shadow);z-index:10;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--transition)}
.scroll-btn:hover{box-shadow:var(--shadow-hover)}
.scroll-btn.left{left:-14px}
.scroll-btn.right{right:-14px}

/* Product Card */
.product-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:240px;min-width:240px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--transition),transform var(--transition);cursor:pointer}
.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.card-cover{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;flex-shrink:0;position:relative}
.card-cover-icon{font-size:48px}
.card-cover-title{color:rgba(255,255,255,.9);font-size:11px;font-weight:700;text-align:center;padding:0 10px;line-height:1.3}
.card-cover img{width:100%;height:auto;display:block}
.badge-discount{position:absolute;top:8px;right:8px;background:var(--red);color:var(--white);font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px}
.card-body{padding:10px;flex:1;display:flex;flex-direction:column}
.card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.card-category{font-size:11px;color:var(--green);margin-bottom:4px;font-weight:500}
.card-rating{display:flex;align-items:center;gap:4px;margin-bottom:6px}
.stars{color:var(--star);font-size:12px;letter-spacing:-.5px}
.rating-count{font-size:11px;color:#0066c0}
.card-desc{font-size:11px;color:var(--text-light);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.card-price-row{margin-bottom:8px}
.card-price-old{font-size:11px;color:var(--text-muted);text-decoration:line-through}
.card-price{font-size:18px;font-weight:700;color:var(--red)}
.card-price span{font-size:12px;font-weight:400}
.btn-buy{display:block;width:100%;background:var(--primary);color:var(--text);font-weight:700;font-size:13px;padding:8px;border-radius:var(--radius);text-align:center;border:1px solid #c68f17;transition:background var(--transition);margin-top:auto}
.btn-buy:hover{background:var(--primary-dark)}

/* Grid */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.products-grid .product-card{width:auto;min-width:auto}
.search-results-header{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text)}
.search-results-header span{color:var(--red)}

/* Testimonials */
.testimonials-section{background:var(--white);padding:40px 20px;margin-top:20px}
.testimonials-inner{max-width:1400px;margin:0 auto}
.testimonials-title{font-size:clamp(20px,3vw,26px);font-weight:700;text-align:center;margin-bottom:30px;color:var(--text)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.testimonial-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:15px;flex-shrink:0}
.testimonial-name{font-weight:700;font-size:14px}
.testimonial-product{font-size:11px;color:var(--text-muted)}
.testimonial-stars{color:var(--star);font-size:13px;margin-bottom:8px}
.testimonial-text{font-size:13px;color:var(--text-light);line-height:1.6;font-style:italic}

/* Footer */
.footer{background:var(--navy);color:var(--white);padding:40px 20px 20px}
.footer-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}
.footer-col h4{font-size:14px;font-weight:700;margin-bottom:14px}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{color:#aaa;font-size:13px;transition:color var(--transition)}
.footer-col ul li a:hover{color:var(--white)}
.footer-col p{color:#aaa;font-size:13px;line-height:1.6}
.footer-contact{font-size:13px;color:#aaa}
.footer-contact a{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:#777;font-size:12px}

/* Product Detail */
.product-detail{max-width:1100px;margin:30px auto;padding:0 20px;display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}
.product-cover-large{width:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;box-shadow:var(--shadow-hover)}
.product-cover-large img{width:100%;height:auto;display:block;border-radius:8px}
.product-cover-large .icon{font-size:80px}
.product-cover-large .title{color:rgba(255,255,255,.9);font-size:14px;font-weight:700;text-align:center;padding:0 20px}
.product-info{display:flex;flex-direction:column;gap:16px}
.product-category-tag{display:inline-block;background:#e8f4f8;color:#0066c0;font-size:12px;font-weight:600;padding:3px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}
.product-title-large{font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1.2}
.product-rating-row{display:flex;align-items:center;gap:8px}
.product-rating-row .stars{font-size:16px}
.product-rating-row .count{font-size:13px;color:#0066c0}
.product-price-box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.price-old{color:var(--text-muted);font-size:14px;text-decoration:line-through}
.price-main{font-size:32px;font-weight:700;color:var(--red);margin:4px 0}
.price-main span{font-size:16px;font-weight:400}
.price-installments{font-size:13px;color:var(--green);margin-bottom:16px}
.price-discount-badge{display:inline-block;background:var(--red);color:var(--white);font-size:12px;font-weight:700;padding:2px 8px;border-radius:3px;margin-bottom:6px}
.btn-buy-large{display:block;background:var(--primary);color:var(--text);font-weight:700;font-size:15px;padding:12px;border-radius:var(--radius);text-align:center;border:1px solid #c68f17;margin-bottom:10px;transition:background var(--transition);text-decoration:none}
.btn-buy-large:hover{background:var(--primary-dark)}
.btn-wishlist{display:block;background:#f5c518;color:var(--text);font-weight:600;font-size:14px;padding:10px;border-radius:var(--radius);text-align:center;border:1px solid #c7a215;transition:background var(--transition)}
.btn-wishlist:hover{background:#dba916}
.product-description h3{font-size:18px;font-weight:700;margin-bottom:12px;border-bottom:2px solid var(--border);padding-bottom:8px}
.product-description p{font-size:14px;color:var(--text-light);line-height:1.7}
.breadcrumb{max-width:1100px;margin:16px auto 0;padding:0 20px;font-size:13px;color:var(--text-muted)}
.breadcrumb a{color:#0066c0}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{margin:0 6px}

/* Admin */
.admin-container{max-width:900px;margin:30px auto;padding:0 20px}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.admin-header h2{font-size:22px;font-weight:700}
.admin-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}
.admin-card h3{font-size:17px;font-weight:700;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:13px;font-weight:600;color:var(--text-light)}
.form-control{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:14px;background:var(--white);transition:border-color var(--transition);width:100%}
.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(255,153,0,.2)}
textarea.form-control{resize:vertical;min-height:80px}
.btn-primary{background:var(--primary);color:var(--text);font-weight:700;font-size:14px;padding:10px 22px;border-radius:var(--radius);border:1px solid #c68f17;cursor:pointer;transition:background var(--transition)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-danger{background:#fee2e2;color:var(--red);border:1px solid #fca5a5;border-radius:var(--radius);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}
.btn-danger:hover{background:#fecaca}
.admin-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-table th{text-align:left;padding:10px 12px;background:var(--bg);border-bottom:2px solid var(--border);font-weight:700}
.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
.admin-table tr:hover td{background:#fafafa}
.admin-thumb{width:40px;height:52px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.toast{position:fixed;bottom:24px;right:24px;background:#1a1a1a;color:var(--white);padding:12px 20px;border-radius:var(--radius);font-size:14px;z-index:9999;box-shadow:var(--shadow-hover);transform:translateY(80px);opacity:0;transition:transform .3s ease,opacity .3s ease}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{border-left:4px solid #22c55e}
.toast.error{border-left:4px solid var(--red)}
.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}
.empty-state .icon{font-size:48px;margin-bottom:12px}
.empty-state h3{font-size:18px;margin-bottom:6px;color:var(--text-light)}

/* Responsive */
@media(max-width:768px){
  .header-top{flex-wrap:wrap}
  .search-bar{order:3;width:100%;max-width:100%}
  .header-actions{margin-left:auto}
  .product-detail{grid-template-columns:1fr}
  .product-cover-large{max-width:280px;margin:0 auto}
  .form-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .scroll-btn{display:none}
}
@media(max-width:480px){
  .hero{padding:30px 16px}
  .main-container{padding:16px}
  .product-card{width:170px;min-width:170px}
  .card-cover{min-height:130px}
}
.hidden{display:none!important}
.text-center{text-align:center}

/* Amazon Books Section */
.amazon-section {
  background: linear-gradient(135deg, #131921 0%, #1a2537 100%);
  padding: 28px 24px 24px;
  margin-bottom: 0;
}
.amazon-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
.amazon-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.3rem;
  font-weight: 800;
  color: #FF9900;
  letter-spacing: -0.3px;
}
.amazon-logo-icon { font-size: 1.4rem; }
.amazon-section-sub {
  font-size: 0.82rem;
  color: #aab4c4;
}
.amazon-scroll-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.amazon-section .products-row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 4px 2px 8px;
  flex: 1;
}
.amazon-section .products-row::-webkit-scrollbar { display: none; }
.amazon-section .product-card {
  background: #1e2d40;
  border: 1px solid #2d3f52;
  color: #e8edf2;
}
.amazon-section .product-card:hover {
  border-color: #FF9900;
  box-shadow: 0 4px 20px rgba(255,153,0,0.18);
}
.amazon-section .card-category { color: #FF9900; }
.amazon-section .card-price { color: #FF9900; }
.amazon-section .card-price-old { color: #778899; }
.amazon-section .btn-buy {
  background: #FF9900;
  color: #131921;
  font-weight: 800;
}
.amazon-section .btn-buy:hover { background: #ffb340; }
.amazon-section .scroll-btn {
  background: rgba(255,153,0,0.15);
  color: #FF9900;
  border: 1px solid rgba(255,153,0,0.3);
}
.amazon-section .scroll-btn:hover {
  background: rgba(255,153,0,0.3);
}
.amazon-section .card-title { color: #e8edf2; }
.amazon-section .card-desc { color: #a8b8cc; }
.amazon-section .card-rating { color: #a8b8cc; }
.hero-logo-video{max-width:680px;width:95%;height:auto;display:block;margin:0 auto 16px;border-radius:0;mix-blend-mode:screen;}
.hero-title{font-size:clamp(52px,7vw,88px);font-weight:900;font-family:'Nunito',sans-serif;margin:0 0 12px;letter-spacing:-1px;color:var(--white);}
.logo-icon-video-wrap{position:relative;flex-shrink:0;background:transparent !important;border-radius:0 !important;}
.logo-icon-video{width:56px;height:auto;mix-blend-mode:screen;pointer-events:none;display:block;}
/* English logo: clip "Instantâneo" text (video is 1168x768px).
   mix-blend-mode:screen on the wrapper makes the dark video background
   transparent against the hero gradient — no dark band, no color matching needed.
   Show top 72% of video height → aspect-ratio = 1168:(768*0.72) = 1168:553 */
.hero-logo-clip-wrap{
  width:95%;max-width:680px;margin:0 auto;
  overflow:hidden;
  aspect-ratio:1168/514;
  mix-blend-mode:screen;
}
.hero-logo-clip-wrap .hero-logo-video{
  width:100%;display:block;margin:0;
}
/* Header icon: same clip ratio, fixed 56px width */
.logo-icon-clip-wrap{
  overflow:hidden;width:56px;
  aspect-ratio:1168/545;
}
.logo-icon-clip-wrap .logo-icon-video{
  width:100%;display:block;
  mix-blend-mode:screen;pointer-events:none;
}
.hero-logo-en{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 auto 16px;}
.hero-logo-text-en{font-size:clamp(36px,6vw,72px);font-weight:900;font-family:'Nunito',sans-serif;color:#fff;letter-spacing:-1px;text-shadow:0 0 30px rgba(255,255,255,0.3);margin-top:4px;}