/*
Theme Name: Freelancer Portfolio
Theme URI: https://www.buywpthemes.net/products/free-best-portfolio-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: In this digital age portfolio website is vital for all freelancers. Whether you’re a content creator, freelance photographer, fashion designer, event management consultant, or Life Coach; or your employment, want to go abroad for higher studies or employment, Portfolio WordPress Theme will serve your purpose to tee. It is a perfect platform to showcase your personality, education, skills, goals, resume, and more. Freelancer Portfolio WordPress Theme isn’t just for individuals looking for professional avenues and growth. It can be used by people pursuing hobbies, and want to bring out a combination of their professional and personal sides. Freelancer Portfolio WordPress Theme designed by us offers a perfect layout and has all the necessary features that will help you to convey your personality and highlight aspects that you feel are important considering the objective of getting a Portfolio WordPress Theme. The theme is designed to evolve with your personality; as your personal & professional achievements evolve. On Freelancer Portfolio WordPress Theme, you can add pages, edit and change content, and place or replace images as per your requirement. And all this is very easy to manage. No need for special training or qualification to manage this Freelancer Portfolio WordPress Theme independently.
Version: 0.3 
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: freelancer-portfolio
Slug: freelancer-portfolio
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/ 
 
.waves {
    position: absolute;
    width: 100%;
    height: 31vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
}

.footer-area {
    background: #ffffff;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:2em 0 0em 0;
    background-repeat: no-repeat;
    border-top: 1px solid #f5f5f5;
}


.slider-area .sliderinn-img{
    position: absolute;
    top: -11%;
    bottom: 0;
    left: 0% !important;
    right: 0;
    background-size: 100%;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
.recentcomments a {
    display: inline-block !important;
    padding-left: 18px !important;
    margin: 0 !important;
}

.slider-img-overlay {
    position: absolute;
    left: 0;
    right: 52.5%;
    top: 0;
    bottom: 0;
    background: #161415;
    opacity: 1;
    clip-path: polygon(0 0, 67% 0, 100% 100%, 0% 100%);
}
.slider-img-overlay-outer {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
    clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
.slider-img-overlay-outer {
    right: 35%;
}
.slider-img-overlay {
    right: 38.5%;
}

}

/* ==========================================================================
   ELIMINACIÓN DE LA LÍNEA NARANJA GLOBAL Y DETALLES EN EL PIE DE PÁGINA
   ========================================================================== */
.footer-area, .copy-right {
    border-top: 1px solid #f5f5f5 !important;
}

/* Cambiar el color del scroll-to-top de naranja a lavanda (paleta de marca) y moverlo a la izquierda para no chocar con Dara */
.scroll-top {
    color: #7c3aed !important;
    background: #1d1d1f !important; /* Fondo oscuro Apple */
    left: 28px !important;
    right: auto !important;
    z-index: 9998 !important;
}
.scroll-top:hover,
.scroll-top:focus {
    color: #ffffff !important;
    background: #7c3aed !important;
}

@media (max-width: 480px) {
    .scroll-top {
        left: 14px !important;
        bottom: 18px !important;
    }
}

/* ==========================================================================
   FORZADO DE ALINEACIÓN Y GEOMETRÍA DE TARJETAS (PaoLABs & PORTFOLIO SPECTRA)
   ========================================================================== */

/* 1. Forzar que todas las tarjetas del grid tengan la misma altura */
.uagb-post-grid .uagb-post__inner-wrap,
.pastel-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: space-between !important;
}

