From d708a57d99cfd3c5b65692bb1bd9af72f414d986 Mon Sep 17 00:00:00 2001
From: "Cesar.Gomez" <zs21016325@estudiantes.ux.mx>
Date: Fri, 10 May 2024 14:40:10 -0600
Subject: [PATCH] Descripcion Pasteles

---
 frontend/src/Pasteles/ChocolateBlanco.css |  4 ++++
 frontend/src/Pasteles/ChocolateBlanco.jsx | 15 ++++-----------
 frontend/src/Pasteles/PastelCajeta.jsx    | 17 +++++------------
 frontend/src/Pasteles/PastelChocolate.jsx | 17 ++++++-----------
 frontend/src/Pasteles/PastelFrambuesa.jsx | 17 +++++------------
 frontend/src/Pasteles/PastelMoka.jsx      | 18 +++++++-----------
 frontend/src/Pasteles/PastelZanahoria.jsx | 17 +++++------------
 frontend/src/PersPastelStyle.css          |  6 ++++--
 8 files changed, 40 insertions(+), 71 deletions(-)

diff --git a/frontend/src/Pasteles/ChocolateBlanco.css b/frontend/src/Pasteles/ChocolateBlanco.css
index f87e124..8f5317a 100644
--- a/frontend/src/Pasteles/ChocolateBlanco.css
+++ b/frontend/src/Pasteles/ChocolateBlanco.css
@@ -157,6 +157,7 @@
 	background-color: #fff;
 	height: 4.4rem;
 	overflow: hidden;
