@charset "utf-8";
@font-face {
  font-family: 'Bowlby One SC';
  src: url("BowlbyOne-Regular.ttf");
	}
@font-face {
  font-family: 'Poppins';
  src: url("._Poppins-Regular.ttf");
	}
.campo-busqueda {
  border-color: #c51152;
}


.boton-lupa {
    color: #c51152;
    background-color: #CA2860;
    border-radius: 82px;

}


.icono-carrito, .enlace-login {
  color: #c51152;
	font-family: Poppins;
 
}

body {
    background-color: #f6f5e9; 
}

.icono-carrito:hover, .enlace-login:hover {
  color: #000;
}
.row .col-12.col-md-4.text-center.text-md-left.mb-3.mb-md-0 .img-fluid {
    width: 30%;
    padding-left: 23px;
    margin-top: 13px;
    margin-right: 13px;
    margin-left: 13px;
	

}

.col-12.col-md-8.d-flex.justify-content-center.justify-content-md-end.align-items-center.pr-md-5 .accesos-usuario .Login {
    font-family: Poppins;
    font-size: small;
    color: #CA2860;
    font-variant: normal;
}

.form-inline.mr-4 .input-group .form-control.campo-busqueda {
    border-bottom-left-radius: 217px;
    border-top-left-radius: 217px;
}


.navbar.navbar-expand-lg.navbar-light.bg-light {
    text-align: center;
}
.container-fluid {
    margin-top: 20px;
}


.navbar-collapse .navbar-nav {
    margin: 0 auto;
}


.navbar-nav .nav-link {
    color: #c51152; 
    font-family: 'Poppins';
    font-size: 16px;
    padding-left: 15px; 
    padding-right: 15px; 
 
}

.navbar-nav .nav-link:hover {
    color: #000; 
}


.navbar-nav .nav-item.active .nav-link {
  
    color:#CA2860;
}
.container-fluid .rounded.img-fluid {
    margin-bottom: 95px;
}


.caja-cuenta {
    background-color: #fcfaf5;
    border-radius: 12pt;
    border: 1pt solid #efebe1;
    box-shadow: 0 4pt 10pt rgba(0,0,0,0.02);
}

.tarjeta-pedido-individual {
    background-color: #f6f5e9;
    border-radius: 10pt;
    border: 1pt solid #efebe1;
}




.titulo-cuenta {
    font-family: "Bowlby One SC";
    color: #c51152;
    font-size: 32pt;
    margin-bottom: 5pt;
}

.subtitulo-cuenta {
    font-family: 'Poppins';
    color: #000;
    font-size: 11pt;
}


.caja-cuenta .nombre-perfil {
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 14pt;
    color: #000;
}


.numero-pedido {
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 12pt;
    color: #000;
}

.fecha-pedido {
    font-family: 'Poppins';
    font-size: 10pt;
    color: #666;
}


.badge-entregado {
    background-color: #d4edda;
    color: #155724;
    font-family: 'Poppins', sans-serif;
    font-size: 9pt;
    padding: 4pt 8pt;
    border-radius: 4pt;
  
}


.detalles-lista li {
    font-family: 'Poppins';
    font-size: 10pt;
    color: #000;
    margin-bottom: 4pt;
}


.img-perfil {
    width: 100pt;
    height: 100pt;
    border-radius: 50%;
    object-fit: cover;
}

.boton-editar-perfil {
    background-color: #c51152;
    color: white;
    font-family: 'Poppins';
    font-size: 10pt;
    border-radius: 6pt;
    padding: 6pt 14pt;
}

.boton-editar-perfil:hover {
    background-color: #a00d42;
    color: white;
}


.boton-detalle {
  
    color: #c51152;
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 9pt;
    border-radius: 15pt;
    padding: 4pt 12pt;
 
}

.boton-detalle:hover, .boton-detalle:not(.collapsed) {
    background-color: #c51152;
    color: white;
}

.lista-info-personal li {
    font-family: 'Poppins';
    font-size: 11pt;
    color: #000;
    margin-bottom: 12pt;
    display: flex;
    align-items: center;
}

.lista-info-personal i {
    color: #c51152;
    font-size: 14pt;
    width: 25pt; 
}

.lista-info-personal .etiqueta-dato {
    width: 130pt;
    display: inline-block;
}

.footer-principal {
    background-color: #b31b4e;
    color: #FDF8F8;
    font-family: 'Poppins';
}

.footer-titulo {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}


.footer-lista li {
    margin-bottom: 8px;
}

.footer-lista a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}

.footer-lista a:hover {
   color: aliceblue;
}

.footer-texto {
    font-size: 14px;
    line-height: 1.6;
}


.icono-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #f04e8d; 
    color: white; 
    border-radius: 50%;
    margin: 0 5px;
    text-decoration: none; 
    font-size: 16pt;
  
}


.input-correo {
    max-width: 250px;
    border: none;
    font-size: 12pt;
    color: #c51152;
}

.input-correo::placeholder {
    color: #c51152;
   
}

.footer-copyright {
    font-size: 9pt;
}
.container.mb-5 .caja-cuenta.p-4.p-md-5 {
   box-shadow: 1px 1px 14px #7D7D7D;
   
}