/*!
Theme Name: Harry
Theme URI: https://wp.hixstudio.net/harry/
Author: Theme_Pure
Author URI: https://themeforest.net/user/theme_pure/portfolio
Description: Harry – Creative Agency & Portfolio WordPress Theme
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: harry
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.
*/
.elementor-2104 .elementor-element.elementor-element-04fbdb4 .tp-el-box-tag span {
    font-family: "Poppins", Sans-serif;
    font-size: 1em !important;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 1.4px;
    color: #FFFFFF;
}
.woosw-list .woosw-item, .woosw-list td, .footer__widget ul li a::after, .footer__info .tp-link-btn-text::after, .footer__lang-selected-lang, .footer__lang-selected-lang::after, ul#footer-list-inline-3 li a::before, ul.footer-list-inline-3 li a::before, .footer__area .zoom-instagram-widget__item a::before, .blog__item-4, .blog__thumb-6, .blog__grid-item .blog__meta-10 span, .postbox__more-menu span, .sidebar__widget ul li a::after, .sidebar__widget ul li a span, .profile__tab .tp-tab-line, .profile__main-thumb-edit label, .error__thumb svg, .error__thumb svg path, .job__tag span, .job__form-btn label, .newsletter-popup, .newsletter-overlay, .newsletter__area, .newsletter__close-btn svg, .newsletter__close-btn i, .product__features-thumb::after, .product__features-thumb::before, .product__tab .nav-tabs .nav-item .nav-link::after, .product__thumb img, .product__details-tab-nav .tp-tab-line, .product-action-btn .product-action-tooltip, .biography__year p, .biography__year p::after, .biography__year p .tp-biography-bg, .vision__tab .nav-tabs .nav-item .nav-link::after, .vision__tab .nav-tabs .nav-item .nav-link span, .donate__more .tp-btn-7, .features__item::after, .features__content-9::after, .features__offer p a::after, .features__list-item::after, .features__tab .nav-tabs .nav-item .nav-link h3::after, .features__tab .nav-tabs .nav-item .nav-link h3::before, .contact__list-content-9 p a::after, .history__list-meta span, .video__play-btn .video-play-bg, .instagram__item::after, .instagram__btn, .pricing__feature-info-details span, .subscribe__thumb-animation-1, .subscribe__thumb-animation-2, .award__icon > span, .award__style-2 .award__title-9 a, .brand__item-3, .brand__item-3::after, .brand__item-5, .testimonial__item-5, .testimonial__item-6::after, .portfolio__item-2::after, .portfolio__item-2::before, .portfolio__item-5::after, .portfolio__thumb-3::before, .portfolio__tag-5, .portfolio__tag-9 span, .portfolio__title-9, .portfolio__content-5, .portfolio__content-8::after, .portfolio__content-9::after, .portfolio__text, .portfolio__view-5, .portfolio__grid-show-project, .portfolio__grid-category, .portfolio__grid-popup, .portfolio__masonary-btn-2 button::after, .portfolio-horizontal-dot .swiper-pagination-bullet, .portfolio__details-arrow button span, .portfolio__details-arrow button i, .portfolio__more-menu span, .faq__wrapper .accordion-button .accordion-btn, .faq__wrapper .accordion-button .accordion-btn::after, .faq__wrapper .accordion-button .accordion-btn::before, .faq__tab .nav-link, .faq__tab-2 .nav-link::after, .faq__style-2 .accordion-button .accordion-btn, .faq__style-2 .accordion-button .accordion-btn::after, .faq__style-2 .accordion-button .accordion-btn::before, .team__item-8::after, .team__social-4, .team__contact-overlay, .event__thumb-10-overlay .event-thumb-shape, .event__thumb-10-overlay span, .services__item-inner, .services__item-4::after, .services__item-5::after, .services__item-9::after, .services__icon span, .services__icon-4 span, .services__shape-1, .services__shape-2, .services__list-title, .services-tab-link-btn, .services-tab-link-btn::after, .services__widget-tab .nav-tabs .nav-item .nav-link, .services__widget-tab-2 ul li a, .services-link-btn i, .counter__border-animation::after, .counter__border-animation::before, .about__thumb-5 .video-play-bg, .about__tab-nav .nav-link, .about__tab-nav .tp-tab-line, .about__education-des p a::after, .about__play-btn .video-play-bg, .about__gallery-arrow button span, .slider__thumb-9::after, .slider__thumb-10 .thumb-border::after, .slider__thumb-10 .thumb-border::before, .slider__thumb-13-circle-1, .slider__thumb-13-circle-2, .slider__product-thumb-single, .slider__product-thumb-sm::after, .main-slider-dot .swiper-pagination-bullet, .main-slider-dot-8 .swiper-pagination-bullet, .mean-container .mean-nav ul li > a.mean-expand i, .main-menu ul li.has-dropdown > a::after, .main-menu ul li .submenu, .main-menu ul li .submenu li a::before, .main-menu ul li .mega-menu, .main-menu ul li .mega-menu li ul li a::before, .main-menu-4 ul li a::before, .main-menu-9 ul li a::before, .main-menu-11 ul li a::before, .main-menu-12 ul li a::before, .header__info ul li a, .header__info ul li span, .header__lang-selected-lang, .header__lang-selected-lang::after, .header__btn-12 .header-btn-12-icon span, .search__input, .search__input::after, .tp-accordion .accordion-button::after, .offcanvas__instagram-thumb a::after, .offcanvas__full, .offcanvas__full-menu ul li.has-dropdown > a::after, .offcanvas__full-menu ul li .submenu, .tp-swiper-dot .swiper-pagination-bullet, .tp-swiper-dot .swiper-pagination-bullet::after, .tp-swiper-dot-2 .swiper-pagination-bullet, .tp-pulse-border::after, .tp-pulse-border::before, .hamburger-btn span, .hamburger-btn-text::after, .hamburger-btn-text span, .hamburger-btn-8::after, .hamburger-btn-8::before, .tp-custom-arrow::after, .tp-custom-arrow::before, .tp-btn-5::after, .tp-btn-border-9::after, .tp-theme-color-btn::before, .tp-theme-color-input label, h1, h2, h3, h4, h5, h6, a, .btn, p, button, input, select, textarea, li, img, .transition-3, .body-overlay, .nice-select::after, .tp-cart-plus, .tp-cart-minus, .back-to-top-wrapper {
    -webkit-transition: all 1.2s ease-out 0s !important;
    -moz-transition: all 1.2s ease-out 0s !important;
    -ms-transition: all 1.2s ease-out 0s !important;
    -o-transition: all 1.2s ease-out 0s !important;
    transition: all 1.2s ease-out 0s !important;
}

