.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-700 .elementor-element.elementor-element-e330a1d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--overlay-opacity:0.86;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-e330a1d:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-e330a1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ajiperuprovo.com/wp-content/uploads/2025/08/composicion-flat-lay-de-comida-mejicana-con-copyspace-scaled.webp");}.elementor-700 .elementor-element.elementor-element-e330a1d::before, .elementor-700 .elementor-element.elementor-element-e330a1d > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-e330a1d > .e-con-inner > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-e330a1d > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-e330a1d > .e-con-inner > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-e330a1d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-700 .elementor-element.elementor-element-91204db{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.95;--z-index:1;}.elementor-700 .elementor-element.elementor-element-91204db::before, .elementor-700 .elementor-element.elementor-element-91204db > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-91204db > .e-con-inner > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-91204db > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-91204db > .e-con-inner > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-91204db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#920E0E;--background-overlay:'';}.elementor-700 .elementor-element.elementor-element-91204db > .elementor-shape-top .elementor-shape-fill, .elementor-700 .elementor-element.elementor-element-91204db > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000F2;}.elementor-700 .elementor-element.elementor-element-91204db > .elementor-shape-top svg, .elementor-700 .elementor-element.elementor-element-91204db > .e-con-inner > .elementor-shape-top svg{width:calc(300% + 1.3px);height:90px;}.elementor-700 .elementor-element.elementor-element-91204db > .elementor-shape-bottom .elementor-shape-fill, .elementor-700 .elementor-element.elementor-element-91204db > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFA217;}.elementor-700 .elementor-element.elementor-element-91204db > .elementor-shape-bottom svg, .elementor-700 .elementor-element.elementor-element-91204db > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:120px;}.elementor-700 .elementor-element.elementor-element-caea0c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-700 .elementor-element.elementor-element-cff3fd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:10px 10px 10px 10px;}.elementor-700 .elementor-element.elementor-element-cff3fd2.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-700 .elementor-element.elementor-element-cff3fd2 img{width:90%;}.elementor-700 .elementor-element.elementor-element-5307eea{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-700 .elementor-element.elementor-element-5307eea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-700 .elementor-element.elementor-element-cea7d29{width:var( --container-widget-width, 72.545% );max-width:72.545%;--container-widget-width:72.545%;--container-widget-flex-grow:0;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:#FFA217;}.elementor-700 .elementor-element.elementor-element-cea7d29.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFA217;}.elementor-700 .elementor-element.elementor-element-cea7d29 .e--pointer-framed .elementor-item:before,
					.elementor-700 .elementor-element.elementor-element-cea7d29 .e--pointer-framed .elementor-item:after{border-color:#FFA217;}.elementor-700 .elementor-element.elementor-element-cea7d29 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-widget-fibosearch .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-fibosearch .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-700 .elementor-element.elementor-element-6431f3f{width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;}.elementor-700 .elementor-element.elementor-element-6431f3f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-700 .elementor-element.elementor-element-6431f3f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-700 .elementor-element.elementor-element-bd77df8{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;--justify-items:stretch;--align-items:stretch;}.elementor-700 .elementor-element.elementor-element-bd77df8.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-700 .elementor-element.elementor-element-a63b801{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--z-index:1;}.elementor-700 .elementor-element.elementor-element-a63b801::before, .elementor-700 .elementor-element.elementor-element-a63b801 > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-a63b801 > .e-con-inner > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-a63b801 > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-a63b801 > .e-con-inner > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-a63b801 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-700 .elementor-element.elementor-element-a63b801 > .elementor-shape-bottom .elementor-shape-fill, .elementor-700 .elementor-element.elementor-element-a63b801 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFA217;}.elementor-700 .elementor-element.elementor-element-16543d1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-2fbb033 img{width:45%;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-700 .elementor-element.elementor-element-847ccd7{text-align:left;}.elementor-700 .elementor-element.elementor-element-847ccd7 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:54px;font-weight:800;color:#F3F3F3;}.elementor-700 .elementor-element.elementor-element-a7f76a1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-menu-cart .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-menu-cart .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-700 .elementor-element.elementor-element-3b9eb55{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-700 .elementor-element.elementor-element-3b9eb55 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-700 .elementor-element.elementor-element-5307eea{--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-bd77df8{--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-16543d1{--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-a7f76a1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-700 .elementor-element.elementor-element-caea0c9{--width:25%;}.elementor-700 .elementor-element.elementor-element-5307eea{--width:58.089%;}.elementor-700 .elementor-element.elementor-element-bd77df8{--width:25%;}.elementor-700 .elementor-element.elementor-element-16543d1{--width:25%;}}@media(max-width:767px){.elementor-700 .elementor-element.elementor-element-5307eea{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-bd77df8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-a63b801:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-a63b801 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ajiperuprovo.com/wp-content/uploads/2025/08/composicion-flat-lay-de-comida-mejicana-con-copyspace-scaled.webp");}.elementor-700 .elementor-element.elementor-element-a63b801{--overlay-opacity:0.95;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-a63b801 > .elementor-shape-bottom svg, .elementor-700 .elementor-element.elementor-element-a63b801 > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:240px;}.elementor-700 .elementor-element.elementor-element-16543d1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-2fbb033 img{width:40%;}.elementor-700 .elementor-element.elementor-element-847ccd7.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-700 .elementor-element.elementor-element-847ccd7{text-align:center;}.elementor-700 .elementor-element.elementor-element-847ccd7 .elementor-heading-title{font-size:40px;}.elementor-700 .elementor-element.elementor-element-a7f76a1{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-700 .elementor-element.elementor-element-3b9eb55{--toggle-icon-size:25px;}}/* Start custom CSS for shortcode, class: .elementor-element-ba7f5d2 *//* Contenedor principal del dropdown */
.dropdown {
  position: relative;           /* Posiciona relativo para ubicar el menú desplegable respecto a este */
  display: inline-block;        /* Se muestra en línea como un bloque */
  font-family: Arial, sans-serif; /* Fuente general */
}

/* Texto "Mi cuenta" debajo del icono */
.cuenta-texto {
  color: #FFA217
;                 /* Texto en color blanco */

}


/* Botón principal que abre el menú */
.dropbtn {
  background-color: transparent !important; /* Fondo transparente */
  border: none;                 /* Sin borde */
  cursor: pointer;              /* Cursor de mano al pasar por encima */
  padding: 10px;                /* Espaciado interno */
  display: flex;                /* Usa flexbox para organizar contenido */
  flex-direction: column;       /* Coloca elementos en columna (uno debajo del otro) */
  align-items: center;          /* Centra horizontalmente los elementos */
  position: relative;           /* Necesario para ubicar elementos pseudo (::after) */
}


/* Flecha ▼ que aparece en el botón */
.dropbtn::after {
  content: "▼";                 /* Texto de la flecha */
  font-size: 12px;              /* Tamaño de la flecha */
  margin-top: 4px;              /* Espaciado arriba (separa del contenido principal) */
  transition: transform 0.3s ease; /* Suaviza la animación de rotación */
}


/* Icono de usuario */
.fa-user {
  color: white !important;      /* Color blanco (con prioridad) */
  align-t:center!important;     /* (Esto parece un error de sintaxis, pero así está en tu código) */
}

/* Hover sobre el icono de usuario */
.fa-user:hover {
  color: #ffa217 !important;    /* Cambia a color naranja al pasar el mouse */
}


/* Rotar flecha al pasar el mouse sobre el contenedor */
.dropdown:hover .dropbtn::after {
  transform: rotate(180deg);    /* Rota la flecha 180 grados */
}


/* Menú desplegable (oculto por defecto) */
.dropdown-content {
  display: none;                /* Inicialmente oculto */
  position: absolute;           /* Posición absoluta respecto al contenedor */
  top: 100%;                    /* Se coloca justo debajo del botón */
  left: 0;                      /* Alineado a la izquierda */
  background-color: white;      /* Fondo blanco */
  min-width: 180px;             /* Ancho mínimo */
  box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Sombra alrededor */
  z-index: 999;                 /* Se asegura de estar por encima de otros elementos */
  border-radius: 6px;           /* Bordes redondeados */
  overflow: hidden;             /* Oculta desbordes */
  opacity: 0;                   /* Transparente al inicio */
  transform: translateY(10px);  /* Ligeramente desplazado hacia abajo */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Transición suave al mostrarse */
}


/* Mostrar menú al pasar el mouse */
.dropdown:hover .dropdown-content {
  display: block;               /* Se hace visible */
  opacity: 1;                   /* Opacidad completa */
  transform: translateY(0);     /* Vuelve a su posición original */
}


/* Estilos para los enlaces dentro del menú */
.dropdown-content a {
  color: #333;                  /* Texto gris oscuro */
  padding: 12px 16px;           /* Espaciado interno */
  text-decoration: none;        /* Sin subrayado */
  display: flex;                /* Flex para alinear íconos y texto */
  align-items: center;          /* Centrado vertical de íconos y texto */
  gap: 8px;                     /* Espaciado entre ícono y texto */
  transition: background-color 0.2s ease; /* Cambio de color suave */
}

/* Hover en los enlaces del menú */
.dropdown-content a:hover {
  background-color: #f0f0f0;    /* Fondo gris claro al pasar el mouse */
}


/* Íconos dentro del menú */
.dropdown-content i {
  min-width: 10px;              /* Espacio mínimo para alinear íconos */
  text-align: center;           /* Centra íconos dentro del espacio */
  font-size: 12px;              /* Tamaño de ícono */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8efba61 *//* Contenedor principal del dropdown */
.dropdown {
  position: relative;           /* Posiciona relativo para ubicar el menú desplegable respecto a este */
  display: inline-block;        /* Se muestra en línea como un bloque */
  font-family: Arial, sans-serif; /* Fuente general */
}

/* Texto "Mi cuenta" debajo del icono */
.cuenta-texto {
  color: white;                 /* Texto en color blanco */
}


/* Botón principal que abre el menú */
.dropbtn {
  background-color: transparent !important; /* Fondo transparente */
  border: none;                 /* Sin borde */
  cursor: pointer;              /* Cursor de mano al pasar por encima */
  padding: 10px;                /* Espaciado interno */
  display: flex;                /* Usa flexbox para organizar contenido */
  flex-direction: column;       /* Coloca elementos en columna (uno debajo del otro) */
  align-items: center;          /* Centra horizontalmente los elementos */
  position: relative;           /* Necesario para ubicar elementos pseudo (::after) */
}


/* Flecha ▼ que aparece en el botón */
.dropbtn::after {
  content: "▼";                 /* Texto de la flecha */
  font-size: 12px;              /* Tamaño de la flecha */
  margin-top: 4px;              /* Espaciado arriba (separa del contenido principal) */
  transition: transform 0.3s ease; /* Suaviza la animación de rotación */
}


/* Icono de usuario */
.fa-user {
  color: white !important;      /* Color blanco (con prioridad) */
  align-t:center!important;     /* (Esto parece un error de sintaxis, pero así está en tu código) */
}

/* Hover sobre el icono de usuario */
.fa-user:hover {
  color: #ffa217 !important;    /* Cambia a color naranja al pasar el mouse */
}


/* Rotar flecha al pasar el mouse sobre el contenedor */
.dropdown:hover .dropbtn::after {
  transform: rotate(180deg);    /* Rota la flecha 180 grados */
}


/* Menú desplegable (oculto por defecto) */
.dropdown-content {
  display: none;                /* Inicialmente oculto */
  position: absolute;           /* Posición absoluta respecto al contenedor */
  top: 100%;                    /* Se coloca justo debajo del botón */
  left: 0;                      /* Alineado a la izquierda */
  background-color: white;      /* Fondo blanco */
  min-width: 180px;             /* Ancho mínimo */
  box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Sombra alrededor */
  z-index: 999;                 /* Se asegura de estar por encima de otros elementos */
  border-radius: 6px;           /* Bordes redondeados */
  overflow: hidden;             /* Oculta desbordes */
  opacity: 0;                   /* Transparente al inicio */
  transform: translateY(10px);  /* Ligeramente desplazado hacia abajo */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Transición suave al mostrarse */
}


/* Mostrar menú al pasar el mouse */
.dropdown:hover .dropdown-content {
  display: block;               /* Se hace visible */
  opacity: 1;                   /* Opacidad completa */
  transform: translateY(0);     /* Vuelve a su posición original */
}


/* Estilos para los enlaces dentro del menú */
.dropdown-content a {
  color: #333;                  /* Texto gris oscuro */
  padding: 12px 16px;           /* Espaciado interno */
  text-decoration: none;        /* Sin subrayado */
  display: flex;                /* Flex para alinear íconos y texto */
  align-items: center;          /* Centrado vertical de íconos y texto */
  gap: 8px;                     /* Espaciado entre ícono y texto */
  transition: background-color 0.2s ease; /* Cambio de color suave */
}

/* Hover en los enlaces del menú */
.dropdown-content a:hover {
  background-color: #f0f0f0;    /* Fondo gris claro al pasar el mouse */
}


/* Íconos dentro del menú */
.dropdown-content i {
  min-width: 10px;              /* Espacio mínimo para alinear íconos */
  text-align: center;           /* Centra íconos dentro del espacio */
  font-size: 12px;              /* Tamaño de ícono */
}/* End custom CSS */