+
 }
 
 .search-form input {
@@ -168,10 +169,12 @@
 	padding: 0 2rem;
 	color: #777;
 	cursor: pointer;
+	display: none;
 }
 
 .search-form input::-webkit-search-cancel-button {
 	appearance: none;
+
 }
 
 .search-form .btn-search {
@@ -182,6 +185,7 @@
 	justify-content: center;
 	height: 100%;
 	padding: 1rem;
+	display: none;
 }
 
 .btn-search i {
diff --git a/frontend/src/Pasteles/ChocolateBlanco.jsx b/frontend/src/Pasteles/ChocolateBlanco.jsx
index 2bdd63a..e733b77 100644
--- a/frontend/src/Pasteles/ChocolateBlanco.jsx
+++ b/frontend/src/Pasteles/ChocolateBlanco.jsx
@@ -105,9 +105,9 @@ function ChocolateBlanco() {
           <div className="container-details-product">
             <div className="form-group">
                 <div className="OpcionesPers">
-                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
+                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
 
-                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
+                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
 
                 <div className="mb-4">
                 </div>
@@ -121,7 +121,7 @@ function ChocolateBlanco() {
           <div className="container-add-cart">
             <button className="btn-add-to-cart">
               <i className="fa-solid fa-plus"></i>
-              Añadir al carrito
+              Comprar
             </button>
           </div>
 
@@ -132,14 +132,7 @@ function ChocolateBlanco() {
             </div>
             <div className="text-description">
               <p>
-                Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                Laboriosam iure provident atque voluptatibus reiciendis quae
-                rerum, maxime placeat enim cupiditate voluptatum, temporibus
-                quis iusto. Enim eum qui delectus deleniti similique? Lorem,
-                ipsum dolor sit amet consectetur adipisicing elit. Sint autem
-                magni earum est dolorem saepe perferendis repellat ipsam
-                laudantium cum assumenda quidem quam, vero similique? Iusto
-                officiis quod blanditiis iste?
+              Este es un delicioso pastel de globo terráqueo de chocolate con glaseado de vainilla. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El glaseado de vainilla es cremoso y dulce, y la decoración del globo terráqueo con glaseado azul y verde añade un toque de creatividad y diversión.
               </p>
             </div>
           </div>
diff --git a/frontend/src/Pasteles/PastelCajeta.jsx b/frontend/src/Pasteles/PastelCajeta.jsx
index 5c0d687..aecec39 100644
--- a/frontend/src/Pasteles/PastelCajeta.jsx
+++ b/frontend/src/Pasteles/PastelCajeta.jsx
@@ -99,16 +99,16 @@ function PastelCajeta() {
         <div className="container-info-product">
           <div className="container-price">
             
-            <h1 className="titulo-Pastel">Pastel De Chocolate</h1>
+            <h1 className="titulo-Pastel">Pastel De Cajeta</h1>
             <i className="fa-solid fa-angle-right"></i>
           </div>
 
           <div className="container-details-product">
             <div className="form-group">
                 <div className="OpcionesPers">
-                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
+                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
 
-                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
+                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
 
                 <div className="mb-4">
                 </div>
@@ -122,7 +122,7 @@ function PastelCajeta() {
           <div className="container-add-cart">
             <button className="btn-add-to-cart">
               <i className="fa-solid fa-plus"></i>
-              Añadir al carrito
+              Comprar
             </button>
           </div>
 
@@ -133,14 +133,7 @@ function PastelCajeta() {
             </div>
             <div className="text-description">
               <p>
-                Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                Laboriosam iure provident atque voluptatibus reiciendis quae
-                rerum, maxime placeat enim cupiditate voluptatum, temporibus
-                quis iusto. Enim eum qui delectus deleniti similique? Lorem,
-                ipsum dolor sit amet consectetur adipisicing elit. Sint autem
-                magni earum est dolorem saepe perferendis repellat ipsam
-                laudantium cum assumenda quidem quam, vero similique? Iusto
-                officiis quod blanditiis iste?
+              Este es un delicioso pastel de chocolate con ganache de chocolate y frambuesas. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El ganache de chocolate es cremoso y dulce, y las frambuesas frescas añaden un toque de acidez y color.
               </p>
             </div>
           </div>
diff --git a/frontend/src/Pasteles/PastelChocolate.jsx b/frontend/src/Pasteles/PastelChocolate.jsx
index eb4515c..78e007e 100644
--- a/frontend/src/Pasteles/PastelChocolate.jsx
+++ b/frontend/src/Pasteles/PastelChocolate.jsx
@@ -107,9 +107,11 @@ function PastelChocolate() {
           <div className="container-details-product">
             <div className="form-group">
                 <div className="OpcionesPers">
-                <h2 className="textPersPastel">Personaliza tu pastel</h2>
+                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
+
+                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
                 <div className="mb-4">
-                    <p className="pastel-Type">Tipo de Pastel</p>
+
 
                 </div>
                 <div className="mb-6">
@@ -122,7 +124,7 @@ function PastelChocolate() {
           <div className="container-add-cart">
             <button className="btn-add-to-cart">
               <i className="fa-solid fa-plus"></i>
-              Añadir al carrito
+              Comprar
             </button>
           </div>
 
@@ -133,14 +135,7 @@ function PastelChocolate() {
             </div>
             <div className="text-description">
               <p>
-                Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                Laboriosam iure provident atque voluptatibus reiciendis quae
-                rerum, maxime placeat enim cupiditate voluptatum, temporibus
-                quis iusto. Enim eum qui delectus deleniti similique? Lorem,
-                ipsum dolor sit amet consectetur adipisicing elit. Sint autem
-                magni earum est dolorem saepe perferendis repellat ipsam
-                laudantium cum assumenda quidem quam, vero similique? Iusto
-                officiis quod blanditiis iste?
+              Este es un delicioso pastel de chocolate con frosting de chocolate y bolitas de chocolate. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El frosting de chocolate es cremoso y dulce, y las bolitas de chocolate añaden un toque de textura y sabor.
               </p>
             </div>
           </div>
diff --git a/frontend/src/Pasteles/PastelFrambuesa.jsx b/frontend/src/Pasteles/PastelFrambuesa.jsx
index eb7bbcd..7ffbb9b 100644
--- a/frontend/src/Pasteles/PastelFrambuesa.jsx
+++ b/frontend/src/Pasteles/PastelFrambuesa.jsx
@@ -98,16 +98,16 @@ function PastelFrambuesa() {
         <div className="container-info-product">
           <div className="container-price">
             
-            <h1 className="titulo-Pastel">Pastel De Chocolate</h1>
+            <h1 className="titulo-Pastel">Pastel De Frambuesa</h1>
             <i className="fa-solid fa-angle-right"></i>
           </div>
 
           <div className="container-details-product">
             <div className="form-group">
                 <div className="OpcionesPers">
-                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
+                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
 
-                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
+                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
 
                 <div className="mb-4">
                 </div>
@@ -121,7 +121,7 @@ function PastelFrambuesa() {
           <div className="container-add-cart">
             <button className="btn-add-to-cart">
               <i className="fa-solid fa-plus"></i>
-              Añadir al carrito
+              Comprar
             </button>
           </div>
 
@@ -132,14 +132,7 @@ function PastelFrambuesa() {
             </div>
             <div className="text-description">
               <p>
-                Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                Laboriosam iure provident atque voluptatibus reiciendis quae
-                rerum, maxime placeat enim cupiditate voluptatum, temporibus
-                quis iusto. Enim eum qui delectus deleniti similique? Lorem,
-                ipsum dolor sit amet consectetur adipisicing elit. Sint autem
-                magni earum est dolorem saepe perferendis repellat ipsam
-                laudantium cum assumenda quidem quam, vero similique? Iusto
-                officiis quod blanditiis iste?
+              Este es un delicioso pastel de terciopelo rojo con glaseado blanco y chispas. El pastel es de un color rojo intenso y tiene una textura suave y húmeda. El glaseado blanco es cremoso y dulce, y las chispas añaden un toque de color y diversión.
               </p>
             </div>
           </div>
diff --git a/frontend/src/Pasteles/PastelMoka.jsx b/frontend/src/Pasteles/PastelMoka.jsx
index 1dc2160..a3982b5 100644
--- a/frontend/src/Pasteles/PastelMoka.jsx
+++ b/frontend/src/Pasteles/PastelMoka.jsx
@@ -107,9 +107,12 @@ function PastelMoka() {
           <div className="container-details-product">
             <div className="form-group">
                 <div className="OpcionesPers">
-                <h2 className="textPersPastel">Personaliza tu pastel</h2>
+                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
+
+                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
+
                 <div className="mb-4">
-                    <p className="pastel-Type">Tipo de Pastel</p>
+
 
                 </div>
                 <div className="mb-6">
@@ -122,7 +125,7 @@ function PastelMoka() {
           <div className="container-add-cart">
             <button className="btn-add-to-cart">
               <i className="fa-solid fa-plus"></i>
-              Añadir al carrito
+              Comprar
             </button>
           </div>
 
@@ -133,14 +136,7 @@ function PastelMoka() {
             </div>
             <div className="text-description">
               <p>
-                Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                Laboriosam iure provident atque voluptatibus reiciendis quae
-                rerum, maxime placeat enim cupiditate voluptatum, temporibus
-                quis iusto. Enim eum qui delectus deleniti similique? Lorem,
-                ipsum dolor sit amet consectetur adipisicing elit. Sint autem
-                magni earum est dolorem saepe perferendis repellat ipsam
-                laudantium cum assumenda quidem quam, vero similique? Iusto
-                officiis quod blanditiis iste?
+              Este es un delicioso pastel de chocolate con ganache de chocolate. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El ganache de chocolate es cremoso y dulce, y la decoración con frutas frescas añade un toque de frescura y color.
               </p>
             </div>
           </div>
diff --git a/frontend/src/Pasteles/PastelZanahoria.jsx b/frontend/src/Pasteles/PastelZanahoria.jsx
index a6459c0..21b83de 100644
--- a/frontend/src/Pasteles/PastelZanahoria.jsx
+++ b/frontend/src/Pasteles/PastelZanahoria.jsx
@@ -98,16 +98,16 @@ function PastelZanahoria() {
         <div className="container-info-product">
           <div className="container-price">
             
-            <h1 className="titulo-Pastel">Pastel De Chocolate</h1>
+            <h1 className="titulo-Pastel">Pastel De Zanahoria</h1>
             <i className="fa-solid fa-angle-right"></i>
           </div>
 
           <div className="container-details-product">
             <div className="form-group">
                 <div className="OpcionesPers">
-                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p>
+                <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
 
-                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p>
+                <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
 
                 <div className="mb-4">
                 </div>
@@ -121,7 +121,7 @@ function PastelZanahoria() {
           <div className="container-add-cart">
             <button className="btn-add-to-cart">
               <i className="fa-solid fa-plus"></i>
-              Añadir al carrito
+              Comprar
             </button>
           </div>
 
@@ -132,14 +132,7 @@ function PastelZanahoria() {
             </div>
             <div className="text-description">
               <p>
-                Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                Laboriosam iure provident atque voluptatibus reiciendis quae
-                rerum, maxime placeat enim cupiditate voluptatum, temporibus
-                quis iusto. Enim eum qui delectus deleniti similique? Lorem,
-                ipsum dolor sit amet consectetur adipisicing elit. Sint autem
-                magni earum est dolorem saepe perferendis repellat ipsam
-                laudantium cum assumenda quidem quam, vero similique? Iusto
-                officiis quod blanditiis iste?
+              Este es un delicioso pastel de zanahoria con queso crema y nueces picadas. El pastel es de un color naranja intenso y tiene una textura húmeda y densa. El queso crema es cremoso y dulce, y las nueces picadas añaden un toque de textura y sabor.
               </p>
             </div>
           </div>
diff --git a/frontend/src/PersPastelStyle.css b/frontend/src/PersPastelStyle.css
index 1ca6eea..4a1c2a3 100644
--- a/frontend/src/PersPastelStyle.css
+++ b/frontend/src/PersPastelStyle.css
@@ -145,7 +145,6 @@
 .menu a:hover {
 	color: #fff;
 }
-
 .search-form {
 	position: relative;
 	display: flex;
@@ -155,6 +154,7 @@
 	background-color: #fff;
 	height: 4.4rem;
 	overflow: hidden;
+
 }
 
 .search-form input {
@@ -166,10 +166,12 @@
 	padding: 0 2rem;
 	color: #777;
 	cursor: pointer;
+	display: none;
 }
 
 .search-form input::-webkit-search-cancel-button {
 	appearance: none;
+
 }
 
 .search-form .btn-search {
@@ -180,8 +182,8 @@
 	justify-content: center;
 	height: 100%;
 	padding: 1rem;
+	display: none;
 }
-
 .btn-search i {
 	font-size: 2rem;
 	color: #fff;