.back-to-top-wrapper {
    position: fixed;
    right: 75px !important;
    bottom: 0;
    height: 44px;
    width: 44px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.pagina-larco-1036 .contact__form {
    background-color: #2D2A25 !important; /* Cambia el fondo */
    border: 0px solid yellow; /* Añade un borde */
}
.pagina-larco-1036 .contact__form input {
		border-radius: 0px !important;
		border: none !important;
		border-bottom: 1px solid white !important;
		color: white !important;
		background: none !important;
		}
		.pagina-larco-1036 .contact__form .contact__input-9 textarea {
		height: 60px !important;
		resize: none !important;
		line-height: 1.2 !important;
		padding: 20px 30px !important;
		}
		.pagina-larco-1036 .contact__form textarea {
			border-radius: 0px !important;
			border: none !important;
			background: none !important;
			border-bottom: 1px solid white !important;
		}
		.pagina-larco-1036 .contact__form select {
        border: none !important;
    border-bottom: 1px solid white !important;
    background: none !important;
    height: 60px !important;
    border-radius: 0px !important;
    color: white !important;
    padding: 0 20px 0 25px !important;
    width: 100% !important;
}
		.pagina-larco-1036 .contact__form .tp-btn-6{
		    display: inline-block !important;
    font-family: var(--tp-ff-syne) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: var(--tp-common-white) !important;
    background-color: #2D2A25 !important;
    padding: 15px 33px !important;
    border: 1px solid white !important;
			border-radius: 0px !important;
			width:100% !important;
			margin-top:50px !important;
		}
		
/* Contenedor general del checkbox */
.pagina-larco-1036 .contact__form .wpcf7-list-item {
  display: flex;
  align-items: center;
  gap: 10px; /* Espaciado entre el checkbox y el texto */
}

/* Estilo para el checkbox */
.pagina-larco-1036 .contact__form .wpcf7-list-item input[type="checkbox"] {
  -webkit-appearance: none; /* Quita los estilos predeterminados en navegadores basados en WebKit */
  -moz-appearance: none; /* Quita los estilos predeterminados en Firefox */
  appearance: none; /* Quita los estilos predeterminados en navegadores modernos */
  width: 20px;
  height: 20px;
  border: 1px solid white !important; /* Borde negro de 1px */
  border-radius: 0px; /* Bordes ligeramente redondeados */
  cursor: pointer;
  background-color: transparent; /* Sin fondo */
  position: relative;
}



/* Agregar el check al marcar */
.pagina-larco-1036 .contact__form .wpcf7-list-item input[type="checkbox"]:checked::after {
  content: "✔"; /* El ícono de check */
  color: #fff; /* Color blanco */
  font-size: 20px; /* Tamaño del check */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centrar el check dentro del checkbox */
}

/* Estilo del texto del label */
.pagina-larco-1036 .contact__form .wpcf7-list-item-label {
  font-size: 16px; /* Tamaño del texto */
  cursor: pointer; /* Hace que el texto sea clicable */
}

/* Estilo para el enlace dentro del label */
.pagina-larco-1036 .contact__form .wpcf7-list-item-label a {
  text-decoration: underline;
  color: white; /* Cambia el color del enlace si es necesario */
  font-weight: bold; /* Opcional: resaltar el enlace */
}

/* Cambiar el color de fondo del desplegable */
.pagina-larco-1036 .contact__form select {
  background-color: #2D2A25; /* Cambia el color de fondo del select */
  color: white; /* Cambia el color del texto */
  border: 1px solid #000; /* Borde negro */
  padding: 5px;
  font-size: 16px;
}

/* Cambiar el color de fondo de las opciones del desplegable */
.pagina-larco-1036 .contact__form select option {
  background-color: #2D2A25; /* Fondo rojo para las opciones */
  color: white; /* Texto blanco */
}
.pagina-larco-1036 .button-evolta {
    padding: 15px 30px;
    border: 2px solid #000;
    border-radius: 0px !important;
    font-size: 19px;
    color: #000;
    cursor: pointer;
}

/*******************************************
 * CARRUSEL DE AMBIENTES – versión final FINAL
 * Widget: Elementor → Carrusel de imágenes
 * Clase CSS del widget: amb-carousel
 *******************************************/
.amb-carousel {
  --radius: 16px;
  --caption-h: 46px;
  --arrow-offset: 55px;
  --zoom-color: #5B8B5A; /* verde */
}

/* Evitar recortes */
.amb-carousel .elementor-image-carousel-wrapper,
.amb-carousel .swiper,
.amb-carousel .swiper-wrapper {
  overflow: visible !important;
}

/* Cada slide con espacio para leyenda */
.amb-carousel .swiper-slide {
  position: relative;
  padding-bottom: var(--caption-h);
}

/* Marco cuadrado */
.amb-carousel .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: var(--radius);
  overflow: hidden;
  background: transparent !important;
  line-height: 0;
}

