/**
Theme Name: Child Astra
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: child-astra
Template: astra
*/

:root{
  --color-madera:#3b1d17;
  --color-rosa:#e8cdda;
}

/* Regular — WOFF2 primero, luego OTF como fallback */
@font-face {
  font-family: "Tamil Sangam MN";
  src:
    url("assets/fonts/tamil-sangam-mn.woff2") format("woff2"),
    url("assets/fonts/tamil-sangam-mn.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bold — WOFF2 primero, luego OTF como fallback */
@font-face {
  font-family: "Tamil Sangam MN Bold";
  src:
    url("assets/fonts/tamil-sangam-mn-bold.woff2") format("woff2"),
    url("assets/fonts/tamil-sangam-mn-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Tamil Sangam MN ", sans-serif;
  color: var(--color-rosa) !important;
  background-color: #fff; /* O Rosa — según tu gusto */

}

html, body {
  overflow-x: hidden !important;
}





/* ——— TITULARES ——— */
h2, h4, h5, h6,
.entry-title, .site-title a,
.ast-single-post .entry-title {
  font-family: "Tamil Sangam MN", sans-serif !important;
  font-weight: 700 !important;
}

h3, .wp-block-uagb-counter__number {
	font-family: "Tamil Sangam MN Bold", sans-serif !important;
}

.wp-block-uagb-counter__title {
	font-family: "Tamil Sangam MN", sans-serif !important;
}

/* ——— BOTONES ——— */
.wp-block-button__link,
.ast-button, .button,
.uagb-button__link,
input[type="submit"], input[type="button"], .menu-toggle {
  font-family: "Tamil Sangam MN Bold", sans-serif !important;
  font-weight: 700 !important;
}

.site-title a {
  font-size: 25px !important;
  color: var(--color-madera) !important;
  font-weight: 700;
  text-decoration: none;
}

.uagb-ifb-separator {
  background-color: var(--color-rosa) !important;
  border-color: var(--color-rosa) !important;
}

/* Sección hero a altura de pantalla y con perspectiva 3D */
h1.uagb-ifb-title-wrap{
	font-family: "Tamil Sangam MN Bold";
  position: relative;
  min-height: 100vh;              /* pantalla completa */
  display: grid;
  place-items: center;
  overflow: hidden;
  perspective: 1200px;            /* clave para translateZ */
}

/* Título más contenido y preparado para 3D */
h1.uagb-ifb-title, h1.uagb-heading-text{
  font-family: "Tamil Sangam MN Bold";
  margin: 0;
  font-weight: 700;
  font-size: clamp(34px, 8vw, 96px);  /* << más pequeño */
  line-height: 1;
  transform-style: preserve-3d;       /* permite translateZ */
  will-change: transform, opacity, filter, letter-spacing;
  transition: transform .1s linear, opacity .1s linear, filter .1s linear;
}

/* Contenedor hero con perspectiva 3D */
h1.uagb-ifb-title-wrap, h1.uagb-heading-text {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  perspective: 1200px;
}

/* Título más contenido y listo para 3D */
h1.uagb-ifb-title, h1.uagb-heading-text {
	
  margin: 0;
  
  font-weight: 700;
  font-size: clamp(34px, 8vw, 96px);
  line-height: 1;
  transform-style: preserve-3d;
  will-change: transform, opacity, filter, letter-spacing;
}

/* Sección hero para este título */
.hero-heading-wrap{
  position: relative;
  min-height: 100vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  perspective: 1200px;
}

/* Título preparado para animación */
h1.hero-heading-wrap h1.uagb-heading-text{
  margin: 0;
  font-weight: 700;
  font-size: clamp(34px, 8vw, 96px);
  line-height: 1;
  transform-style: preserve-3d;
  will-change: transform, opacity, filter, letter-spacing;
}

/* Animación de aparición abajo → arriba */
@keyframes heroFadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateZ(0);
  }
}


/* ===== 1) Aparición sutil abajo → arriba al cargar ===== */
@keyframes btnFadeUp {
  0%   { opacity:0; transform: translateY(14px); }
  100% { opacity:1; transform: translateY(0); }
}

/* aplica al wrapper del botón de este bloque */
.home-btn-booking .uagb-button__wrapper{
  opacity:0;
  animation: btnFadeUp .7s ease-out .15s forwards;
  will-change: transform, opacity;
}

/* Respeto a reduce motion */
@media (prefers-reduced-motion: reduce){
  .home-btn-booking .uagb-button__wrapper{
    animation:none; opacity:1; transform:none;
  }
}

/* ===== 2) Botón base + barrido rosa lateral ===== */
.home-btn-booking .wp-block-button__link{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 28px;
  border-radius:9999px;
  text-decoration:none;
  color: var(--color-rosa) !important;     /* texto */
  background-color: var(--color-madera) !important;  /* fondo base */
  border:0 !important;
  overflow:hidden;                          /* para el ::before */
}

/* el DIV interno NO debe pintar fondo */
.home-btn-booking .uagb-button__link{
  background: transparent !important;
  padding:0 !important;
}

/* Capa del barrido rosa: una franja que viaja de der → izq en bucle */
.home-btn-booking .wp-block-button__link::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(
    90deg,
    transparent 0, transparent 42%,
    rgba(232,205,218,0.35) 50%,            /* rosa con transparencia */
    transparent 58%, transparent 100%
  );
  background-size: 200% 100%;
  background-position: 100% 50%;           /* empieza a la derecha */
  animation: sweepPink 3.2s ease-in-out infinite alternate;
  pointer-events:none;
}

