/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@700&family=Anaheim&display=swap');

/*Header*/
.btn_icon .elementor-button-icon svg{
    width:50px;
}

a:focus-visible{
    outline-style: none;
}

a:focus {
    outline: none;
}

/* Flechitas slider */
.elementor-element .swiper .elementor-swiper-button svg{
    fill: none !important;
}

/* Exijo que vayas a tal ciudad */

.fluentform .ff-el-group {
    margin-bottom: 0;
}

.ff-el-form-control, .ff-btn-submit{
    font-family: 'Anaheim' !important;
    border: none !important;
    font-weight: 600 !important;
    font-size:17px !important;
    background-color: transparent !important;
    box-shadow: none;
    padding: 10px 20px;
}

.ff-btn-submit:hover{
    color: black !important;
}


.ff-default .ff-el-form-control{
    color: #C6C1BA;
    padding: 11px 20px;
}

.ff-btn-submit::before{
    content:url('https://nadaestuyo.com/wp-content/uploads/2025/05/arrow-button-1.svg');
    margin-right: 6px;
}

form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover{
    color: black;
}

.ff-message-success {
    border: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0 20px;
    position: relative;
    text-align: center;
    font-family: 'Anaheim';
    font-weight: 700;
    font-size: 17px;
    color: #e79999;
}

.fluentform .text-danger {
    color: #e79999;
    font-size: 14px !important;
    margin-left: 20px;
    font-family: 'Anaheim';
    font-weight: 700;
    margin-top: -8px !important;
}

/*Sticky Header*/
.sticky_header {
  position: relative;
  width: 100%;
  top: 0;
  transition: all 0.4s ease;
  transform: translateY(0);
}

/* Sticky activated */
.sticky_header.is-sticky {
  position: fixed;
  left: 0;
  top:0;
  width: 100%;
  z-index: 600;
  animation: slideDown 0.4s ease forwards;
}

/* Slide down animation */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0.5;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width:767px){
    .ff-t-container.ff-column-container.ff_columns_total_2 {
        display: flex;
    }
    
    .ff-t-cell.ff-t-column-1 {
        width: 50%;
    }
    
    .ff-t-cell.ff-t-column-2 {
        width: 50%;
    }
    
    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
		border: 1px solid black;
	}
	
  .elementor-hidden-mobile {
      display: none !important; visibility: hidden; 
  }
  
/*QUERIES SHOP MOBILE*/
     .shop-layout{
        display:block !important;
    }

    .shop-products-wrapper{
        width:100% !important;
        display:block !important;
    }

    .shop-categories{
        position:static !important;
        width:100% !important;
        display:flex !important;
        flex-direction:row !important;
        overflow-x:auto;
        overflow-y:hidden;
        white-space:nowrap;
        gap:12px;
        margin-bottom:32px;
        padding-bottom:10px;
    }

    .shop-categories h3{
        display:none;
    }

    .shop-categories a{
        flex:0 0 auto;
        padding:10px 18px;
        border:1px solid #000;
        border-radius:999px;
    }
}

/* Toggle Button */
.menu-toggle {
  font-size: 16px;
  font-family: 'Anaheim';
  font-weight: 600;
  color: black;
  background: #E79999;
  border: 1.5px solid black !important;
  border-radius:30px;
  cursor: pointer;
  z-index: 10;
  position: relative;
  width: fit-content;
  padding: 6px 14px 7px 14px;
  margin: auto;
}

.menu-toggle:hover {
	background:#E79999;
	color: black;
	border-color: #E79999 !important;
}

body.menu-open {
  overflow: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
}

.fullscreen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #242424;
  color: white;
  padding: 12px 24px;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  box-sizing: border-box;
  overflow-y: auto;
}

body.menu-open .fullscreen-menu {
  transform: translateY(0);
}

