/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16/01/2021, 18:05:22
    Author     : edu
*/

.separator{
  
  border-top:#e4e7e9 solid 1px;
  width: 100%;
  margin-bottom: 10px;
}

.topbar-wrap{
  width:100%;
  
}

.topbar{
  max-width:1566px;
   height: 64px;
  margin:0 auto;
  padding:0px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  
}

.topbar-left{
  width:220px; /* reserva logo */
  display:flex;
  align-items:center;
}

.topbar-center{
  flex:1;
  display:flex;
  justify-content:center;
}

.topbar-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:320px;
}

 

/* SEARCH */
.search-form{ width:100%; display:flex; justify-content:center; }
.search-box{
  width:min(680px, 100%);
  height: 38px !important;
  display:flex;
  align-items:center;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  overflow:hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.04);
}
 
.search-input{
  flex:1;
   height: 38px !important;
  border:none !important;
  outline:none;
  padding:0 14px;
  font-size:14px !important;;
   line-height: 38px !important;
}
.search-btn{
  width:48px;
  height:38px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.search-btn i{ font-size:24px; }
.search-hidden-submit{
  opacity:0;
  width:1px;
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

/* ACTION BUTTONS */
.topbar-action-btn{
  width:auto;
  min-width:140px;
  border-radius:12px !important;
  padding: 8px 14px !important;
   font-size: 13px;
}

/* Login */
.topbar-login-btn{
  width:auto;
  border-radius:12px;
  padding: 8px 14px !important;
   font-size: 13px;
}

/* Cart */
.cart-form{ margin:0; }
.cart-btn{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  text-decoration:none;
}
.cart-btn .ui-icon{
  font-size:22px;
  width:auto;
  height:auto;
}
.cart-badge{
 position: absolute;
    top: -6px;
    right: -6px;

    min-width: 18px;
    height: 18px;

    padding: 0 5px;

    border-radius: 50%;

    background: #2563EB;
    color: white;

    font-size: 11px;
    font-weight: 600;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 4px 10px rgba(37,99,235,.4)
}

 .cart-btn{
  border-radius: 14px;
  
     
}


.cart-btn:hover{
    transform: translateY(-3px);
    box-shadow: 
        0 10px 24px rgba(22,163,74,.35),
        0 6px 14px rgba(0,0,0,.08);
    background: #15803D; /* verde más oscuro */
}
 body{
    font-family: 'Inter', sans-serif;
}