ÉLEVEZ VOTRE STYLE !
Ajoutez une touche de distinction à votre style avec l'élégance pratique de la veste Marcel. Avec son design intemporel, son col haut structuré et sa coupe impeccable, elle est parfaite pour l’homme qui souhaite sophistication et confort au quotidien.
POURQUOI CHOISIR LA VESTE MARCEL | VESTE HOMME?
Design Intemporel : S’adapte à toute occasion, du bureau à un ensemble casual de weekend.
Confort Exceptionnel : Douce et légère, idéale pour un usage quotidien.
Coupe Valorise la Silhouette : Met en avant la figure masculine de manière naturelle.
Polyvalence : Poches fonctionnelles et style raffiné pour toutes les situations.
Élégance Durable : Une pièce qui deviendra un pilier de votre garde-robe.
/* Oculta la casilla de verificación original y cualquier indicador visual */
.accordion-checkbox {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Contenedor del desplegable */
.accordion-container {
font-family: Arial, sans-serif;
color: #333;
padding: 0;
}
/* Estilos para el botón/etiqueta */
.accordion-label {
background-color: #f0f0f0;
color: #444;
cursor: pointer;
padding: 12px;
width: 100%;
border-radius: 8px;
font-family: Arial, sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
border: none;
outline: none;
font-size: 16px;
transition: background-color 0.3s ease;
text-align: left;
margin-top: 0;
}
/* Efecto al pasar el ratón */
.accordion-label:hover {
background-color: #ddd;
}
/* Estilos para el icono de la flecha */
.accordion-label::after {
content: '▼';
font-size: 12px;
transition: transform 0.4s ease;
}
/* Rota la flecha cuando la casilla está marcada */
.accordion-checkbox:checked + .accordion-label::after {
transform: rotate(180deg);
}
/* Estilos del panel de contenido (la tabla) */
.accordion-panel-css {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
/* Muestra el panel cuando la casilla está marcada */
.accordion-checkbox:checked ~ .accordion-panel-css {
max-height: 1000px;
transition: max-height 0.3s ease-in;
}
/* Estilo para la tabla dentro del panel */
.accordion-panel-css .table-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #ccc;
border-radius: 6px;
max-width: 100%;
}
.accordion-panel-css table {
width: 100%;
min-width: 600px;
border-collapse: collapse;
text-align: center;
margin: 0;
font-family: Arial, sans-serif;
}
.accordion-panel-css table thead {
background-color: #f4f4f4;
}
.accordion-panel-css table th,
.accordion-panel-css table td {
padding: 12px;
text-align: center;
border-bottom: 1px solid #ddd;
}
