{"id":191,"date":"2026-03-30T16:28:49","date_gmt":"2026-03-30T16:28:49","guid":{"rendered":"https:\/\/tamazirtsurfshopschool.com\/?page_id=191"},"modified":"2026-03-30T16:57:26","modified_gmt":"2026-03-30T16:57:26","slug":"surf-lessons-in-taghazout","status":"publish","type":"page","link":"https:\/\/tamazirtsurfshopschool.com\/es\/surf-lessons-in-taghazout\/","title":{"rendered":"Surf Lessons In Taghazout"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Surf Lessons in Taghazout | Tamazirt Surf Shop & School<\/title>\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Poppins', sans-serif;\r\n background: #f5f7fb;\r\n color: #1e2a3e;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* ===== HERO SECTION - REDUCED HEIGHT FOR MOBILE ===== *\/\r\n .tsl-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 65vh;\r\n min-height: 420px;\r\n max-height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n .tsl-hero__image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 35%;\r\n z-index: 1;\r\n }\r\n\r\n .tsl-hero__overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(10, 47, 68, 0.75) 0%, rgba(30, 107, 143, 0.65) 100%);\r\n z-index: 2;\r\n }\r\n\r\n .tsl-hero__content {\r\n position: relative;\r\n z-index: 3;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n height: 100%;\r\n padding: 2rem;\r\n color: white;\r\n }\r\n\r\n .tsl-hero__title {\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 15px;\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.3);\r\n }\r\n\r\n .tsl-hero__title span {\r\n color: #FF6B6B;\r\n }\r\n\r\n .tsl-hero__sub {\r\n font-size: clamp(0.95rem, 3vw, 1.2rem);\r\n opacity: 0.95;\r\n margin-bottom: 25px;\r\n max-width: 700px;\r\n }\r\n\r\n .tsl-hero__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #DC2626;\r\n color: white;\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n transition: all 0.3s;\r\n box-shadow: 0 8px 20px rgba(220,38,38,0.4);\r\n }\r\n\r\n .tsl-hero__btn:hover {\r\n background: white;\r\n color: #DC2626;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Mobile banner height reduced *\/\r\n @media (max-width: 768px) {\r\n .tsl-hero {\r\n height: 45vh;\r\n min-height: 320px;\r\n max-height: 400px;\r\n }\r\n .tsl-hero__image {\r\n object-position: 50% 30%;\r\n }\r\n .tsl-hero__btn {\r\n padding: 10px 24px;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tsl-hero {\r\n height: 40vh;\r\n min-height: 280px;\r\n max-height: 360px;\r\n }\r\n .tsl-hero__image {\r\n object-position: 50% 28%;\r\n }\r\n .tsl-hero__content {\r\n padding: 1rem;\r\n }\r\n .tsl-hero__title {\r\n font-size: 1.6rem;\r\n margin-bottom: 8px;\r\n }\r\n .tsl-hero__sub {\r\n font-size: 0.85rem;\r\n margin-bottom: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .tsl-hero {\r\n height: 38vh;\r\n min-height: 250px;\r\n max-height: 320px;\r\n }\r\n }\r\n\r\n \/* ===== MAIN CONTAINER ===== *\/\r\n .tsl-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem;\r\n }\r\n\r\n \/* ===== WHY CHOOSE US SECTION ===== *\/\r\n .tsl-why {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .tsl-why__title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-why__sub {\r\n color: #4a6f86;\r\n max-width: 800px;\r\n margin: 0 auto 2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .tsl-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .tsl-feature {\r\n background: white;\r\n padding: 2rem 1.5rem;\r\n border-radius: 1.5rem;\r\n text-align: center;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .tsl-feature:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .tsl-feature__icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.2rem;\r\n }\r\n\r\n .tsl-feature__icon svg {\r\n width: 34px;\r\n height: 34px;\r\n stroke: #DC2626;\r\n stroke-width: 1.8;\r\n fill: none;\r\n }\r\n\r\n .tsl-feature__title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #0a2f44;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-feature__desc {\r\n font-size: 0.85rem;\r\n color: #4a6f86;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ===== GALLERY CAROUSEL ===== *\/\r\n .tsl-gallery {\r\n margin: 3rem 0 4rem;\r\n }\r\n\r\n .tsl-gallery__carousel {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1.5rem;\r\n }\r\n\r\n .tsl-carousel__track {\r\n display: flex;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .tsl-carousel__slide {\r\n flex-shrink: 0;\r\n width: calc(100% \/ 4);\r\n padding: 0 8px;\r\n }\r\n\r\n .tsl-carousel__slide img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 1rem;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .tsl-carousel__slide img:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .tsl-carousel__btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(5px);\r\n color: white;\r\n border: none;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.3s;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .tsl-carousel__btn:hover {\r\n background: #DC2626;\r\n }\r\n\r\n .tsl-carousel__btn--prev { left: 10px; }\r\n .tsl-carousel__btn--next { right: 10px; }\r\n\r\n .tsl-carousel__dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-top: 1rem;\r\n }\r\n\r\n .tsl-carousel__dot {\r\n width: 10px;\r\n height: 10px;\r\n background: #cbd5e1;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .tsl-carousel__dot.active {\r\n background: #DC2626;\r\n width: 24px;\r\n border-radius: 10px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .tsl-carousel__slide { width: calc(100% \/ 3); }\r\n .tsl-carousel__slide img { height: 200px; }\r\n }\r\n @media (max-width: 768px) {\r\n .tsl-carousel__slide { width: calc(100% \/ 2); }\r\n .tsl-carousel__slide img { height: 180px; }\r\n .tsl-carousel__btn { width: 36px; height: 36px; font-size: 1rem; }\r\n }\r\n @media (max-width: 480px) {\r\n .tsl-carousel__slide { width: 100%; }\r\n .tsl-carousel__slide img { height: 220px; }\r\n }\r\n\r\n \/* ===== RATINGS SECTION ===== *\/\r\n .tsl-ratings {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 2rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .tsl-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: white;\r\n padding: 12px 24px;\r\n border-radius: 60px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n }\r\n\r\n .tsl-rating img {\r\n height: 32px;\r\n width: auto;\r\n }\r\n\r\n .tsl-rating span {\r\n font-weight: 700;\r\n color: #0a2f44;\r\n }\r\n\r\n .tsl-rating strong {\r\n color: #DC2626;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* ===== LESSON CARDS WITH IMAGES ===== *\/\r\n .tsl-section-title {\r\n text-align: center;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin: 3rem 0 1rem;\r\n }\r\n\r\n .tsl-section-sub {\r\n text-align: center;\r\n color: #4a6f86;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .tsl-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .tsl-card {\r\n background: white;\r\n border-radius: 1.8rem;\r\n overflow: hidden;\r\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .tsl-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 45px -15px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .tsl-card__image {\r\n height: 200px;\r\n overflow: hidden;\r\n }\r\n\r\n .tsl-card__image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .tsl-card:hover .tsl-card__image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .tsl-card__header {\r\n background: #0a2f44;\r\n color: white;\r\n padding: 1rem;\r\n text-align: center;\r\n }\r\n\r\n .tsl-card__header h3 {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n }\r\n\r\n .tsl-card__content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .tsl-card__list {\r\n list-style: none;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-card__list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.85rem;\r\n color: #2c4a5e;\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .tsl-card__list li svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #DC2626;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n .tsl-card__bonus {\r\n background: #fef3c7;\r\n padding: 0.8rem;\r\n border-radius: 1rem;\r\n margin: 1rem 0;\r\n font-size: 0.8rem;\r\n color: #92400e;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .tsl-card__price {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n padding: 1rem 0;\r\n border-top: 1px solid #e2e8f0;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .tsl-old-price {\r\n font-size: 1rem;\r\n color: #8b9eb0;\r\n text-decoration: line-through;\r\n }\r\n\r\n .tsl-new-price {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #DC2626;\r\n }\r\n\r\n .tsl-card__btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n background: #25D366;\r\n color: white;\r\n font-weight: 700;\r\n padding: 0.9rem;\r\n border-radius: 50px;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n margin-top: 1rem;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n }\r\n\r\n .tsl-card__btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ===== FAQ SECTION ===== *\/\r\n .tsl-faq {\r\n background: white;\r\n border-radius: 2rem;\r\n padding: 2.5rem;\r\n margin: 3rem 0;\r\n }\r\n\r\n .tsl-faq__title {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-faq__sub {\r\n text-align: center;\r\n color: #4a6f86;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .tsl-faq__grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n\r\n .tsl-faq__item {\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n .tsl-faq__question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 0;\r\n cursor: pointer;\r\n font-weight: 600;\r\n color: #0a2f44;\r\n }\r\n\r\n .tsl-faq__question:hover {\r\n color: #DC2626;\r\n }\r\n\r\n .tsl-faq__icon svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: #DC2626;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .tsl-faq__item.active .tsl-faq__icon svg {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .tsl-faq__answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s;\r\n color: #4a6f86;\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .tsl-faq__item.active .tsl-faq__answer {\r\n max-height: 200px;\r\n padding-bottom: 1rem;\r\n }\r\n\r\n \/* ===== MEETING POINT ===== *\/\r\n .tsl-meeting {\r\n background: linear-gradient(135deg, #0a2f44 0%, #1e6b8f 100%);\r\n border-radius: 1.5rem;\r\n padding: 2rem;\r\n text-align: center;\r\n margin: 2rem 0;\r\n }\r\n\r\n .tsl-meeting h3 {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-meeting p {\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-meeting__link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #DC2626;\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .tsl-container { padding: 2rem 1rem; }\r\n .tsl-why__title { font-size: 1.6rem; }\r\n .tsl-section-title { font-size: 1.6rem; }\r\n .tsl-features { gap: 1rem; }\r\n .tsl-ratings { gap: 1rem; }\r\n .tsl-rating { padding: 8px 16px; }\r\n .tsl-rating img { height: 24px; }\r\n .tsl-faq { padding: 1.5rem; }\r\n .tsl-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tsl-card__header h3 { font-size: 1.2rem; }\r\n .tsl-card__content { padding: 1.2rem; }\r\n .tsl-new-price { font-size: 1.4rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero Banner - No Emojis, Reduced Mobile Height -->\r\n <section class=\"tsl-hero\">\r\n <img decoding=\"async\" class=\"tsl-hero__image\" \r\n src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.08.jpeg\"\r\n alt=\"Surf Lessons in Taghazout\">\r\n <div class=\"tsl-hero__overlay\"><\/div>\r\n <div class=\"tsl-hero__content\">\r\n <h1 class=\"tsl-hero__title\">Clases de surf <span>En Taghazout<\/span><\/h1>\r\n <p class=\"tsl-hero__sub\">Ap\u00fantate a inolvidables clases de surf en la belleza costera de Taghazout<\/p>\r\n <a href=\"#packages\" class=\"tsl-hero__btn\">\r\n Ver paquetes y precios\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"tsl-container\">\r\n \r\n <!-- Why Choose Us - No Emojis -->\r\n <div class=\"tsl-why\">\r\n <h2 class=\"tsl-why__title\">\u00bfPor qu\u00e9 elegir Tamazirt Surf para tus clases de surf?<\/h2>\r\n <p class=\"tsl-why__sub\">En Tamazirt Surf, el surf no es s\u00f3lo un deporte, es una aventura inolvidable. Nuestras clases de surf en Taghazout est\u00e1n dirigidas por instructores apasionados que personalizan cada sesi\u00f3n a su nivel de habilidad, ayudando a montar las olas con confianza en un ambiente divertido y agradable.<\/p>\r\n \r\n <div class=\"tsl-features\">\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L15 8.5L22 9.5L17 14L18.5 21L12 17.5L5.5 21L7 14L2 9.5L9 8.5L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">5.0 Escuela de surf mejor valorada<\/h3>\r\n <p class=\"tsl-feature__desc\">Calificado sistem\u00e1ticamente con 5 estrellas por cientos de navegantes satisfechos.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Para principiantes<\/h3>\r\n <p class=\"tsl-feature__desc\">Lecciones paso a paso sencillas, seguras y divertidas para principiantes.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Instructores expertos<\/h3>\r\n <p class=\"tsl-feature__desc\">Aprenda de surfistas locales experimentados que comparten sus conocimientos sobre el oc\u00e9ano.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Seguridad y apoyo<\/h3>\r\n <p class=\"tsl-feature__desc\">Instructores titulados, material de alta calidad y supervisi\u00f3n de socorristas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gallery Carousel under Why Choose Us -->\r\n <div class=\"tsl-gallery\">\r\n <div class=\"tsl-gallery__carousel\" id=\"galleryCarousel\">\r\n <div class=\"tsl-carousel__track\" id=\"carouselTrack\">\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\" alt=\"Surf action\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12-1.jpeg\" alt=\"Surf lesson\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12-2.jpeg\" alt=\"Wave riding\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11-1.jpeg\" alt=\"Surf coaching\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11-2.jpeg\" alt=\"Beach sunset\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10.jpeg\" alt=\"Group surf\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10-1.jpeg\" alt=\"Surfboard\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10-2.jpeg\" alt=\"Ocean view\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09.jpeg\" alt=\"Surf session\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-1.jpeg\" alt=\"Wave\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-2.jpeg\" alt=\"Surf action\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.07-1.jpeg\" alt=\"Beach\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.06-1.jpeg\" alt=\"Sunset surf\"><\/div>\r\n <\/div>\r\n <button class=\"tsl-carousel__btn tsl-carousel__btn--prev\" id=\"carouselPrev\">\u276e<\/button>\r\n <button class=\"tsl-carousel__btn tsl-carousel__btn--next\" id=\"carouselNext\">\u276f<\/button>\r\n <div class=\"tsl-carousel__dots\" id=\"carouselDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ratings -->\r\n <div class=\"tsl-ratings\">\r\n <div class=\"tsl-rating\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/tripadvisor.png\" alt=\"TripAdvisor\">\r\n <span><strong>5.0<\/strong> - Mejor valorados<\/span>\r\n <\/div>\r\n <div class=\"tsl-rating\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/google_2504739.png\" alt=\"Google\">\r\n <span><strong>4.9<\/strong> - 350+ Comentarios<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Packages Section -->\r\n <h2 id=\"packages\" class=\"tsl-section-title\">Principiantes e intermedios<\/h2>\r\n <p class=\"tsl-section-sub\">Elija su clase de surf - Grupo abierto, Individual o Grupo privado<\/p>\r\n\r\n <div class=\"tsl-grid\">\r\n \r\n <!-- Open Group Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\" alt=\"Open Group Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Lecciones del Grupo Abierto<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Clase de surf de 2 horas con instructores experimentados<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Tabla y traje de neopreno de alta calidad, leash y cera incluidos<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Aprender a remar, ponerse de pie, coger olas<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Ambiente divertido y relajado - Haz nuevos amigos<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>No hace falta experiencia, \u00a1s\u00f3lo trae tu sonrisa!<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus: \u00a1Qu\u00e9date con la tabla de surf y el traje de neopreno para el resto del d\u00eda!<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac31.65<\/span>\r\n <span class=\"tsl-new-price\">\u20ac25<\/span>\r\n <span>\/persona<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/es\/booking\/\" class=\"tsl-card__btn\">\r\n Reserve ahora\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Cancelaci\u00f3n gratuita - Pago a la llegada - Confirmaci\u00f3n instant\u00e1nea<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Private 1-on-1 Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-3.jpeg\" alt=\"Private 1-on-1 Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Clases particulares<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Sesi\u00f3n privada de 2 horas - atenci\u00f3n completa<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Acelere su aprendizaje con un tutor personal<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Todo el equipo incluido (tabla, traje de neopreno, leash, cera)<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Ritmo flexible, tus objetivos primero - Fotos a petici\u00f3n<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>M\u00e1ximo progreso en el m\u00ednimo tiempo<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus: \u00a1Qu\u00e9date con la tabla de surf y el traje de neopreno para el resto del d\u00eda!<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac69.62<\/span>\r\n <span class=\"tsl-new-price\">\u20ac55<\/span>\r\n <span>\/persona<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/es\/booking\/\" class=\"tsl-card__btn\">\r\n Reserve ahora\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Cancelaci\u00f3n gratuita - Pago a la llegada - Confirmaci\u00f3n instant\u00e1nea<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Private Group Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11.jpeg\" alt=\"Private Group Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Clases particulares en grupo<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Clase privada de 2 horas para su grupo<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Instructor dedicado para su grupo privado<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Todo el equipo incluido (tabla, traje de neopreno, leash, cera)<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Perfecto para parejas, familias o amigos<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Coaching personalizado - Momentos memorables<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus: \u00a1Qu\u00e9date con la tabla de surf y el traje de neopreno para el resto del d\u00eda!<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac37.97<\/span>\r\n <span class=\"tsl-new-price\">\u20ac30<\/span>\r\n <span>\/persona<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/es\/booking\/\" class=\"tsl-card__btn\">\r\n Reserve ahora\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Cancelaci\u00f3n gratuita - Pago a la llegada - Confirmaci\u00f3n instant\u00e1nea<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Meeting Point -->\r\n <div class=\"tsl-meeting\">\r\n <h3>Punto de encuentro<\/h3>\r\n <p>Tamazirt Surf Shop & School, centro de Taghazout, Taghazout 80022<\/p>\r\n <a href=\"https:\/\/maps.app.goo.gl\/UkAxzbi9Dix8K7Td8\" target=\"_blank\" class=\"tsl-meeting__link\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Encu\u00e9ntrenos aqu\u00ed\r\n <\/a>\r\n <p style=\"font-size:0.8rem; margin-top:0.8rem;\">Inicio y fin: Tamazirt Surf Shop, Taghazout<\/p>\r\n <\/div>\r\n\r\n <!-- FAQ Section -->\r\n <div class=\"tsl-faq\">\r\n <h2 class=\"tsl-faq__title\">Informaci\u00f3n adicional \/ Preguntas frecuentes<\/h2>\r\n <p class=\"tsl-faq__sub\">Explore aqu\u00ed nuestras preguntas m\u00e1s frecuentes sobre las clases de surf.<\/p>\r\n \r\n <div class=\"tsl-faq__grid\">\r\n <div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfNecesito experiencia en surf?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">No se necesita experiencia. Nuestras clases son para todos los niveles, desde principiantes hasta surfistas intermedios.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfC\u00f3mo pago la clase de surf?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Puede pagar a su llegada a nuestra tienda. Se aceptan pagos en efectivo y con tarjeta.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfQu\u00e9 incluye?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Tabla de surf, traje de neopreno, leash, cera y entrenamiento profesional. Adem\u00e1s, \u00a1podr\u00e1s quedarte el equipo para el resto del d\u00eda!<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfQu\u00e9 debo llevar?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Ba\u00f1ador, toalla, crema solar, agua y una actitud positiva.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfCu\u00e1nto dura cada clase de surf?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Cada clase dura 2 horas, incluida la teor\u00eda y la pr\u00e1ctica en el agua.<\/div><\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfC\u00f3mo programar?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Reserva en l\u00ednea o ponte en contacto con nosotros por WhatsApp. Las clases se imparten a diario a las 10:00 y a las 14:00.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfTienen servicio de recogida en el hotel?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">S\u00ed, recogida gratuita en los hoteles de Taghazout. P\u00f3ngase en contacto con nosotros con 24 horas de antelaci\u00f3n.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfQu\u00e9 es una clase de surf del Grupo Open?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Clases en grupos reducidos (m\u00e1ximo 5 por profesor): sociales, divertidas y asequibles.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfQu\u00e9 es una clase privada en grupo?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Clase exclusiva para su grupo (2-10 personas) con un instructor especializado.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>\u00bfPuedo quedarme con la tabla despu\u00e9s de la clase?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">S\u00ed, puedes quedarte con la tabla y el traje y seguir surfeando el resto del d\u00eda.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact CTA -->\r\n <div class=\"tsl-meeting\" style=\"background: linear-gradient(135deg, #DC2626 0%, #b91c1c 100%);\">\r\n <h3>\u00bfA\u00fan tiene preguntas?<\/h3>\r\n <p>Ponte en contacto con nosotros por WhatsApp: \u00a1estamos aqu\u00ed para ayudarte a planificar tu experiencia de surf perfecta!<\/p>\r\n <a href=\"https:\/\/wa.me\/212762650528\" target=\"_blank\" class=\"tsl-meeting__link\" style=\"background: white; color: #DC2626;\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n WhatsApp +212 762-650528\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Gallery Carousel\r\n const track = document.getElementById('carouselTrack');\r\n const slides = document.querySelectorAll('.tsl-carousel__slide');\r\n const prevBtn = document.getElementById('carouselPrev');\r\n const nextBtn = document.getElementById('carouselNext');\r\n const dotsContainer = document.getElementById('carouselDots');\r\n let currentIndex = 0;\r\n let slidesPerView = 4;\r\n const totalSlides = slides.length;\r\n\r\n function updateSlidesPerView() {\r\n if (window.innerWidth <= 480) slidesPerView = 1;\r\n else if (window.innerWidth <= 768) slidesPerView = 2;\r\n else if (window.innerWidth <= 1024) slidesPerView = 3;\r\n else slidesPerView = 4;\r\n }\r\n\r\n function getMaxIndex() {\r\n return Math.max(0, totalSlides - slidesPerView);\r\n }\r\n\r\n function updateCarousel() {\r\n updateSlidesPerView();\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n const translateX = -(currentIndex * (100 \/ slidesPerView));\r\n track.style.transform = `translateX(${translateX}%)`;\r\n document.querySelectorAll('.tsl-carousel__dot').forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function createDots() {\r\n dotsContainer.innerHTML = '';\r\n const maxIndex = getMaxIndex();\r\n for (let i = 0; i <= maxIndex; i++) {\r\n const dot = document.createElement('div');\r\n dot.classList.add('tsl-carousel__dot');\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n updateCarousel();\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n if (prevBtn && nextBtn) {\r\n prevBtn.addEventListener('click', () => {\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n updateCarousel();\r\n }\r\n });\r\n nextBtn.addEventListener('click', () => {\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex < maxIndex) {\r\n currentIndex++;\r\n updateCarousel();\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('resize', () => {\r\n updateCarousel();\r\n createDots();\r\n });\r\n\r\n createDots();\r\n updateCarousel();\r\n\r\n \/\/ FAQ Toggle\r\n document.querySelectorAll('.tsl-faq__item').forEach(item => {\r\n const question = item.querySelector('.tsl-faq__question');\r\n question.addEventListener('click', () => item.classList.toggle('active'));\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Surf Lessons in Taghazout | Tamazirt Surf Shop & School Surf Lessons In Taghazout Join Unforgettable Surf Lessons in Taghazout Coastal Beauty View Packages & Prices Why Choose Tamazirt Surf for Your Surf Lessons? At Tamazirt Surf, surfing isn’t just a sport, it’s an unforgettable adventure. Our surf lessons in Taghazout are led by passionate […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/pages\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":10,"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/pages\/191\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/tamazirtsurfshopschool.com\/es\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}