@keyframes sweepPink{
  0%   { background-position: 100% 50%; }  /* derecha */
  100% { background-position:   0% 50%; }  /* izquierda */
}

/* micro-levitación opcional al hover */
.home-btn-booking .wp-block-button__link:hover{
  transform: translateY(-1px);
}

@media (max-width: 768px){
	
	.uagb-ifb-title {
	
}

  /* Contenedor más bajo para no “ahogar” el viewport en móvil */
  .uagb-ifb-title-wrap,
  h1.hero-heading-wrap{
           /* un poco menos 3D en móvil */
    padding-inline: 16px;       /* respiración lateral */
  }
	
	.owntitle div h1 {
		
		perspective: 900px; 
	}

}

/* ===== EFECTOS ESTÉTICOS SOLO EN ESCRITORIO ===== */
@media (min-width: 1025px) {

    /* Scope: solo dentro de este bloque principal */
    .uagb-block-47447fd8 {
        position: relative;
    }

    /* ---------- TARJETAS DE TEXTO (INFOBOX) ---------- */
    .uagb-block-47447fd8 .uagb-infobox__content-wrap {
        position: relative;
        padding: 1.8rem 2rem;
        
        backdrop-filter: blur(6px);
        transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
    }

    .uagb-block-47447fd8 .uagb-infobox__content-wrap::before {
        content: "";
        position: absolute;
        inset: -1px;
        border-radius: inherit;
        opacity: 0;
        transition: opacity 0.4s ease;
        pointer-events: none;
    }

    .uagb-block-47447fd8 .uagb-infobox__content-wrap:hover {
        transform: translateY(-6px);

    }

    .uagb-block-47447fd8 .uagb-infobox__content-wrap:hover::before {
        opacity: 1;
    }

    /* ---------- TÍTULOS ---------- */
    .uagb-block-47447fd8 .uagb-ifb-title {
        position: relative;
        display: inline-block;
        font-weight: 600;
        letter-spacing: 0.03em;
    }

    .uagb-block-47447fd8 .uagb-ifb-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 100%;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, #E8CDDA 0%, #3B1D17 100%);
        transform-origin: left;
        transform: scaleX(0);
        transition: transform 0.35s ease;
    }

    .uagb-block-47447fd8 .uagb-infobox__content-wrap:hover .uagb-ifb-title::after {
        transform: scaleX(1);
    }

    /* ---------- IMÁGENES (ZOOM SUAVE) ---------- */
    .uagb-block-47447fd8 .wp-block-uagb-image {
        overflow: hidden;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .uagb-block-47447fd8 .wp-block-uagb-image:hover {
        box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);
    }

    .uagb-block-47447fd8 .wp-block-uagb-image__figure img {
        display: block;
        width: 100%;
        height: auto;
        transform-origin: center center;
        transition: transform 0.9s ease, filter 0.9s ease;
        will-change: transform, filter;
    }

    .uagb-block-47447fd8 .wp-block-uagb-image:hover .wp-block-uagb-image__figure img {
        transform: scale(1.08) translateY(-4px);
        filter: saturate(1.08) contrast(1.03);
    }
}