.menu-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.close-menu {
  color: white;
  font-size: 27px;
	line-height: 20px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.menu-title {
  font-family: Impact, sans-serif;
  font-size: 48px;
  margin-bottom: 4px;
	color: white;
}

.fullscreen-menu nav{
	width: 100%;
}

.fullscreen-menu nav a {
  font-family: 'Agdasima', sans-serif;
  font-size: 34px;
  line-height: 26px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  margin-bottom: 16px;
}

.menu-divider {
  height: 1.5px;
  background: white;
  width: 100%;
  margin-bottom: 14px;
}

.ig-icon {
  display: inline-block;
  margin-top: 16px;
}

.menu-side-image {
  position: fixed;
  width: 140px;
  height: auto;
  top: 280px;
  right: -250px; /* starts fully off-screen */
  z-index: 999;
  animation: slideInRight 0.8s ease-out forwards;
  animation-delay: 0.4s;
  pointer-events: none;
}

.menu-footer {
  position: absolute;
	bottom: 88px;
  left: 24px;
  right: 24px;
  width: calc(100% - 48px); /* accounting for padding */
}

.menu-email {
  font-family: 'Anaheim', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: white;
  text-decoration: none;
  display: block;
  margin: 10px 0;
}

.menu-email:hover{
	color:white;
	text-decoration:none;
}

.menu-footer-image {
  width: 100%;
  height: auto;
  display: block;
  max-width: 350px !important;
}

.menu-footer .menu-divider{
	margin-bottom:0;
}


/* Only animate when menu is open */
body:not(.menu-open) .menu-side-image {
  display: none;
}

@keyframes slideInRight {
  from {
    right: -300px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}

/* Boton whatsapp */

/* WhatsApp button base style */
.whatsapp-sticky {
  position: fixed;
  right: 16px;
  z-index: 999;
  top: 0; /* anchor to top */
  transform: translateY(440px); /* initial Y offset */
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.whatsapp-sticky img, .nueva-clase img {
  width: 64px;
  height: 64px;
  display: block;
}

/* Special behavior on .inicio_code page when scrolled */
body.scrolled .inicio_code .whatsapp-sticky {
  transform: translateY(calc(100vh - 84px)); /* move smoothly to bottom */
}

/* Default behavior for all other pages*/
 .nueva-clase {
  position: fixed;
  right: 16px;
  z-index: 999;
  bottom: 16px;
}



/* FAQs links*/

.faaaqs a{
	color: #E79999;
}

.e-n-accordion-item {
    border-bottom: solid white 1.5px;
    padding-bottom: 16px;
}

/*Booking Page*/

.scroll-arrow {
  animation: arrowPulse 2.5s ease-in-out infinite;
}

@keyframes arrowPulse {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(12px);
  }

  100% {
    transform: translateY(0);
  }
}

.codedropz-upload-inner h3, .codedropz-upload-inner span{
    display:none;
}

.wpcf7 form h3{
    font-family: 'Agdasima';
    text-transform: uppercase;
    font-size: 24px;
    color: #000000 !important;
    margin-bottom: 12px;
}

.wpcf7 h3 span {
    color: #e79a99;
}

.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 24px;
}

.plain_txt {
    font-family: 'Anaheim', sans-serif;
    color: black;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 24px !important;
}

input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
    height: fit-content;
}

.wpcf7 input.wpcf7-form-control:not([type=submit]){
    padding: 0 16px 8px 21px !important;
}

input.wpcf7-form-control.wpcf7-text{
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid black;
    font-family: 'Anaheim';
    font-weight: 600;
    color: #000000 !important;
}

input.wpcf7-form-control::placeholder {
  color: #00000033;
  font-weight: 600;
}

textarea.wpcf7-form-control {
  color: #00000033;
  font-weight: 600;
  font-family: 'Anaheim';
  background: transparent;
  border: 1px solid black;
}

textarea.wpcf7-form-control::placeholder {
  color: #00000033;
  opacity: 1;
}

select.wpcf7-form-control {
  font-family: 'Anaheim', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  padding: 8px 32px 8px 0; /* add more space for wider arrow */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l8 8 8-8H0z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 8px;
  cursor: pointer;
}

select.wpcf7-form-control option {
  color: black;
  font-family: 'Anaheim', sans-serif;
  font-weight: 600;
}

.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{
  color:#000;
}

.wpcf7-form-control input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 1.5px solid black;
  border-radius: 0;
  background: transparent;
  margin-right: 2px;
  cursor: pointer;
  vertical-align: middle;
}

.wpcf7-form-control input[type="checkbox"]:checked {
  background-color: black;
  background-image: none;
}

input[type="checkbox"]:focus {
    border-color: black !important;
}

