:root{--navy:#061531;--blue:#0871fa;--light:#f4f7fb;--muted:#7a8ba9}*{box-sizing:border-box}html{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif}body{margin:0;color:var(--navy)}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.brand{font-family:Georgia,'Times New Roman',serif;font-size:clamp(76px,14vw,115px);font-style:italic;font-weight:700;letter-spacing:-5px;margin:0;line-height:1.05}.brand-light{color:#fff}.primary-btn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:var(--blue);color:white;border:0;border-radius:100px;min-height:74px;font-size:21px;font-weight:600}.primary-btn span{position:absolute;right:25px;font-size:34px;font-weight:300}.landing{background:var(--navy);color:#fff}.landing-inner{min-height:100dvh;max-width:767px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 9% 65px}.landing-center{margin-top:auto}.landing-center .brand{font-size:clamp(100px,21vw,210px)}.landing-tag{font-size:clamp(16px,3vw,24px);font-weight:300}.landing-action{width:100%;margin-top:auto}.landing-action p{font-size:clamp(18px,3vw,25px);line-height:1.4;margin:0 0 34px}.landing-footer{margin-top:auto;font-size:22px;line-height:1.35;font-weight:300}.login-page{background:var(--light)}.login-inner{min-height:100dvh;max-width:767px;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:80px 18% 160px}.login-heading{text-align:center;margin-bottom:65px}.login-heading p{font-size:clamp(19px,3.3vw,28px);font-weight:600;line-height:1.25;margin:28px 0 0}.login-form{display:flex;flex-direction:column;gap:25px}.field{height:76px;border:2px solid #e5edf8;border-radius:50px;display:flex;align-items:center;padding:0 27px;gap:24px}.field svg{height:27px;width:27px;fill:none;stroke:#49628c;stroke-width:1.8;flex:none}.field input{width:100%;border:0;outline:0;background:transparent;min-width:0;color:var(--navy);font-size:24px}.field input::placeholder{color:var(--muted)}.eye{border:0;background:none;color:#49628c;font-size:25px}.remember{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:19px;font-weight:600;margin:12px 0 30px}.remember input{width:26px;height:26px;accent-color:var(--blue)}.forgot{text-align:center;color:var(--blue);font-size:20px;margin:3px 0}.forgot small{display:block;font-size:12px;color:var(--muted)}.form-error{color:#ad1e2d;text-align:center}.home-page{background:#eee}.app-shell{max-width:767px;margin:auto;background:#f0f0f0;min-height:100dvh;padding-bottom:112px}.home-hero{background:#031027;color:#fff;padding:52px 5.4% 49px;border-radius:35px 35px 0 0}.home-top{display:flex;align-items:center;gap:20px}.avatar{width:85px;height:85px;border-radius:50%;object-fit:cover;background:white}.greeting{flex:1;min-width:0}.greeting h1{font-size:clamp(23px,5vw,40px);margin:0 0 4px;white-space:nowrap}.greeting p{margin:0;font-size:clamp(12px,2.6vw,19px)}.header-icon{position:relative;color:#fff;font-size:42px;line-height:1}.header-icon i{position:absolute;right:0;top:0;width:12px;height:12px;background:red;border-radius:50%}.search-bar{display:flex;align-items:center;background:white;border:1px solid #d1d1d1;border-radius:50px;padding:12px 18px 12px 25px;margin-top:37px}.search-bar input{flex:1;width:100%;border:0;outline:0;font-size:22px}.search-bar button{width:60px;height:60px;background:var(--blue);border:0;border-radius:50%;display:grid;place-items:center}.search-bar svg{width:31px;height:31px;fill:none;stroke:white;stroke-width:1.7}.home-content{padding:27px 5.4%}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-heading h2{font-size:18px;margin:0}.section-heading a{font-size:17px}.feature-banner{height:288px;display:block;border-radius:22px;position:relative;overflow:hidden;background:#233e55}.feature-banner>img{width:100%;height:100%;object-fit:cover}.feature-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),transparent 75%)}.feature-banner>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:25px;color:white}.feature-banner strong{font-size:clamp(20px,4vw,31px);line-height:1.05}.feature-banner span{align-self:flex-start;margin-top:55px;background:#000;border-radius:20px;padding:6px 12px;font-size:13px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:32px 0 45px}.quick-actions a{text-align:center;font-size:18px;font-weight:600;color:#000}.quick-icon{height:148px;border:1px solid #bbb;border-radius:12px;display:grid;place-items:center;font-size:72px;font-weight:200;margin-bottom:10px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{background:#fff;border-radius:13px;padding:9px;min-width:0}.product-image{position:relative;height:158px;background:#f4f6f8}.product-image img{height:100%;width:100%;object-fit:cover}.no-image{height:100%;display:grid;place-items:center;text-align:center;color:#7c8695;font-size:12px}.favorite{position:absolute;right:5px;top:5px;border:0;border-radius:50%;background:var(--blue);color:white;font-size:22px;width:25px;height:25px;line-height:1}.favorite.saved{background:#e63562}.product-card>small{display:block;color:#aaa;font-size:10px;margin-top:8px}.product-card h3{font-size:20px;margin:3px 0 12px;color:#000}.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;text-align:center;margin-bottom:13px}.specs>span{font-size:22px}.specs small{font-size:8px;display:block;line-height:1.2}.details-btn{border:0;border-radius:50px;background:var(--navy);color:#fff;width:100%;padding:10px;font-size:12px}.newsletter{display:flex;gap:15px;align-items:center;margin-top:28px;border:1px solid #b9b9b9;border-radius:20px;padding:20px;color:#aaa;background:#fff;font-size:18px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:767px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:#f5f3f3;border:1px solid #bbb;border-radius:24px 24px 0 0;padding:15px 10%;z-index:5}.bottom-nav a{text-align:center;font-size:14px;color:#000;display:flex;flex-direction:column;align-items:center}.bottom-nav a span{font-size:40px;line-height:1.15}.bottom-nav a.active{background:#ddd;border-radius:16px}@media(max-width:520px){.login-inner{padding:40px 9% 100px}.login-heading{margin-bottom:42px}.field{height:62px}.field input{font-size:18px}.remember{font-size:15px}.home-hero{padding-top:25px}.avatar{width:52px;height:52px}.home-top{gap:9px}.header-icon{font-size:28px}.search-bar{margin-top:25px}.search-bar input{font-size:16px}.search-bar button{width:45px;height:45px}.feature-banner{height:185px}.quick-actions{gap:9px}.quick-icon{height:76px;font-size:44px}.quick-actions a{font-size:11px}.product-grid{gap:7px}.product-card{padding:5px}.product-image{height:90px}.product-card h3{font-size:14px}.specs>span{font-size:14px}.specs small{font-size:6px}.bottom-nav{padding:10px 6%}.bottom-nav a span{font-size:30px}.newsletter{font-size:12px}.landing-inner{padding-bottom:30px}.landing-footer{font-size:16px}}

/* TIMY v1.1: aislamiento y corrección del formulario de acceso */
body.login-page { min-width: 320px; min-height: 100vh; background: #f4f7fb; }
body.login-page .login-inner {
  width: 100%; max-width: 767px; min-height: 100dvh;
  margin: 0 auto; padding: clamp(40px, 8vh, 120px) 24px;
  display: flex; flex-direction: column; align-items: center;
  justify-content: center;
}
body.login-page .login-heading { width: 100%; max-width: 520px; text-align: center; margin: 0 0 55px; }
body.login-page .login-heading p { margin: 25px 0 0; font-size: clamp(20px, 3vw, 28px); line-height: 1.35; }
body.login-page .login-form { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 490px; min-width: 0; gap: 24px; margin: 0; }
body.login-page .field { width: 100%; min-width: 0; height: 76px; flex: 0 0 76px; display: flex; align-items: center; padding: 0 26px; border: 2px solid #e5edf8; border-radius: 999px; }
body.login-page .field input { display: block; flex: 1 1 auto; width: 100%; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; font-size: 24px; }
body.login-page .field .eye { flex: 0 0 auto; padding: 5px; }
body.login-page .remember { width: 100%; display: flex; align-items: center; margin: 12px 0 30px; white-space: normal; }
body.login-page .remember input { flex: 0 0 26px; }
body.login-page .login-submit { display: flex; width: 100%; min-width: 0; height: 74px; min-height: 74px; flex: 0 0 74px; padding: 0 50px; white-space: nowrap; border-radius: 999px; font-size: 21px; }
body.login-page .forgot { width: 100%; text-align: center; overflow-wrap: normal; }
@media (max-width: 520px) {
  body.login-page .login-inner { padding: 36px 24px 70px; }
  body.login-page .login-heading { margin-bottom: 42px; }
  body.login-page .field { height: 64px; flex-basis: 64px; padding: 0 20px; gap: 16px; }
  body.login-page .field input { font-size: 18px; }
  body.login-page .remember { font-size: 15px; margin: 5px 0 15px; }
  body.login-page .login-submit { height: 64px; min-height: 64px; flex-basis: 64px; font-size: 18px; }
  body.login-page .forgot { font-size: 17px; }
}

.brand img{display:block;max-width:100%;height:auto;margin-inline:auto}