/* Imagen centrada y llena */
.amb-carousel .swiper-slide a img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: var(--radius);
}

/* ----------- OVERLAY + CÍRCULO + LUPA ----------- */

/* --- Overlay + círculo verde + lupa blanca EN UN SOLO PSEUDO --- */
.amb-carousel .swiper-slide a::after{
  content:"";
  position:absolute; inset:0;
  opacity:0; transition:opacity .25s ease;
  pointer-events:none;
  z-index:3;

  /* 1) LUPA (arriba), 2) CÍRCULO, 3) OSCURECIDO (abajo) */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"),
    radial-gradient(circle at center, #5B8B5A 0 70px, transparent 71px),
    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35));

  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center center, center center, center center;
  background-size: 48px 48px, 140px 140px, 100% 100%;
}

/* Mostrar al hover */
.amb-carousel .swiper-slide:hover a::after{ opacity:1; }


/* ----------- LEYENDA INFERIOR ----------- */
.amb-carousel .elementor-image-carousel-caption,
.amb-carousel .swiper-slide figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--caption-h);
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #d84315;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 0 0 var(--radius) var(--radius);
  z-index: 5;
}

/* ----------- FLECHAS FUERA ----------- */
.amb-carousel .swiper-button-prev,
.amb-carousel .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  z-index: 30;
}
.amb-carousel .swiper-button-prev { left: calc(-1 * var(--arrow-offset)); }
.amb-carousel .swiper-button-next { right: calc(-1 * var(--arrow-offset)); }

/* ----------- RESPONSIVE ----------- */
@media (max-width: 1024px) {
  .amb-carousel { --caption-h: 42px; --arrow-offset: 42px; }
}
@media (max-width: 767px) {
  .amb-carousel .swiper-button-prev,
  .amb-carousel .swiper-button-next { display: none; }
}


.elementor-widget-image-carousel .swiper{padding: 1em !important;}

.elementor-element .swiper .elementor-swiper-button-prev{left: -10px !important;}

.elementor-element .swiper .elementor-swiper-button-next{right: -10px !important;}

.elementor-2104 .elementor-element.elementor-element-2282feca .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2104 .elementor-element.elementor-element-2282feca .elementor-swiper-button.elementor-swiper-button-next {
    font-size: 30px;
    color: #FFFFFF;
    background: black  !important;
    border-radius: 50% !important;
    padding: 5px !important;
}
.elementor-button-icon svg {
    width: 3em !important;
    height: auto;
}

.elementor-element-b17c2d0 .elementor-swiper-button-prev {
    left: 5% !important;
    z-index: 10;
    border-radius: 50% !important;
    padding: 5px !important;
	top: 65% !important;
}
.elementor-element-b17c2d0 .elementor-swiper-button-next {
    z-index: 10;
    border-radius: 50% !important;
    padding: 5px !important;
	top: 65% !important;
	right: 80% !important;
}

.elementor-element-172ad4e .elementor-swiper-button-next {
    z-index: 10;
	background: black  !important;
    border-radius: 50% !important;
    padding: 5px !important;
	right: 40% !important;
    top: 90% !important;
}
.elementor-element-172ad4e .elementor-swiper-button-prev {
	display: none !important;
}
.footer__bottom-5 {
    display: none !important;
}