.wpcf7-list-item-label {
    font-family: 'Anaheim';
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.wpcf7 select.wpcf7-form-control{
    padding-left:21px;
}

.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{
    border-color: #000;
}

.columna .wpcf7-list-item{
    display: block !important;
}

.wpcf7-list-item{
    margin-left: 24px;
}

.wpcf7-checkbox .wpcf7-list-item {
    margin-bottom: 12px;
}

.codedropz-upload-handler {
    border: 1px dashed #000;
    border-radius: 0;
}

.cd-upload-btn {
    font-weight: 600;
    color: black;
    font-family: 'Anaheim';
    font-size: 16px;
    line-height: 16px;
}

.fecha-group {
    margin-bottom: 36px !important;
}

.fecha-group .plain_txt {
    margin-bottom: 14px !important;
}

.fecha-group .wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 0;
    margin-left: 24px;
    margin-right: 24px;
}

.fecha-group .wpcf7-list-item {
  margin: 0; /* remove default left margin */
}

.aceptacion .wpcf7-form-control-wrap {
    text-align: center;
}

.wpcf7-acceptance a{
    color: black !important;
    text-decoration: underline !important;
}

.wpcf7-acceptance .wpcf7-list-item{
    margin: 0;
}


/* Hide CF7's default spinner */
.wpcf7-spinner {
    display: none !important;
}

/* Submit button look */

.contenedor_submit {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 64px !important;
}

.custom-submit {
    font-family: 'Anaheim';
    font-weight: 600;
    border: 1.5px solid black !important;
    border-radius: 30px !important;
    padding: 0 24px 3px 24px !important;
    height: 40px;
    background: #e79a99 !important;
    cursor: pointer !important;
    color: black !important;
    font-size: 16px !important;
    transition: transform 0.3s 
ease;
}

.custom-submit img {
    margin-right: 8px;
}


/*Booking Form errors*/

.wpcf7 .wpcf7-not-valid-tip {
    font-family: "Anaheim", sans-serif !important;
    color: #db5786 !important;
    font-weight: 600 !important;
    margin-left: 16px !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
    border-color: black;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    padding: 0.2em 1em;
    border: 1.5px solid black;
    color: black;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Anaheim';
    line-height: 1em;
    background-color: white;
}

/*WooCommerce Pages Styles*/

.single-product, .woocommerce-cart, .woocommerce-checkout, .woocommerce-page {
  background: #F9F1E7;
}

.wc-block-components-totals-item__label {
    font-size: 0 !important;
}

.wc-block-components-totals-item__label::after {
    content: "Total";
    font-size: var(--wp--preset--font-size--medium, 22px);
}

.woocommerce-cart .entry-title {
    font-family: 'Agdasima';
    text-transform: uppercase;
}

.woocommerce-page #primary{
    margin: 0 !important;
}

.woocommerce-products-header__title{
    font-family: "Agdasima", Sans-serif;
    font-size: 180px;
    font-weight: 700;
    text-transform:uppercase;
    text-align: center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color: #000;
    margin-bottom: 48px;
}

.woocommerce-products-header__title::before,
.woocommerce-products-header__title::after{
    content:"";
    width:68px;
    height: stretch;
    background-image:url("https://nadaestuyo.com/wp-content/uploads/2025/10/sparkle-strong-nada-es-tuyo-tatuajes-modernos-ferb-aguilar-aguascalientes-mexico-cdmx-guadalajara-tattoo.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    flex-shrink:0;
    margin-top: 16px;
}

.woocommerce-ordering, .woocommerce-result-count, .woocommerce-breadcrumb{
display:none;
}

/* ==============================SHOP LAYOUT============================== */

.shop-layout{
    display:flex;
    align-items:flex-start;
    gap:70px;
    margin-right: 15%;
}

.shop-products-wrapper{
    flex:1;
}

.shop-categories{
    width:240px;
    position:sticky;
    top:140px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.shop-categories h3{
    margin:0 0 12px;
    font-size:18px;
    text-transform:uppercase;
}

.shop-categories a{
    text-decoration:none;
    color:#000;
    transition:.25s;
}

.shop-categories a:hover{
    padding-left:10px;
}

.shop-categories a.active{
    font-weight:700;
}

.astra-shop-summary-wrap {
    font-family: Anaheim, sans-serif;
    font-size: 24px;
}

.shop-layout .add_to_cart_button {
    text-transform: lowercase;
    color: black !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    background: white !important;
    border: 2px solid black !important;
    padding: 12px 32px !important;
    border-radius: 30px !important;
}


/*DESKTOP STYLES*/

.ferb_aguilar span{
    font-weight: 800;
}

/* Tamano Slider Desktop */
.swiper-tattoos-desk {
    max-width: 720px !important;
}

/* Icono flechita btn escribe ya */
.btn_icon_ya .elementor-button-icon svg{
    width:80px;
}

.otra_ciudad p, .otra_ciudad_input .ff-message-success p{
    margin-bottom: 0;
}

.otra_ciudad_input .ff-el-form-control, .otra_ciudad_input .ff-btn-submit, .otra_ciudad_input .ff-message-success{
    font-size: 24px !important;
}

/*Carousel productos*/
#sp-wp-carousel-free-id-1243 {
    font-family: 'Anaheim';
}

.wpcp-product-carousel .wpcp-single-item .wpcp-product-title{
    font-size: 24px !important;
}

.wpcp-single-item h2 a {
    color: black;
}

.wpcp-carousel-section.wpcp-product-carousel .wpcp-cart-button a.button {
    text-transform: lowercase;
    background: white;
    color: black;
    border: 2px solid #000;
    font-weight: 800;
    padding: 12px 32px;
    font-size: 24px;
    border-radius: 30px !important;
}

.wpcp-carousel-section.wpcp-product-carousel .wpcp-all-captions .wpcp-cart-button a.button:hover{
    background: white;
    border-color: #000;
    color: black;
}

.wpcp-product-price {
    color: black !important;
    font-weight: 1000 !important;
    font-size: 24px !important;
}

.wpcp-product-price span {
    font-weight: 1000 !important;
    font-size: 24px !important;
}

#sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-prev, #sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-next, #sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-prev:hover, #sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-next:hover {
    background: white;
    border: 2px solid black;
}

#sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-prev, #sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-prev:hover{
    padding-right: 2px;
}

#sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-next, #sp-wp-carousel-free-id-1243.sp-wpcp-1243 .swiper-button-next:hover{
    padding-left: 2px;
}

/*RESPONSIVE*/
@media (min-width: 768px) {
  .elementor-hidden-desktop { 
      display: none !important; visibility: hidden; 
  }

  .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
      margin-bottom: 0;
  }
  
  .sticky_header.is-sticky {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    padding-bottom:12px;
  }
  
  .is-sticky .wp-image-819{
      width:210px;
  }
  
  .close-menu {
    width: 82px;
    height: 45px;
    text-align: right;
    font-size: 36px;
    line-height: 48px;
    top: 40px;
    right: 56px;
  }
  
  .menu-title {
    font-size: 8vw;
  }
  
  .fullscreen-menu nav a {
    font-size: 3vw;
    line-height: 3.2vw;
  }
  
  .menu-footer {
    bottom: 8px;
  }
  
  .insta_icn{
      width: 40px;
  }
  
  .menu-side-image {
    right: -350px; /* final resting position off-screen */
  }
  
  .fullscreen-menu .ig-icon img{
      height: 32px;
  }
  
  .wpcf7 form h3{
      font-size: 2vw;
      margin-bottom: 24px;
  }
  
  .plain_txt, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control, .wpcf7-list-item-label, .wpcf7-form-control-wrap textarea, .cd-upload-btn{
      font-size: 24px;
      line-height: 31px;
  }
  
  .wpcf7 select.wpcf7-form-control{
      height: 64px;
  }
  
  .wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 40px;
  }
  
  .custom-submit {
      font-size: 24px !important;
  }
  
  .flashes-carousel .swiper .elementor-swiper-button-prev{
      left: -20px !important;
  }
  
  .flashes-carousel .swiper .elementor-swiper-button-next{
      right: -20px !important;
  }

  @keyframes slideInRight {
    from {
      right: -350px;
      opacity: 0;
    }
    to {
      right: 0;
      opacity: 1;
    }
  }
}


@media (min-width: 922px) {
    .ast-woo-shop-archive .site-content > .ast-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}


@media (min-width: 1025px){
    .menu-toggle {
      font-size: 20px;
      font-weight: 700;
      border-color: #E79999 !important;
      padding: 11px 16px 11px 16px;
    }
    
    .menu-side-image{
        width: 350px;
    }
    
    .whatsapp-sticky {
        right: 18px;
        bottom: 18px;
        top: initial !important;
        transform: none !important;
    }
    
    .whatsapp-sticky img{
        width: 96px !important;
        height: 96px !important;;
    }
    
    .e-n-accordion-item {
        border-bottom: solid white 4px;
        padding: 24px 0;
    }
    
    .elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg{
        width: 28px;
        height: 48px;
    }
    
    .woocommerce-cart .entry-title {
        font-size: 100px !important;
    }
}

@media (min-width:1300px){
    .fullscreen-menu .ig-icon img{
      height: 44px;
    }
}