/* 2. Contenedor de contenido (título, descripción, bloque NDA) */
/* Este bloque crecerá para ocupar el espacio sobrante */
.uagb-post__text,
.pastel-card > div.flex-1 {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Forzar que el footer (botones y likes) se vaya SIEMPRE al fondo */
.uagb-post__cta, 
.uagb-post__footer,
.paolab-card-footer {
    margin-top: auto !important;
    padding-top: 20px !important;
}

/* 4. Alineación horizontal de los botones internos */
.uagb-post__cta,
.paolab-card-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* ==========================================================================
   ESTILOS PERSONALIZADOS PARA EL WIDGET DE RESERVA DE AMELIA BOOKING
   ========================================================================== */

/* 1. Forzar bordes redondeados en los contenedores principales del widget */
#amelia-app-booking,
.amelia-v2-booking,
.am-booking,
.am-select-service,
.am-category-list,
.am-service,
.am-appointment,
.am-dialog,
.am-modal,
.el-dialog,
.el-card,
.el-input__inner,
.el-textarea__inner,
.el-select-dropdown,
.el-picker-panel {
    border-radius: 20px !important;
}

/* 2. Botón Principal Lila (Paleta de Marca: #7c3aed) */
#amelia-app-booking .el-button--primary,
.amelia-v2-booking .el-button--primary,
.am-booking .el-button--primary,
.am-booking .am-button,
.am-booking button.el-button--primary,
.am-booking .am-next-btn,
.am-booking .am-confirm-btn {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Hover de los botones principales */
#amelia-app-booking .el-button--primary:hover,
#amelia-app-booking .el-button--primary:focus,
.amelia-v2-booking .el-button--primary:hover,
.am-booking .el-button--primary:hover,
.am-booking .am-button:hover,
.am-booking .am-next-btn:hover,
.am-booking .am-confirm-btn:hover {
    background-color: #6d28d9 !important;
    border-color: #6d28d9 !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3) !important;
}

/* Elementos seleccionados y activos (lavanda/lila de marca) */
.am-booking .el-step__head.is-success,
.am-booking .el-step__title.is-success {
    color: #7c3aed !important;
    border-color: #7c3aed !important;
}

.am-booking .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
    box-shadow: -1px 0 0 0 #7c3aed !important;
}

.am-booking .el-checkbox__input.is-checked .el-checkbox__inner,
.am-booking .el-radio__input.is-checked .el-radio__inner {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
}

.am-booking .am-selected {
    border: 2px solid #7c3aed !important;
    background-color: #f5f3ff !important;
}

/* Redondear selectores de fecha en el calendario de Amelia */
.am-booking .el-date-table td.current:not(.disabled) span,
.am-booking .el-date-table td.today span {
    background-color: #7c3aed !important;
    border-radius: 50% !important;
}

/* ==========================================================================
   FIX PARA VIDEOS DE YOUTUBE/VIMEO RESPONSIVOS
   ========================================================================== */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"],
iframe[src*="vimeo.com"] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    border-radius: 12px; /* Alineado al diseño Apple de la web */
}

/* ==========================================================================
   FIX GLOBAL PARA VIÑETAS (BULLET POINTS) Y PÁRRAFOS
   ========================================================================== */
.wp-block-post-content ul,
.portfolio-single-content ul,
.portfolio-card-content ul,
.portfolio-card-desc ul,
.entry-content ul,
.post-content ul {
    padding-left: 20px !important;
    margin-bottom: 24px !important;
    list-style-type: none !important;
}

.wp-block-post-content ul li,
.portfolio-single-content ul li,
.portfolio-card-content ul li,
.portfolio-card-desc ul li,
.entry-content ul li,
.post-content ul li {
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
    position: relative !important;
    padding-left: 20px !important;
}

.wp-block-post-content ul li::before,
.portfolio-single-content ul li::before,
.portfolio-card-content ul li::before,
.portfolio-card-desc ul li::before,
.entry-content ul li::before,
.post-content ul li::before {
    content: "•" !important;
    color: #7c3aed !important;
    font-size: 1.5em !important;
    position: absolute !important;
    left: 0 !important;
    top: -6px !important;
}

.wp-block-post-content ul li > p,
.portfolio-single-content ul li > p,
.portfolio-card-content ul li > p,
.portfolio-card-desc ul li > p,
.entry-content ul li > p,
.post-content ul li > p {
    display: inline !important;
    margin-bottom: 0 !important;
}