{"id":3733,"date":"2025-01-24T12:44:06","date_gmt":"2025-01-24T12:44:06","guid":{"rendered":"https:\/\/schirmacher-hf.de\/travel-destinations-with-scroll-accordion\/"},"modified":"2025-01-24T12:44:06","modified_gmt":"2025-01-24T12:44:06","slug":"destinos-de-viaje-con-acordeon-de-desplazamiento","status":"publish","type":"page","link":"https:\/\/schirmacher-hf.de\/es\/travel-destinations-with-scroll-accordion\/","title":{"rendered":"Destinos de viaje con Scroll Accordion"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"3733\" class=\"elementor elementor-3733\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e0f85 e-flex e-con-boxed e-con e-parent\" data-id=\"43e0f85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34aa0db elementor-widget elementor-widget-ucaddon_animated_mouse_scroll_icon\" data-id=\"34aa0db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_animated_mouse_scroll_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Animated Mouse Scroll Icon -->\n<style>\/* widget: Animated Mouse Scroll Icon *\/\n\n.mousey {\n  border-style:solid;\n  box-sizing: border-box;\n  display:inline-block;\n  text-align:center;\n}\n.scroller {\n  border-radius: 50px;\n  animation-name: scroll;\n  animation-duration: 2.2s;\n  animation-timing-function: cubic-bezier(.15,.41,.69,.94);\n  animation-iteration-count: infinite;\n  display:inline-block;\n}\n@keyframes scroll {\n  0% { opacity: 0; }\n  10% { transform: translateY(0); opacity: 1; }\n  100% { transform: translateY(15px); opacity: 0;}\n}\n\n<\/style>\n\n<div class=\"scroll-downs\" style=\"text-align:center;\">\n  <a href=\"#\" >\t\n  <div class=\"mousey\">\n    <div class=\"scroller\"><\/div>\n  <\/div>\n  <\/a>\t\n<\/div>\n<!-- end Animated Mouse Scroll Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ae546b elementor-widget elementor-widget-text-editor\" data-id=\"2ae546b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Despl\u00e1cese hacia abajo para ver el acorde\u00f3n de desplazamiento en acci\u00f3n. Observa c\u00f3mo el contenido se despliega con un suave efecto de paralaje, creando una din\u00e1mica sensaci\u00f3n de profundidad e interacci\u00f3n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb7eab e-flex e-con-boxed e-con e-parent\" data-id=\"8cb7eab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-54fea12 e-con-full e-flex e-con e-child\" data-id=\"54fea12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90b55 elementor-widget elementor-widget-heading\" data-id=\"1c90b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Destinos de viaje<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e251da elementor-widget elementor-widget-text-editor\" data-id=\"3e251da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explore ciudades emblem\u00e1ticas y destinos impresionantes. Su aventura inolvidable comienza aqu\u00ed.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-839d10d e-con-full e-flex e-con e-child\" data-id=\"839d10d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb727d elementor-widget elementor-widget-ucaddon_scroll_accordion\" data-id=\"7eb727d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_scroll_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Scroll Accordion -->\n\t\t<link id='font-awesome-css' href='https:\/\/schirmacher-hf.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/schirmacher-hf.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Scroll Accordion *\/\n\n#uc_scroll_accordion_elementor_7eb727d {\n\twidth: 100%;\n\tmargin: 0 auto;\n\t--card-top-offset: 53px;\n    --card-height:600px;\n}\n\n@media (max-width: 1024px) {\n  #uc_scroll_accordion_elementor_7eb727d {\n\t--card-top-offset:  53px;\n    --card-height:500px;\n  }\n}\n@media (max-width: 767px) {\n  #uc_scroll_accordion_elementor_7eb727d {\n\t--card-top-offset:  53px;\n    --card-height:700px ;\n  }\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_cards_wrapper {\n    padding-bottom: calc(4 * var(--card-top-offset)); \/* Make place at bottom, as items will slide to that position*\/\n  \tdisplay: grid;\n    justify-items: center;\n\tgrid-template-columns: 1fr;\n    grid-template-rows: repeat(4, var(--card-height));\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item {\n\t\/*position: sticky;*\/\/* will be enabled in js to allow calc of start position of the cards *\/\n\ttransform-origin: 50 0;\n\twill-change: transform;\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_card_content {\n    height: var(--card-height);\n    min-height: var(--card-height);\n\toverflow: hidden;\n\tdisplay: flex;\n    flex-direction:column;\n\talign-items: stretch;\n    position:relative;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_accordion_heading{\n  display:flex;\n  flex-direction:row;\n  align-items:center;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_accordion_heading svg{\n  width:1em;\n  height:1em;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_content_wrapper {\n\tdisplay: flex;\n\talign-items: stretch;\n    position:relative;\n  height:100%;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_content_left {\n\tplace-self: center;\n\tdisplay: grid;\n    align-content: center;\n    flex-shrink: 0;\n    flex-grow:1;\n    }\n\n#uc_scroll_accordion_elementor_7eb727d .ue_card_content  figure {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  overflow: hidden;\n  flex-grow: 1;\n  max-height:100%;\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_sc_button {\n\tdisplay: inline-block;\n    height: fit-content;\n    overflow:hidden;\n}\n\n #uc_scroll_accordion_elementor_7eb727d .ue_sc_graphic_el{\n   display:flex;\n   justify-content:center;\n   align-content:center;\n   align-items:center;\n   overflow:hidden;\n }\n #uc_scroll_accordion_elementor_7eb727d .ue_sc_graphic_el svg{\n  width:1em;\n  height:1em;\n }\n\n\n\/* soft styles*\/\n.ue_sc_title {\n\tfont-weight: 300;\n\tfont-size: 2.4em;\n    line-height: 1.2;\n}\n\n.ue_sc_desc {\n\tfont-weight: 300;\n\tline-height: 1.42;\n}\n.ue_scroll_accordion_item {\n  width:100%;\n}\n.ue_card_content {\n\tbox-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);\n}\n\/* *\/\n\n\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item.uc-item-error .ue_content_wrapper,\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item.uc-item-message .ue_content_wrapper{\n  justify-content: center;\n  align-items: center;\n}\n#uc_scroll_accordion_elementor_7eb727d .uc-error{\n  color:red;\n  font-weight:500;\n}\n#uc_scroll_accordion_elementor_7eb727d .uc-message{\n  font-weight:500;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-d21388e {\n  padding-top: calc(0 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-e3ffa55 {\n  padding-top: calc(1 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-92001ab {\n  padding-top: calc(2 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-47a6b26 {\n  padding-top: calc(3 * var(--card-top-offset))!important;\n}\n\n\n<\/style>\n\n<div id=\"uc_scroll_accordion_elementor_7eb727d\" data-editor=\"no\" data-errors=\"false\" data-show-section=\"no\" class=\"ue_scroll_accordion_widget uc_creative_buttons\"   dir=\"ltr\">\n  <div class=\"ue_cards_wrapper uc-items-wrapper\" role=\"list\">\n    <div class=\"ue_scroll_accordion_item elementor-repeater-item-d21388e ueitem-1\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item1-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/sydney-opera-house-svgrepo-com-1.svg' class='uc-svg-image'> S\u00eddney, la joya de Australia<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item1-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item1-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udfd6\ufe0f            <\/div>\n                    <div class=\"ue_sc_title\">Sydney, Australia<\/div>          <div class=\"ue_sc_desc\">Sum\u00e9rjase en el coraz\u00f3n de la ciudad m\u00e1s emblem\u00e1tica de Australia. Desde la \u00d3pera hasta Bondi Beach, disfrute de impresionantes vistas, gastronom\u00eda y aventuras inolvidables.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>M\u00e1s informaci\u00f3n<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Descripci\u00f3n de la imagen\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-e3ffa55 ueitem-2\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item2-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/tokyo-tower-svgrepo-com.svg' class='uc-svg-image'> Tokio - El coraz\u00f3n de Jap\u00f3n<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item2-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item2-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udf8e            <\/div>\n                    <div class=\"ue_sc_title\">Tokio, Jap\u00f3n<\/div>          <div class=\"ue_sc_desc\">Sum\u00e9rjase en las vibrantes calles de Tokio. Desde templos antiguos hasta rascacielos futuristas, descubra una ciudad siempre viva de cultura e innovaci\u00f3n.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>M\u00e1s informaci\u00f3n<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Descripci\u00f3n de la imagen\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-92001ab ueitem-3\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item3-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/eiffel-tower-svgrepo-com.svg' class='uc-svg-image'> Par\u00eds - La ciudad de las luces<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item3-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item3-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83d\uddfc            <\/div>\n                    <div class=\"ue_sc_title\">Par\u00eds, Francia<\/div>          <div class=\"ue_sc_desc\">Pasee por calles llenas de encanto, marav\u00edllese ante la Torre Eiffel y saboree una gastronom\u00eda de talla mundial. Par\u00eds ofrece un romanticismo atemporal y experiencias inolvidables.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>M\u00e1s informaci\u00f3n<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Descripci\u00f3n de la imagen\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-47a6b26 ueitem-4\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item4-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/statue-of-liberty-svgrepo-com.svg' class='uc-svg-image'> Nueva York - La Gran Manzana<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item4-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item4-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udf06            <\/div>\n                    <div class=\"ue_sc_title\">Nueva York, EE.UU.<\/div>          <div class=\"ue_sc_desc\">Explora lugares emblem\u00e1ticos, calles bulliciosas y la vibrante cultura local. Desde Times Square hasta Central Park, Nueva York es un lugar inolvidable como ning\u00fan otro.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>M\u00e1s informaci\u00f3n<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Descripci\u00f3n de la imagen\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n\n  <\/div>\n<\/div>\n<!-- end Scroll Accordion -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82f0546 elementor-widget elementor-widget-spacer\" data-id=\"82f0546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-188378b e-flex e-con-boxed e-con e-parent\" data-id=\"188378b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef601e elementor-widget elementor-widget-ucaddon_ue_scroll_to_top\" data-id=\"7ef601e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_ue_scroll_to_top.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Scroll To Top -->\n\n<style>\/* widget: Scroll To Top *\/\n\n#uc_ue_scroll_to_top_elementor_7ef601e.ue-scroll-to {\n    display: flex;\n   z-index: auto;\n  \n}\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta {\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  transition: all 400ms ease-in-out;\n  align-content:center;\n  justify-content:center;\n  flex-direction:column;\n  text-align:center;\n}\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta .ue-scroll-to-icon {\n  line-height:1em;\n  margin:0 auto;\n}\n\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta .ue-scroll-to-icon svg {\n  height:1em; \n  width:1em; \n}\n\n.ue-scroll-to-cta \n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-icon {\n  position: relative;\n}\n\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-icon:hover {\n  cursor: pointer;\n}\n.ue-snap-v-middle{\n  top:50%;\n}\n.ue-scroll-to-text\n{\n  font-size:10px;\n}\n\n\t\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\n<\/style>\n\n<div id=\"uc_ue_scroll_to_top_elementor_7ef601e\" class=\"ue-scroll-to ue-snap-v-bottom ue-snap-h-right\">\n      <div class=\"ue-scroll-to-cta none\">\n          <div class=\"ue-scroll-to-icon\"><i class='fas fa-arrow-up'><\/i><\/div>\n          \t\n      <\/div>\n<\/div>\n<!-- end Scroll To Top -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55496c6 elementor-widget elementor-widget-text-editor\" data-id=\"55496c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00bfQuieres volver a ver la demo? No se preocupe. Haz clic en el bot\u00f3n \u201aDesplazarse al principio\u2018 para volver al principio y disfrutar de nuevo del suave efecto de acorde\u00f3n de desplazamiento.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Scroll down to experience the Scroll Accordion in action! Watch as the content unfolds with a smooth parallax effect, creating a dynamic sense of depth and interaction. Travel Destinations Explore iconic cities and breathtaking destinations. Your unforgettable adventure starts here! Sydney \u2013 Down Under\u2019s Gem \ud83c\udfd6\ufe0f Sydney, Australia Dive into the heart of Australia\u2019s iconic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3733","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/pages\/3733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/comments?post=3733"}],"version-history":[{"count":0,"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/pages\/3733\/revisions"}],"wp:attachment":[{"href":"https:\/\/schirmacher-hf.de\/es\/wp-json\/wp\/v2\/media?parent=3733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}