body {
			margin: 0 !important;
			}

		.ficha {
			margin:0 !important;
			padding:0 !important;
			background: url("../imagenes/mar2.png") center/cover no-repeat;
			}

		.ficha-producto {
			max-width: 85%;
			margin: 2rem auto;
			padding: 1rem;
			border-radius: 10px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.3);
			}

		.ficha-producto:hover {
			box-shadow: 0 2px 8px rgba(0,0,0,0.7);
			}

		.ficha-producto-contenedor {
			display: grid;
			grid-template-columns: 40% 60%;
			gap: 3rem;
			position: relative;
			border: 1px solid #C89B3C;
			border-radius:0.5rem;
			padding:2rem; 
			background: #f5f5f5;
			}

		.ficha-producto-contenedor:hover {
			border: 2px solid #C89B3C;
			}

		.ficha-producto-imagen {	
			width: 100%;          /* ocupa todo el ancho disponible */
			max-width: 600px;     /* nunca será más grande de 600px */
			height: 600px;        /* todas tendrán la misma altura */
			border-radius: 0.5rem; 
			display: flex;
			margin: 0 auto; /* centra la imagen */
			justify-content: center;
    		align-items: center;
			background-color: #ffffff;
			box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  			transition: border-color 0.3s ease, box-shadow 0.3s ease;
			}

		.ficha-producto-imagen:hover {
			transform: translateY(-4px);
			transform-origin: center center;
			box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
			border: 1px solid #C89B3C;
			}

		.ficha-producto-imagen img {	
			max-width: 100%;          /* ocupa todo el ancho disponible */
			max-height: 100%;
			object-fit: contain;       /* mantiene proporción */
  			border-radius: 0.5rem;
			}

		.ficha-producto-info {
			display: flex;
			position: relative;
			flex-direction: column;
			font-family: "Lato", sans-serif;
			min-height: 600px;
			height:100%;
			justify-content: space-between; /* texto arriba , tabla abajo */
			}
				
		.ficha-producto-info h1 {
			margin-top: 0;
			text-align: center;
			font-size: 22px;
			font-weight: bold;
			color: #1b1c24;
			text-shadow: 2px 1px 3px rgba(0,0,0,0.15);
			}

			.ficha-producto-info h2 {
			margin-top: 0;
			padding-bottom: 5px;
			text-align: center;
			font-size: 22px;
			font-weight: bold;
			color: #1b1c24;
			text-shadow: 2px 1px 3px rgba(0,0,0,0.15);
			}

		.ficha-producto-info p {
			margin-top: 0;
			text-align: justify;
			font-size: 18px;
			font-weight: 400;
			word-wrap: break-word; 
			padding-right: 2rem;
			}

		.ficha-producto-info h3 {
			margin-top: 0;
			padding-top: 30px;
			text-align: left;
			font-size: 20px;
			font-weight: bold;
			padding-right: 2rem;
			}

			.ficha-producto-info h4 {
			margin-top: 0;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			}

		.titulo-tabla {
			margin-top: 0;
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			
			}

		.ficha-producto-info ul {
        	list-style-type: none;
			text-align: left;
			margin-left: 0px;
   			 }

		.ficha-producto-info li {
			padding-bottom: 10px;
			}

		.ficha-producto-info li::before {
			content: "•";
			color: #4e412a;
			font-size: 20px;
			margin-right: 8px;
			padding-bottom: 10px;
			}

		.centrar-tabla {
			width: 90%;
			display: flex;
			margin-top: auto;   
			justify-content: center;
			border-radius: 0.5rem; 
			}

		.centrar-tabla table {
			background-color: #fbfbfb;
			min-width: 90%;
			border-collapse: collapse;
			box-shadow: 0 2px 8px rgba(0,0,0,0.1);
			border-radius: 0.5rem; 
			}

		table, th, td {
			border: 1px solid #ddd;
			}

		th, td {
			padding: 0.5rem;
			text-align: left;
			}


		/* --- Responsive: pantallas pequeñas --- */
		@media (max-width: 768px) {
			.ficha-producto-contenedor {
				grid-template-columns: 1fr; /* una sola columna */
				gap: 1.5rem;
				}

			.ficha-producto-imagen {
				max-width: 100%;
				height: auto; /* deja crecer la altura según imagen */
				}

			.ficha-producto-info {
				min-height: 400px; /* asegura espacio para “pegar” la tabla abajo */
				}

			.ficha-producto-info table {
				margin-top: auto; 
				margin-bottom: 0;
				}
			}