{"id":1376,"date":"2026-07-21T19:32:45","date_gmt":"2026-07-22T00:32:45","guid":{"rendered":"http:\/\/localhost:8012\/sebasvargas\/?page_id=1376"},"modified":"2026-07-27T20:09:58","modified_gmt":"2026-07-28T01:09:58","slug":"contacto","status":"publish","type":"page","link":"https:\/\/wexite.com\/sebasvargas\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1376\" class=\"elementor elementor-1376\">\n\t\t\t\t<section class=\"elementor-element elementor-element-ba379b4 e-con e-atomic-element e-div-block-base svp-contact-hero \" data-id=\"ba379b4\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"ba379b4\">\n    <div class=\"elementor-element elementor-element-a4b9459 e-con e-atomic-element e-div-block-base svp-contact-hero__inner \" data-id=\"a4b9459\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"a4b9459\">\n    \t\t\t<p class=\"svp-contact-hero__eyebrow e-paragraph-base\" data-interaction-id=\"4ceff9b\">Contacto<\/p>\n\t\t\t\t\t<h1 data-interaction-id=\"6f428f8\" class=\"svp-contact-hero__title e-heading-base\">\u00bfTienes un proyecto en mente?<\/h1>\n\t\t\t\t\t<p class=\"svp-contact-hero__quote e-paragraph-base\" data-interaction-id=\"2bb1ff7\">Estoy listo para capturar los mejores momentos de tu evento.<\/p>\n\t\t<a class=\"elementor-element elementor-element-168562e e-con e-atomic-element e-div-block-base svp-contact-hero__cta \" data-id=\"168562e\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"168562e\" href=\"#svp-contact-form\" target=\"_self\">\n    \t\t\t<p class=\"svp-contact-hero__cta-text e-paragraph-base\" data-interaction-id=\"0af7a42\">Empecemos<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-3733454 elementor-widget elementor-widget-html\" data-id=\"3733454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span class=\"svp-contact-hero__cta-icon\" aria-hidden=\"true\">&darr;<\/span>\t\t\t\t<\/div>\n\t\t\n<\/a>\n\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-6911f59 elementor-widget elementor-widget-html\" data-id=\"6911f59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ================================================================\n   HERO \u2014 P\u00e1gina de contacto\n   ================================================================ *\/\n:root {\n    --svp-port-bg: #ffffff !important;\n    --svp-port-ink: #16130F !important;\n    --svp-port-muted: #6E6A61 !important;\n    --svp-port-accent: #aa804c !important;\n    --svp-port-line: rgba(0, 0, 0, 0.12) !important;\n    --svp-port-hover-bg: rgba(170, 128, 76, 0.06) !important;\n}\n\nhtml.svp-dark {\n    --svp-port-bg: #121212 !important;\n    --svp-port-ink: #F2EEE5 !important;\n    --svp-port-muted: #A39C8F !important;\n    --svp-port-accent: #D4A15F !important;\n    --svp-port-line: rgba(255, 255, 255, 0.12) !important;\n    --svp-port-hover-bg: rgba(212, 161, 95, 0.08) !important;\n}\n\n.svp-contact-hero {\n    position: relative !important;\n    overflow: hidden !important;\n    padding: 150px 24px 110px !important;\n    text-align: center !important;\n    font-family: 'Inter', -apple-system, sans-serif !important;\n    color: var(--svp-port-ink) !important;\n    background:\n        radial-gradient(circle at 18% 20%, var(--svp-port-hover-bg) 0%, transparent 45%),\n        radial-gradient(circle at 85% 80%, var(--svp-port-hover-bg) 0%, transparent 50%),\n        repeating-linear-gradient(\n            45deg,\n            var(--svp-port-line) 0px,\n            var(--svp-port-line) 1px,\n            transparent 1px,\n            transparent 5px\n        ),\n        var(--svp-port-bg);\n    transition: background-color .35s ease, color .35s ease !important;\n}\n\n.svp-contact-hero__inner {\n    position: relative !important;\n    max-width: 680px !important;\n    margin: 0 auto !important;\n}\n\n\/* Eyebrow *\/\n.svp-contact-hero__eyebrow {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    margin: 0 0 22px !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .22em !important;\n    text-transform: uppercase !important;\n    color: var(--svp-port-accent) !important;\n}\n\n.svp-contact-hero__eyebrow::before {\n    content: '' !important;\n    width: 6px !important;\n    height: 6px !important;\n    border-radius: 50% !important;\n    background: var(--svp-port-accent) !important;\n}\n\n\/* T\u00edtulo *\/\n.svp-contact-hero__title {\n    margin: 0 0 24px !important;\n    font-size: clamp(34px, 5.5vw, 58px) !important;\n    font-weight: 800 !important;\n    line-height: 1.1 !important;\n    letter-spacing: -0.02em !important;\n}\n\n\/* Frase entre comillas *\/\n.svp-contact-hero__quote {\n    position: relative !important;\n    margin: 0 auto 46px !important;\n    max-width: 460px !important;\n    padding: 0 8px !important;\n    font-size: 19px !important;\n    font-style: italic !important;\n    line-height: 1.6 !important;\n    color: var(--svp-port-muted) !important;\n}\n\n.svp-contact-hero__quote::before,\n.svp-contact-hero__quote::after {\n    content: '\"' !important;\n    font-family: Georgia, serif !important;\n    font-style: normal !important;\n    font-weight: 700 !important;\n    color: var(--svp-port-accent) !important;\n    opacity: .5 !important;\n}\n\n\/* Bot\u00f3n CTA *\/\n.svp-contact-hero__cta {\n    position: relative !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    padding: 16px 30px !important;\n    border-radius: 999px !important;\n    background: var(--svp-port-accent) !important;\n    color: #ffffff !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    letter-spacing: .01em !important;\n    text-decoration: none !important;\n\n    transition: transform .3s ease, background-color .3s ease !important;\n        place-content: center;\n\n}\n\n.svp-contact-hero__cta:hover,\n.svp-contact-hero__cta:focus-visible {\n    transform: translateY(-3px) !important;\n}\n\n.svp-contact-hero__cta:focus-visible {\n    outline: 2px solid var(--svp-port-ink) !important;\n    outline-offset: 3px !important;\n}\n\n.svp-contact-hero__cta-icon {\n    display: inline-flex !important;\n    animation: svp-bounce-down 1.8s ease-in-out infinite !important;\n}\n\n@keyframes svp-bounce-down {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(4px); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .svp-contact-hero__cta-icon {\n        animation: none !important;\n    }\n\n    .svp-contact-hero__cta {\n        transition: none !important;\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 600px) {\n    .svp-contact-hero {\n        padding: 100px 20px 72px !important;\n    }\n\n    .svp-contact-hero__quote {\n        font-size: 16.5px !important;\n        margin-bottom: 36px !important;\n    }\n\n    .svp-contact-hero__cta {\n        width: 100% !important;\n        justify-content: center !important;\n        padding: 15px 24px !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<section class=\"elementor-element elementor-element-739e885 e-con e-atomic-element e-div-block-base svp-contact-info \" data-id=\"739e885\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"739e885\">\n    \t\t<div class=\"elementor-element elementor-element-fea3c3e elementor-widget elementor-widget-html\" data-id=\"fea3c3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<ul class=\"svp-contact-info__list\">\r\n\r\n    <li class=\"svp-contact-info__item\">\r\n        <span class=\"svp-contact-info__icon\" aria-hidden=\"true\">\r\n            <!-- \u00edcono de correo -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n                <path d=\"M3.5 7l8.5 6 8.5-6\"><\/path>\r\n            <\/svg>\r\n        <\/span>\r\n        <div class=\"svp-contact-info__text\">\r\n            <span class=\"svp-contact-info__label\">Correo<\/span>\r\n            <a class=\"svp-contact-info__value\" href=\"mailto:johan.vargas.0220@gmail.com\">\r\n                johan.vargas.0220@gmail.com\r\n            <\/a>\r\n        <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"svp-contact-info__item\">\r\n        <span class=\"svp-contact-info__icon\" aria-hidden=\"true\">\r\n            <!-- \u00edcono de WhatsApp -->\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewBox=\"0 0 1280.000000 720.000000\" preserveAspectRatio=\"xMidYMid meet\">\r\n                <g transform=\"translate(0.000000,720.000000) scale(0.100000,-0.100000)\" fill=\"currentColor\" stroke=\"none\">\r\n                    <path d=\"M6255 6844 c-540 -35 -1107 -229 -1555 -532 -473 -320 -848 -752 -1091 -1256 -133 -276 -216 -536 -273 -856 -43 -240 -52 -602 -22 -880 40 -374 177 -822 362 -1188 l53 -103 -123 -367 c-68 -202 -191 -570 -274 -818 -84 -249 -152 -459 -152 -469 0 -9 13 -22 29 -28 26 -10 29 -14 24 -45 -6 -32 -5 -34 18 -27 41 13 936 298 1314 420 198 63 368 115 378 115 9 0 52 -17 95 -39 366 -184 756 -294 1171 -332 164 -14 498 -7 659 16 954 132 1766 659 2266 1468 163 264 318 632 401 952 79 307 117 688 96 982 -54 781 -356 1473 -881 2017 -509 527 -1157 853 -1895 952 -108 14 -482 26 -600 18z m391 -684 c357 -29 650 -108 959 -259 419 -206 770 -514 1030 -906 200 -301 323 -625 371 -979 23 -168 23 -508 0 -680 -163 -1209 -1161 -2141 -2372 -2217 -427 -26 -824 44 -1212 214 -107 47 -284 143 -339 183 -17 13 -39 24 -49 24 -9 0 -222 -65 -472 -145 -250 -80 -456 -145 -457 -143 -2 2 62 197 141 433 79 237 144 442 144 458 0 16 -18 53 -44 90 -418 599 -554 1426 -351 2127 45 152 82 245 155 390 200 391 505 732 880 982 473 316 1064 472 1616 428z\"><\/path>\r\n                    <path d=\"M5323 5236 c-23 -7 -56 -23 -75 -34 -51 -32 -199 -190 -245 -262 -147 -229 -180 -534 -92 -832 67 -225 149 -397 299 -629 190 -292 313 -450 510 -653 296 -305 545 -476 927 -635 282 -118 490 -185 607 -197 81 -8 258 20 362 58 144 52 309 168 373 262 64 96 130 313 138 457 l6 95 -31 36 c-22 24 -112 78 -294 176 -432 232 -487 254 -555 218 -17 -8 -81 -73 -141 -143 -178 -207 -215 -243 -245 -243 -38 0 -287 127 -403 205 -135 92 -223 166 -334 281 -132 137 -275 333 -355 486 l-18 36 72 79 c95 101 134 162 172 268 39 108 37 141 -20 290 -51 133 -92 243 -163 434 -58 157 -101 221 -161 240 -57 17 -287 22 -334 7z\"><\/path>\r\n                <\/g>\r\n            <\/svg>\r\n        <\/span>\r\n        <div class=\"svp-contact-info__text\">\r\n            <span class=\"svp-contact-info__label\">WhatsApp<\/span>\r\n            <a class=\"svp-contact-info__value\" href=\"https:\/\/wa.me\/573059088788\" target=\"_blank\" rel=\"noopener\">\r\n                +57 305 9088788\r\n            <\/a>\r\n        <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"svp-contact-info__item\">\r\n        <span class=\"svp-contact-info__icon\" aria-hidden=\"true\">\r\n            <!-- \u00edcono de ubicaci\u00f3n -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"><\/path>\r\n                <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\r\n            <\/svg>\r\n        <\/span>\r\n        <div class=\"svp-contact-info__text\">\r\n            <span class=\"svp-contact-info__label\">Ciudad<\/span>\r\n            <span class=\"svp-contact-info__value\">Cali, Colombia<\/span>\r\n        <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"svp-contact-info__item\">\r\n        <span class=\"svp-contact-info__icon\" aria-hidden=\"true\">\r\n            <!-- \u00edcono de Instagram -->\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\r\n                <circle cx=\"12\" cy=\"12\" r=\"4.2\"><\/circle>\r\n                <circle cx=\"17.2\" cy=\"6.8\" r=\"0.6\" fill=\"currentColor\" stroke=\"none\"><\/circle>\r\n            <\/svg>\r\n        <\/span>\r\n        <div class=\"svp-contact-info__text\">\r\n            <span class=\"svp-contact-info__label\">Instagram<\/span>\r\n            <a class=\"svp-contact-info__value\" href=\"https:\/\/www.instagram.com\/sebasvargasv_\/\" target=\"_blank\" rel=\"noopener\">\r\n                @sebasvargasv_\r\n            <\/a>\r\n        <\/div>\r\n    <\/li>\r\n\r\n<\/ul>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8516c1c elementor-widget elementor-widget-html\" data-id=\"8516c1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ================================================================\r\n   SECCI\u00d3N 2 \u2014 Informaci\u00f3n de contacto\r\n   ================================================================ *\/\r\n:root {\r\n    --svp-port-bg-info: #ffffff !important;\r\n    --svp-port-ink: #16130F !important;\r\n    --svp-port-muted: #6E6A61 !important;\r\n    --svp-port-accent: #aa804c !important;\r\n    --svp-port-line: rgba(0, 0, 0, 0.12) !important;\r\n    --svp-port-hover-bg: rgba(170, 128, 76, 0.06) !important;\r\n}\r\n\r\nhtml.svp-dark {\r\n    --svp-port-bg-info: #191919 !important;\r\n    --svp-port-ink: #F2EEE5 !important;\r\n    --svp-port-muted: #A39C8F !important;\r\n    --svp-port-accent: #D4A15F !important;\r\n    --svp-port-line: rgba(255, 255, 255, 0.12) !important;\r\n    --svp-port-hover-bg: rgba(212, 161, 95, 0.08) !important;\r\n}\r\n\r\n.svp-contact-info {\r\n    padding: 70px 24px !important;\r\n    background: var(--svp-port-bg-info) !important;\r\n    border-top: 1px solid var(--svp-port-line) !important;\r\n    border-bottom: 1px solid var(--svp-port-line) !important;\r\n    font-family: 'Inter', -apple-system, sans-serif !important;\r\n}\r\n\r\n.svp-contact-info__list {\r\n    list-style: none !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 !important;\r\n    max-width: 1100px !important;\r\n    display: grid !important;\r\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;\r\n    gap: 20px !important;\r\n}\r\n\r\n.svp-contact-info__item {\r\n    display: flex !important;\r\n    align-items: flex-start !important;\r\n    gap: 16px !important;\r\n    min-width: 0 !important;\r\n    padding: 26px 20px !important;\r\n    border: 1px solid var(--svp-port-line) !important;\r\n    border-radius: 0px !important;\r\n    background: transparent !important;\r\n    transition: border-color .3s ease, background-color .3s ease, transform .3s ease !important;\r\n}\r\n\r\n.svp-contact-info__item:hover {\r\n    border-color: var(--svp-port-accent) !important;\r\n    background: var(--svp-port-hover-bg) !important;\r\n    transform: translateY(-4px) !important;\r\n}\r\n\r\n\/* C\u00edrculo del \u00edcono (el SVG\/\u00edcono se inserta adentro con currentColor) *\/\r\n.svp-contact-info__icon {\r\n    flex-shrink: 0 !important;\r\n    width: 46px !important;\r\n    height: 46px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border-radius: 50% !important;\r\n    background: var(--svp-port-hover-bg) !important;\r\n    color: var(--svp-port-accent) !important;\r\n    transition: background-color .3s ease, color .3s ease !important;\r\n}\r\n\r\n.svp-contact-info__icon svg {\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    fill: none !important;\r\n    stroke: currentColor !important;\r\n}\r\n\r\n.svp-contact-info__item:hover .svp-contact-info__icon {\r\n    background: var(--svp-port-accent) !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.svp-contact-info__text {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 4px !important;\r\n    min-width: 0 !important;\r\n}\r\n\r\n.svp-contact-info__label {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: .1em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--svp-port-muted) !important;\r\n}\r\n\r\n.svp-contact-info__value {\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.4 !important;\r\n    color: var(--svp-port-ink) !important;\r\n    text-decoration: none !important;\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n    hyphens: auto !important;\r\n    transition: color .25s ease !important;\r\n}\r\n\r\na.svp-contact-info__value:hover,\r\na.svp-contact-info__value:focus-visible {\r\n    color: var(--svp-port-accent) !important;\r\n    text-decoration: underline !important;\r\n    text-underline-offset: 3px !important;\r\n}\r\n\r\na.svp-contact-info__value:focus-visible {\r\n    outline: 2px solid var(--svp-port-accent) !important;\r\n    outline-offset: 3px !important;\r\n    border-radius: 3px !important;\r\n}\r\n\r\n.svp-contact-info__item:nth-child(2) svg {\r\n    width: 26px !important;\r\n    height: auto !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .svp-contact-info__item {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n\/* Responsive \u2014 con auto-fit las columnas se acomodan solas;\r\n   estos breakpoints solo ajustan espaciados en pantallas chicas *\/\r\n@media (max-width: 560px) {\r\n    .svp-contact-info {\r\n        padding: 48px 18px !important;\r\n    }\r\n\r\n    .svp-contact-info__list {\r\n        gap: 14px !important;\r\n    }\r\n\r\n    .svp-contact-info__item {\r\n        padding: 20px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<section class=\"elementor-element elementor-element-6c16983 e-con e-atomic-element e-div-block-base svp-contact-form-section \" data-id=\"6c16983\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"6c16983\" id=\"svp-contact-form\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"5c12f94\" id=\"1547\" src=\"https:\/\/wexite.com\/sebasvargas\/wp-content\/uploads\/2026\/07\/sebasvargas-contact.png\" width=\"520\" height=\"764\" srcset=\"\" alt=\"\"\/>\t\t\t\t<div class=\"elementor-element elementor-element-ba4639c elementor-widget elementor-widget-html\" data-id=\"ba4639c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"svp-contact-form-section__inner\">\r\n\r\n    <h2 class=\"svp-contact-form-section__title\">Cu\u00e9ntame sobre tu evento<\/h2>\r\n    <p class=\"svp-contact-form-section__subtitle\">\r\n        Completa el formulario y te responder\u00e9 en menos de 24 horas.\r\n    <\/p>\r\n\r\n    <!-- ============================================================\r\n         FORMULARIO\r\n         (Los estilos de validaci\u00f3n y el blindaje de [hidden] ahora\r\n         viven en la hoja de estilos separada del sitio)\r\n         ============================================================ -->\r\n    <form class=\"svp-contact-form\" id=\"svp-contact-form\" novalidate>\r\n\r\n        <!-- Campos propios de Web3Forms -->\r\n        <input type=\"hidden\" name=\"access_key\" value=\"9c7dabc3-bd3a-4d7f-b250-b55e91223656\">\r\n        <input type=\"hidden\" name=\"subject\" value=\"Nueva solicitud de contacto \u2014 Sebasti\u00e1n Vargas Fotograf\u00eda\">\r\n        <input type=\"hidden\" name=\"from_name\" value=\"Formulario web \u2014 sebastianvargas.com\">\r\n        <!-- Honeypot anti-spam: debe quedar siempre vac\u00edo y oculto -->\r\n        <input type=\"checkbox\" name=\"botcheck\" class=\"svp-hidden-field\" style=\"display:none\">\r\n\r\n        <div class=\"svp-contact-form__row\">\r\n            <div class=\"svp-contact-form__field\" data-required=\"true\">\r\n                <label for=\"svp-nombre\">Nombre<\/label>\r\n                <input type=\"text\" id=\"svp-nombre\" name=\"nombre\" autocomplete=\"name\" required>\r\n                <span class=\"svp-field__error-text\">Este campo es obligatorio<\/span>\r\n            <\/div>\r\n            <div class=\"svp-contact-form__field\" data-required=\"true\">\r\n                <label for=\"svp-correo\">Correo<\/label>\r\n                <input type=\"email\" id=\"svp-correo\" name=\"correo\" autocomplete=\"email\" required>\r\n                <span class=\"svp-field__error-text\">Ingresa un correo v\u00e1lido<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"svp-contact-form__row\">\r\n            <div class=\"svp-contact-form__field\">\r\n                <label for=\"svp-telefono\">Tel\u00e9fono<\/label>\r\n                <input type=\"tel\" id=\"svp-telefono\" name=\"telefono\" autocomplete=\"tel\">\r\n            <\/div>\r\n            <div class=\"svp-contact-form__field\" data-required=\"true\">\r\n                <label for=\"svp-tipo-evento\">Tipo de evento<\/label>\r\n                <select id=\"svp-tipo-evento\" name=\"tipo_evento\" required>\r\n                    <option value=\"\" selected disabled>Selecciona una opci\u00f3n<\/option>\r\n                    <option value=\"crossfit\">Crossfit<\/option>\r\n                    <option value=\"patinaje\">Patinaje<\/option>\r\n                    <option value=\"running\">Running<\/option>\r\n                    <option value=\"otro\">Otro<\/option>\r\n                <\/select>\r\n                <span class=\"svp-field__error-text\">Selecciona un tipo de evento<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"svp-contact-form__row\">\r\n            <div class=\"svp-contact-form__field\">\r\n                <label for=\"svp-fecha\">Fecha del evento<\/label>\r\n                <input type=\"date\" id=\"svp-fecha\" name=\"fecha\">\r\n            <\/div>\r\n                    <!-- Campo condicional: solo aparece si tipo_evento = \"otro\" -->\r\n            <div class=\"svp-contact-form__field svp-contact-form__field--full\" id=\"svp-otro-evento-wrap\" hidden>\r\n                <label for=\"svp-otro-evento\">\u00bfCu\u00e1l tipo de evento?<\/label>\r\n                <input type=\"text\" id=\"svp-otro-evento\" name=\"tipo_evento_otro\" placeholder=\"Cu\u00e9ntame qu\u00e9 tipo de evento es\">\r\n                <span class=\"svp-field__error-text\">Cu\u00e9ntanos qu\u00e9 tipo de evento es<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"svp-contact-form__field svp-contact-form__field--full\" data-required=\"true\">\r\n            <label for=\"svp-mensaje\">Mensaje<\/label>\r\n            <textarea id=\"svp-mensaje\" name=\"mensaje\" rows=\"5\" required><\/textarea>\r\n            <span class=\"svp-field__error-text\">Cu\u00e9ntanos algo sobre tu evento<\/span>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"svp-contact-form__submit\" id=\"svp-contact-form-submit\">\r\n            Enviar solicitud\r\n        <\/button>\r\n\r\n        <p class=\"svp-contact-form__error\" id=\"svp-contact-form-error\" hidden>\r\n            Hubo un problema al enviar tu mensaje. Intenta de nuevo o escr\u00edbeme directo por WhatsApp.\r\n        <\/p>\r\n\r\n    <\/form>\r\n\r\n    <!-- ============================================================\r\n         ESTADO DE \u00c9XITO \u2014 reemplaza al formulario tras el env\u00edo\r\n         ============================================================ -->\r\n    <div class=\"svp-contact-success\" id=\"svp-contact-success\" hidden>\r\n        <span class=\"svp-contact-success__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9.5\"><\/circle>\r\n                <path d=\"M8 12.5l2.7 2.7L16.5 9\"><\/path>\r\n            <\/svg>\r\n        <\/span>\r\n        <h3 class=\"svp-contact-success__title\">\u00a1Mensaje enviado con \u00e9xito!<\/h3>\r\n        <p class=\"svp-contact-success__text\">\r\n            Gracias por escribirme. Voy a revisar los detalles de tu evento y te respondo en menos de 24 horas.\r\n        <\/p>\r\n        <button type=\"button\" class=\"svp-contact-success__reset\" id=\"svp-contact-success-reset\">\r\n            Enviar otro mensaje\r\n        <\/button>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \/\/ ------------------------------------------------------------\r\n    \/\/ Buscamos TODOS los elementos con este ID por si el widget\r\n    \/\/ qued\u00f3 duplicado en la p\u00e1gina (pasa en algunos previews de\r\n    \/\/ Elementor). Nos quedamos solo con el que sea un <form> real.\r\n    \/\/ ------------------------------------------------------------\r\n    var candidatos = document.querySelectorAll('#svp-contact-form');\r\n    var form = null;\r\n    for (var i = 0; i < candidatos.length; i++) {\r\n        if (candidatos[i] instanceof HTMLFormElement) {\r\n            form = candidatos[i];\r\n            break;\r\n        }\r\n    }\r\n\r\n    \/\/ Guard: si no encontramos un <form> real, no seguimos (evita el\r\n    \/\/ error \"Failed to construct 'FormData'\") y avisamos en consola.\r\n    if (!form) {\r\n        console.warn('svp-contact-form: no se encontr\u00f3 un elemento <form> v\u00e1lido con ese ID. Revisa si el widget est\u00e1 duplicado en la p\u00e1gina.');\r\n        return;\r\n    }\r\n\r\n    \/\/ A partir de aqu\u00ed, TODO se busca dentro de \"form\" (form.querySelector)\r\n    \/\/ en lugar de \"document.getElementById\", para evitar volver a\r\n    \/\/ capturar elementos de un duplicado en el resto de la p\u00e1gina.\r\n    var tipoEvento  = form.querySelector('#svp-tipo-evento');\r\n    var otroWrap    = form.querySelector('#svp-otro-evento-wrap');\r\n    var otroInput   = form.querySelector('#svp-otro-evento');\r\n    var submitBtn   = form.querySelector('#svp-contact-form-submit');\r\n    var errorMsg    = form.querySelector('#svp-contact-form-error');\r\n\r\n    \/\/ Success box y su bot\u00f3n de reset viven fuera del <form>, as\u00ed que\r\n    \/\/ esos s\u00ed se buscan a nivel de documento \u2014 pero solo una vez que\r\n    \/\/ ya confirmamos que el form es v\u00e1lido.\r\n    var successBox  = document.getElementById('svp-contact-success');\r\n    var resetBtn    = document.getElementById('svp-contact-success-reset');\r\n\r\n    \/\/ Regex simple para validar formato de correo\r\n    var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n    \/\/ Mostrar\/ocultar el campo \"\u00bfCu\u00e1l tipo de evento?\" seg\u00fan el select\r\n    tipoEvento.addEventListener('change', function () {\r\n        var esOtro = this.value === 'otro';\r\n        otroWrap.hidden = !esOtro;\r\n        otroInput.required = esOtro;\r\n        if (!esOtro) {\r\n            otroInput.value = '';\r\n            clearFieldError(otroWrap);\r\n        }\r\n        clearFieldError(tipoEvento.closest('.svp-contact-form__field'));\r\n    });\r\n\r\n    \/\/ Marca un campo como inv\u00e1lido (borde y texto rojo)\r\n    function setFieldError(fieldWrap) {\r\n        if (!fieldWrap) return;\r\n        fieldWrap.classList.add('svp-field--error');\r\n        var control = fieldWrap.querySelector('input, select, textarea');\r\n        if (control) control.setAttribute('aria-invalid', 'true');\r\n    }\r\n\r\n    \/\/ Quita el estado de error de un campo\r\n    function clearFieldError(fieldWrap) {\r\n        if (!fieldWrap) return;\r\n        fieldWrap.classList.remove('svp-field--error');\r\n        var control = fieldWrap.querySelector('input, select, textarea');\r\n        if (control) control.removeAttribute('aria-invalid');\r\n    }\r\n\r\n    \/\/ Quita el error apenas el usuario empieza a corregir el campo\r\n    form.addEventListener('input', function (e) {\r\n        var fieldWrap = e.target.closest('.svp-contact-form__field');\r\n        if (fieldWrap) clearFieldError(fieldWrap);\r\n    });\r\n    form.addEventListener('change', function (e) {\r\n        var fieldWrap = e.target.closest('.svp-contact-form__field');\r\n        if (fieldWrap) clearFieldError(fieldWrap);\r\n    });\r\n\r\n    \/\/ Valida todos los campos requeridos, devuelve true si todo est\u00e1 OK\r\n    function validateForm() {\r\n        var isValid = true;\r\n        var firstInvalidControl = null;\r\n\r\n        \/\/ Campos con data-required=\"true\"\r\n        var requiredFields = form.querySelectorAll('.svp-contact-form__field[data-required=\"true\"]');\r\n        requiredFields.forEach(function (fieldWrap) {\r\n            var control = fieldWrap.querySelector('input, select, textarea');\r\n            var value = control.value.trim();\r\n            var valid = value !== '';\r\n\r\n            \/\/ Validaci\u00f3n extra de formato para el correo\r\n            if (control.id === 'svp-correo' && valid) {\r\n                valid = emailRegex.test(value);\r\n            }\r\n\r\n            if (!valid) {\r\n                isValid = false;\r\n                setFieldError(fieldWrap);\r\n                if (!firstInvalidControl) firstInvalidControl = control;\r\n            } else {\r\n                clearFieldError(fieldWrap);\r\n            }\r\n        });\r\n\r\n        \/\/ Campo condicional \"otro tipo de evento\"\r\n        if (tipoEvento.value === 'otro' && otroInput.value.trim() === '') {\r\n            isValid = false;\r\n            setFieldError(otroWrap);\r\n            if (!firstInvalidControl) firstInvalidControl = otroInput;\r\n        }\r\n\r\n        if (firstInvalidControl) {\r\n            firstInvalidControl.focus();\r\n        }\r\n\r\n        return isValid;\r\n    }\r\n\r\n    \/\/ Env\u00edo del formulario a Web3Forms (sin recargar la p\u00e1gina)\r\n    form.addEventListener('submit', function (e) {\r\n        e.preventDefault();\r\n\r\n        errorMsg.hidden = true;\r\n\r\n        if (!validateForm()) {\r\n            return; \/\/ No avanza si falta alg\u00fan campo obligatorio\r\n        }\r\n\r\n        submitBtn.disabled = true;\r\n        var textoOriginal = submitBtn.textContent;\r\n        submitBtn.textContent = 'Enviando...';\r\n\r\n        var formData = new FormData(form);\r\n        var payload = Object.fromEntries(formData.entries());\r\n\r\n        fetch('https:\/\/api.web3forms.com\/submit', {\r\n            method: 'POST',\r\n            headers: {\r\n                'Content-Type': 'application\/json',\r\n                'Accept': 'application\/json'\r\n            },\r\n            body: JSON.stringify(payload)\r\n        })\r\n            .then(function (response) { return response.json(); })\r\n            .then(function (result) {\r\n                if (result.success) {\r\n                    form.reset();\r\n                    otroWrap.hidden = true;\r\n                    form.querySelectorAll('.svp-field--error').forEach(function (f) {\r\n                        clearFieldError(f);\r\n                    });\r\n                    form.hidden = true;\r\n                    successBox.hidden = false;\r\n                    successBox.focus && successBox.setAttribute('tabindex', '-1');\r\n                    successBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n                } else {\r\n                    errorMsg.hidden = false;\r\n                }\r\n            })\r\n            .catch(function () {\r\n                errorMsg.hidden = false;\r\n            })\r\n            .finally(function () {\r\n                submitBtn.disabled = false;\r\n                submitBtn.textContent = textoOriginal;\r\n            });\r\n    });\r\n\r\n    \/\/ Bot\u00f3n \"Enviar otro mensaje\": vuelve a mostrar el formulario vac\u00edo\r\n    if (resetBtn) {\r\n        resetBtn.addEventListener('click', function () {\r\n            successBox.hidden = true;\r\n            form.hidden = false;\r\n            form.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n        });\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ecccb0 elementor-widget elementor-widget-html\" data-id=\"5ecccb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ================================================================\r\n   SECCI\u00d3N 3 \u2014 Formulario de contacto\r\n  ================================================================ *\/\r\n:root {\r\n   --svp-port-bg-form: #f8f8f8 !important;\r\n    --svp-port-ink: #16130F !important;\r\n    --svp-port-muted: #6E6A61 !important;\r\n    --svp-port-accent: #aa804c !important;\r\n    --svp-port-line: rgba(0, 0, 0, 0.12) !important;\r\n    --svp-port-hover-bg: rgba(170, 128, 76, 0.06) !important;\r\n    --svp-port-field-bg: rgba(0, 0, 0, 0.02) !important;\r\n}\r\n\r\nhtml.svp-dark {\r\n    --svp-port-bg-form: #121212 !important;\r\n    --svp-port-ink: #F2EEE5 !important;\r\n    --svp-port-muted: #A39C8F !important;\r\n    --svp-port-accent: #D4A15F !important;\r\n    --svp-port-line: rgba(255, 255, 255, 0.12) !important;\r\n    --svp-port-hover-bg: rgba(212, 161, 95, 0.08) !important;\r\n    --svp-port-field-bg: rgba(255, 255, 255, 0.04) !important;\r\n}\r\n\r\n.svp-contact-form-section img{\r\n    opacity: .2;\r\n    position: absolute;\r\n}\r\n\r\n.svp-contact-form-section {\r\n    padding: 100px 24px !important;\r\n    background: var(--svp-port-bg-form) !important;\r\n    font-family: 'Inter', -apple-system, sans-serif !important;\r\n}\r\n\r\n.svp-contact-form-section__inner {\r\n    max-width: 720px !important;\r\n    margin: 0 auto !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.svp-contact-form-section__title {\r\n    margin: 0 0 12px !important;\r\n    font-size: clamp(28px, 4vw, 38px) !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: var(--svp-port-ink) !important;\r\n}\r\n\r\n.svp-contact-form-section__subtitle {\r\n    margin: 0 0 48px !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--svp-port-muted) !important;\r\n}\r\n\r\n\/* Formulario *\/\r\n.svp-contact-form {\r\n    text-align: left !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n}\r\n\r\n.svp-contact-form__row {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 20px !important;\r\n}\r\n\r\n.svp-contact-form__field {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 8px !important;\r\n}\r\n\r\n\/* El atributo hidden debe ganarle a .svp-contact-form__field { display:flex !important } *\/\r\n#svp-otro-evento-wrap[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n.svp-contact-form__field label {\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: .08em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--svp-port-muted) !important;\r\n}\r\n\r\n\/* Inputs, select y textarea *\/\r\n.svp-contact-form input,\r\n.svp-contact-form select,\r\n.svp-contact-form textarea {\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    padding: 14px 16px !important;\r\n    font-family: inherit !important;\r\n    font-size: 15px !important;\r\n    color: var(--svp-port-ink) !important;\r\n    background: var(--svp-port-field-bg) !important;\r\n    border: 1px solid var(--svp-port-line) !important;\r\n    border-radius: 0px !important;\r\n    outline: none !important;\r\n    transition: border-color .25s ease, background-color .25s ease !important;\r\n}\r\n\r\n.svp-contact-form textarea {\r\n    resize: vertical !important;\r\n    min-height: 130px !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n.svp-contact-form input::placeholder,\r\n.svp-contact-form textarea::placeholder {\r\n    color: var(--svp-port-muted) !important;\r\n    opacity: .7 !important;\r\n}\r\n\r\n.svp-contact-form input:hover,\r\n.svp-contact-form select:hover,\r\n.svp-contact-form textarea:hover {\r\n    border-color: var(--svp-port-muted) !important;\r\n}\r\n\r\n.svp-contact-form input:focus,\r\n.svp-contact-form select:focus,\r\n.svp-contact-form textarea:focus {\r\n    border-color: var(--svp-port-accent) !important;\r\n    background: var(--svp-port-bg) !important;\r\n}\r\n\r\n.svp-contact-form select {\r\n    appearance: none !important;\r\n    background-image: linear-gradient(45deg, transparent 50%, var(--svp-port-muted) 50%),\r\n        linear-gradient(135deg, var(--svp-port-muted) 50%, transparent 50%);\r\n    background-position: calc(100% - 22px) center, calc(100% - 17px) center !important;\r\n    background-size: 5px 5px, 5px 5px !important;\r\n    background-repeat: no-repeat !important;\r\n    padding-right: 40px !important;\r\n    cursor: pointer !important;\r\n}\r\n\r\n.svp-contact-form input[type=\"date\"] {\r\n    cursor: pointer !important;\r\n}\r\n\r\n\/* Bot\u00f3n enviar \u2014 el borde ahora es transparente por defecto (mismo grosor\r\n   que en hover) para que al pasar el mouse SOLO cambie de color, sin que\r\n   el bot\u00f3n \"salte\" de tama\u00f1o ni desalinee el contenido de alrededor. *\/\r\n.svp-contact-form__submit {\r\n    align-self: flex-start !important;\r\n    margin-top: 8px !important;\r\n    box-sizing: border-box !important;\r\n    padding: 13px 33px !important;\r\n    border: 3px solid transparent !important;\r\n    border-radius: 0px !important;\r\n    background: var(--svp-port-accent) !important;\r\n    color: #ffffff !important;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: .01em !important;\r\n    cursor: pointer !important;\r\n    transition:\r\n        transform .3s ease,\r\n        background-color .3s ease,\r\n        border-color .3s ease,\r\n        color .3s ease !important;\r\n    margin: auto;\r\n}\r\n\r\n.svp-contact-form__submit:hover,\r\n.svp-contact-form__submit:focus-visible {\r\n    transform: translateY(-3px) !important;\r\n    background: transparent !important;\r\n    border-color: var(--svp-port-accent) !important;\r\n    color: var(--svp-port-ink) !important;\r\n}\r\n\r\n.svp-contact-form__submit:active {\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.svp-contact-form__submit:focus-visible {\r\n    outline: 2px solid var(--svp-port-ink) !important;\r\n    outline-offset: 3px !important;\r\n}\r\n\r\n.svp-contact-form__submit:disabled {\r\n    opacity: .6 !important;\r\n    cursor: not-allowed !important;\r\n    transform: none !important;\r\n}\r\n\r\n.svp-contact-form__error {\r\n    margin: 0 !important;\r\n    font-size: 14px !important;\r\n    color: #c0392b !important;\r\n}\r\n\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .svp-contact-form input,\r\n    .svp-contact-form select,\r\n    .svp-contact-form textarea,\r\n    .svp-contact-form__submit {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 77em) {\r\n    .svp-contact-form-section img{\r\n        opacity: .1;\r\n    }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 640px) {\r\n    .svp-contact-form-section img{\r\n        display: none !important;\r\n    }\r\n    .svp-contact-form-section {\r\n        padding: 64px 20px !important;\r\n    }\r\n\r\n    .svp-contact-form-section__subtitle {\r\n        margin-bottom: 36px !important;\r\n    }\r\n\r\n    .svp-contact-form__row {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 20px !important;\r\n    }\r\n\r\n    .svp-contact-form__submit {\r\n        width: 100% !important;\r\n        text-align: center !important;\r\n    }\r\n    \r\n    .svp-contact-form__row:nth-child(7){\r\n        display:flex !important;\r\n        flex-direction:column-reverse !important;\r\n        gap:20px !important;\r\n    }\r\n}\r\n\r\n\/* ================================================================\r\n   ESTADO DE \u00c9XITO \u2014 reemplaza al formulario tras enviarlo\r\n   ================================================================ *\/\r\n.svp-contact-success {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n    gap: 6px !important;\r\n    padding: 48px 24px !important;\r\n    animation: svp-success-in .5s ease !important;\r\n}\r\n\r\n.svp-contact-success[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n.svp-contact-success__icon {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    margin-bottom: 12px !important;\r\n    border-radius: 50% !important;\r\n    background: var(--svp-port-hover-bg) !important;\r\n    color: var(--svp-port-accent) !important;\r\n}\r\n\r\n.svp-contact-success__icon svg {\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n}\r\n\r\n.svp-contact-success__title {\r\n    margin: 0 !important;\r\n    font-size: 24px !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.01em !important;\r\n    color: var(--svp-port-ink) !important;\r\n}\r\n\r\n.svp-contact-success__text {\r\n    margin: 0 0 8px !important;\r\n    max-width: 420px !important;\r\n    font-size: 15px !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--svp-port-muted) !important;\r\n}\r\n\r\n.svp-contact-success__reset {\r\n    padding: 13px 28px !important;\r\n    border: 1px solid var(--svp-port-line) !important;\r\n    border-radius: 0px !important;\r\n    background: transparent !important;\r\n    color: var(--svp-port-ink) !important;\r\n    font-family: inherit !important;\r\n    font-size: 14px !important;\r\n    font-weight: 700 !important;\r\n    cursor: pointer !important;\r\n    transition: border-color .25s ease, background-color .25s ease, color .25s ease !important;\r\n}\r\n\r\n.svp-contact-success__reset:hover,\r\n.svp-contact-success__reset:focus-visible {\r\n    border-color: var(--svp-port-accent) !important;\r\n    background: var(--svp-port-hover-bg) !important;\r\n    color: var(--svp-port-accent) !important;\r\n}\r\n\r\n.svp-contact-form__field.svp-field--error label {\r\n    color: #e53935;\r\n}\r\n.svp-contact-form__field.svp-field--error input,\r\n.svp-contact-form__field.svp-field--error select,\r\n.svp-contact-form__field.svp-field--error textarea {\r\n    border-color: #e53935 !important;\r\n    color: #e53935;\r\n}\r\n.svp-contact-form__field.svp-field--error input::placeholder,\r\n.svp-contact-form__field.svp-field--error textarea::placeholder {\r\n    color: #e57373;\r\n}\r\n.svp-field__error-text {\r\n    display: none;\r\n    font-size: 0.8rem;\r\n    color: #e53935;\r\n    margin-top: 4px;\r\n}\r\n.svp-contact-form__field.svp-field--error .svp-field__error-text {\r\n    display: block;\r\n}\r\n#svp-contact-form[hidden],\r\n#svp-contact-success[hidden],\r\n#svp-otro-evento-wrap[hidden] {\r\n    display: none !important;\r\n}\r\n@keyframes svp-success-in {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .svp-contact-success {\r\n        animation: none !important;\r\n    }\r\n\r\n    .svp-contact-success__reset {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<section class=\"elementor-element elementor-element-41cc31b e-con e-atomic-element e-div-block-base svp-contact-faq \" data-id=\"41cc31b\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"41cc31b\">\n    \t\t<div class=\"elementor-element elementor-element-290b101 elementor-widget elementor-widget-html\" data-id=\"290b101\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h2 class=\"svp-contact-faq__title\">Preguntas frecuentes<\/h2>\r\n \r\n    <div class=\"svp-contact-faq__list\">\r\n \r\n        <details class=\"svp-contact-faq__item\">\r\n            <summary class=\"svp-contact-faq__question\">\r\n                <span class=\"svp-contact-faq__question-text\">\u00bfCon cu\u00e1nto tiempo debo reservar?<\/span>\r\n                <span class=\"svp-contact-faq__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n            <\/summary>\r\n            <div class=\"svp-contact-faq__answer\">\r\n                <p>Lo ideal es agendar con al menos una a dos semanas de anticipaci\u00f3n, sobre todo si tu evento es un fin de semana. Para carreras o eventos grandes con muchos participantes, recomiendo confirmar con m\u00e1s tiempo para asegurar disponibilidad.<\/p>\r\n            <\/div>\r\n        <\/details>\r\n \r\n        <details class=\"svp-contact-faq__item\">\r\n            <summary class=\"svp-contact-faq__question\">\r\n                <span class=\"svp-contact-faq__question-text\">\u00bfViajas a otras ciudades?<\/span>\r\n                <span class=\"svp-contact-faq__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n            <\/summary>\r\n            <div class=\"svp-contact-faq__answer\">\r\n                <p>S\u00ed, viajo a otras ciudades para cubrir eventos deportivos. Los costos de desplazamiento y hospedaje se cotizan aparte seg\u00fan el destino y la duraci\u00f3n del evento; cu\u00e9ntame los detalles en el formulario y te env\u00edo una propuesta.<\/p>\r\n            <\/div>\r\n        <\/details>\r\n \r\n        <details class=\"svp-contact-faq__item\">\r\n            <summary class=\"svp-contact-faq__question\">\r\n                <span class=\"svp-contact-faq__question-text\">\u00bfCu\u00e1ndo entregas las fotograf\u00edas?<\/span>\r\n                <span class=\"svp-contact-faq__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n            <\/summary>\r\n            <div class=\"svp-contact-faq__answer\">\r\n                <p>El tiempo de entrega depende del tama\u00f1o del evento, pero en general var\u00eda entre 5 y 10 d\u00edas h\u00e1biles. Para eventos grandes con muchos participantes puede tomar un poco m\u00e1s, y siempre te mantengo informado del avance.<\/p>\r\n            <\/div>\r\n        <\/details>\r\n \r\n        <details class=\"svp-contact-faq__item\">\r\n            <summary class=\"svp-contact-faq__question\">\r\n                <span class=\"svp-contact-faq__question-text\">\u00bfC\u00f3mo recibo el material?<\/span>\r\n                <span class=\"svp-contact-faq__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n                <\/span>\r\n            <\/summary>\r\n            <div class=\"svp-contact-faq__answer\">\r\n                <p>Las fotos se entregan digitalmente en alta resoluci\u00f3n a trav\u00e9s de una galer\u00eda en l\u00ednea privada, lista para descargar. Si necesitas un formato distinto o impresiones, lo coordinamos directamente.<\/p>\r\n            <\/div>\r\n        <\/details>\r\n \r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c890a05 elementor-widget elementor-widget-html\" data-id=\"c890a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n:root {\r\n    --color-bg: #ffffff;\r\n    --color-card: #ffffff;\r\n    --color-text: #16130F;\r\n    --color-text-light: #6E6A61;\r\n    --color-accent: #aa804c;\r\n    --color-accent-dim: rgba(170, 128, 76, 0.09);\r\n    --color-accent-glow: rgba(170, 128, 76, 0.35);\r\n    --color-line: rgba(0, 0, 0, 0.12);\r\n    --font-display: 'Playfair Display', Georgia, serif;\r\n    --font-body: 'Inter', -apple-system, sans-serif;\r\n}\r\n\r\nhtml.svp-dark {\r\n    --color-bg: #191919;\r\n    --color-card: #1f1f1f;\r\n    --color-text: #F2EEE5;\r\n    --color-text-light: #A39C8F;\r\n    --color-accent: #D4A15F;\r\n    --color-accent-dim: rgba(212, 161, 95, 0.12);\r\n    --color-accent-glow: rgba(212, 161, 95, 0.4);\r\n    --color-line: rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n.svp-contact-faq {\r\n    position: relative !important;\r\n    padding: clamp(48px, 9vw, 75px) clamp(20px, 8vw, 8%) !important;\r\n    background:\r\n        var(--color-bg) !important;\r\n    color: var(--color-text) !important;\r\n    font-family: var(--font-body) !important;\r\n    overflow: hidden !important;\r\n}\r\n \r\nhtml.svp-dark .svp-contact-faq {\r\n    background:\r\n        var(--color-bg) !important;\r\n}\r\n \r\n.svp-contact-faq__title {\r\n    font-family: var(--font-display) !important;\r\n    font-size: clamp(1.5rem, 3.6vw, 2.9rem) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: 0.01em !important;\r\n    color: var(--color-text) !important;\r\n    text-align: center !important;\r\n    max-width: 720px !important;\r\n    margin: 0 auto clamp(32px, 6vw, 48px) !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n \r\n.svp-contact-faq__title::after {\r\n    content: \"\" !important;\r\n    display: block !important;\r\n    width: 56px !important;\r\n    height: 2px !important;\r\n    margin: 18px auto 0 !important;\r\n    background: var(--color-accent) !important;\r\n    opacity: 0.6 !important;\r\n}\r\n \r\n\/* ---------- Lista acorde\u00f3n ---------- *\/\r\n \r\n.svp-contact-faq__list {\r\n    max-width: 820px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 16px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n \r\n.svp-contact-faq__item {\r\n    position: relative !important;\r\n    background: var(--color-card) !important;\r\n    border: 1px solid var(--color-line) !important;\r\n    border-radius: 0px !important;\r\n    overflow: hidden !important;\r\n    transform: translateY(0) !important;\r\n    transition:\r\n        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        background 0.35s ease !important;\r\n}\r\n \r\n.svp-contact-faq__item::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 3px !important;\r\n    height: 100% !important;\r\n    background: var(--color-accent) !important;\r\n    transform: scaleY(0) !important;\r\n    transform-origin: top !important;\r\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n}\r\n \r\n.svp-contact-faq__item:hover {\r\n    border-color: var(--color-accent) !important;\r\n    transform: translateY(-3px) !important;\r\n}\r\n \r\n.svp-contact-faq__item[open] {\r\n    border-color: var(--color-accent) !important;\r\n}\r\n \r\n.svp-contact-faq__item[open]::before,\r\n.svp-contact-faq__item:hover::before {\r\n    transform: scaleY(1) !important;\r\n}\r\n \r\n.svp-contact-faq__question {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    gap: 20px !important;\r\n    padding: clamp(16px, 3vw, 22px) clamp(18px, 4vw, 26px) !important;\r\n    cursor: pointer !important;\r\n    list-style: none !important;\r\n    font-family: var(--font-body) !important;\r\n    font-size: clamp(0.94rem, 1.6vw, 1.05rem) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.5 !important;\r\n    color: var(--color-text) !important;\r\n    background: transparent !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    transition: color 0.3s ease, background-color 0.3s ease, padding-left 0.3s ease !important;\r\n}\r\n \r\n.svp-contact-faq__question::-webkit-details-marker,\r\n.svp-contact-faq__question::marker {\r\n    display: none !important;\r\n    content: \"\" !important;\r\n}\r\n \r\n.svp-contact-faq__item:hover .svp-contact-faq__question {\r\n    color: var(--color-accent) !important;\r\n    background-color: var(--color-accent-dim) !important;\r\n    padding-left: calc(clamp(18px, 4vw, 26px) + 6px) !important;\r\n}\r\n \r\n.svp-contact-faq__item[open] .svp-contact-faq__question {\r\n    color: #fff !important;\r\n    background-color: var(--color-accent) !important;\r\n}\r\n \r\n.svp-contact-faq__item[open]:hover .svp-contact-faq__question {\r\n    color: #fff !important;\r\n    background-color: var(--color-accent) !important;\r\n}\r\n \r\n.svp-contact-faq__question:focus-visible {\r\n    outline: 2px solid var(--color-accent) !important;\r\n    outline-offset: -2px !important;\r\n}\r\n \r\n.svp-contact-faq__question-text {\r\n    flex: 1 1 auto !important;\r\n}\r\n \r\n\/* \u00cdcono de flecha: SVG real (no background-image) para que nunca \"desaparezca\"\r\n   durante la transici\u00f3n \u2014 solo animamos color y transform, que s\u00ed son animables. *\/\r\n.svp-contact-faq__icon {\r\n    flex-shrink: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: clamp(28px, 5vw, 34px) !important;\r\n    height: clamp(28px, 5vw, 34px) !important;\r\n    border: 1px solid var(--color-accent) !important;\r\n    border-radius: 50% !important;\r\n    color: var(--color-accent) !important;\r\n    background-color: transparent !important;\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n        background-color 0.45s ease,\r\n        color 0.45s ease !important;\r\n}\r\n \r\n.svp-contact-faq__icon svg {\r\n    width: 15px !important;\r\n    height: 15px !important;\r\n    display: block !important;\r\n    stroke: currentColor !important;\r\n    fill: none !important;\r\n    stroke-width: 2 !important;\r\n    stroke-linecap: round !important;\r\n    stroke-linejoin: round !important;\r\n}\r\n \r\n.svp-contact-faq__item:hover .svp-contact-faq__icon {\r\n    transform: rotate(20deg) !important;\r\n}\r\n \r\n.svp-contact-faq__item[open] .svp-contact-faq__icon {\r\n    background-color: var(--color-accent) !important;\r\n    color: #fff !important;\r\n    transform: rotate(180deg) !important;\r\n}\r\n \r\n.svp-contact-faq__item[open]:hover .svp-contact-faq__icon {\r\n    transform: rotate(180deg) !important;\r\n}\r\n \r\n.svp-contact-faq__answer {\r\n    padding: 0 clamp(18px, 4vw, 26px) clamp(20px, 4vw, 26px) !important;\r\n    animation: svp-faq-fade 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n}\r\n \r\n.svp-contact-faq__answer p {\r\n    margin: 0 !important;\r\n    padding-top: 16px !important;\r\n    border-top: 1px solid var(--color-line) !important;\r\n    color: var(--color-text-light) !important;\r\n    line-height: 1.8 !important;\r\n    font-size: clamp(0.9rem, 1.4vw, 0.98rem) !important;\r\n}\r\n \r\n@keyframes svp-faq-fade {\r\n    from { opacity: 0; transform: translateY(-6px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n}\r\n \r\n@media (hover: none) {\r\n    .svp-contact-faq__item:hover {\r\n        transform: none !important;\r\n    }\r\n    .svp-contact-faq__item:hover .svp-contact-faq__question {\r\n        padding-left: clamp(18px, 4vw, 26px) !important;\r\n    }\r\n    .svp-contact-faq__item:hover .svp-contact-faq__icon {\r\n        transform: none !important;\r\n    }\r\n}\r\n \r\n@media (prefers-reduced-motion: reduce) {\r\n    .svp-contact-faq__item,\r\n    .svp-contact-faq__item::before,\r\n    .svp-contact-faq__question,\r\n    .svp-contact-faq__icon {\r\n        transition: none !important;\r\n    }\r\n    .svp-contact-faq__answer {\r\n        animation: none !important;\r\n    }\r\n}\r\n \r\n@media (max-width: 480px) {\r\n    .svp-contact-faq__question {\r\n        gap: 12px !important;\r\n    }\r\n}\r\n \r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/section>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto \u00bfTienes un proyecto en mente? Estoy listo para capturar los mejores momentos de tu evento. Empecemos &darr; Correo johan.vargas.0220@gmail.com WhatsApp +57 305 9088788 Ciudad Cali, Colombia Instagram @sebasvargasv_ Cu\u00e9ntame sobre tu evento Completa el formulario y te responder\u00e9 en menos de 24 horas. Nombre Este campo es obligatorio Correo Ingresa un correo v\u00e1lido Tel\u00e9fono [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1376","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contacto | Contrata a Sebasti\u00e1n Vargas Fotograf\u00eda<\/title>\n<meta name=\"description\" content=\"\u00bfBuscas un fot\u00f3grafo deportivo para tu pr\u00f3ximo evento? Cont\u00e1ctame y solicita una cotizaci\u00f3n para tu pr\u00f3ximo evento deportivo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wexite.com\/sebasvargas\/contacto\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contacto | Contrata a Sebasti\u00e1n Vargas Fotograf\u00eda\" \/>\n<meta property=\"og:description\" content=\"\u00bfBuscas un fot\u00f3grafo deportivo para tu pr\u00f3ximo evento? Cont\u00e1ctame y solicita una cotizaci\u00f3n para tu pr\u00f3ximo evento deportivo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wexite.com\/sebasvargas\/contacto\/\" \/>\n<meta property=\"og:site_name\" content=\"Sebasti\u00e1n Vargas Fotograf\u00eda\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T01:09:58+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/localhost:8012\/sebasvargas\/wp-content\/uploads\/2026\/07\/sebasvargas-contact.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/\",\"url\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/\",\"name\":\"Contacto | Contrata a Sebasti\u00e1n Vargas Fotograf\u00eda\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/localhost:8012\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/sebasvargas-contact.png\",\"datePublished\":\"2026-07-22T00:32:45+00:00\",\"dateModified\":\"2026-07-28T01:09:58+00:00\",\"description\":\"\u00bfBuscas un fot\u00f3grafo deportivo para tu pr\u00f3ximo evento? Cont\u00e1ctame y solicita una cotizaci\u00f3n para tu pr\u00f3ximo evento deportivo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/#primaryimage\",\"url\":\"http:\\\/\\\/localhost:8012\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/sebasvargas-contact.png\",\"contentUrl\":\"http:\\\/\\\/localhost:8012\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/sebasvargas-contact.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/contacto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contacto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/#website\",\"url\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/\",\"name\":\"Sebasti\u00e1n Vargas Fotograf\u00eda\",\"description\":\"Fot\u00f3grafo deportivo en Cali especializado en eventos deportivos.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/#\\\/schema\\\/person\\\/d017029a41cf535262fa9c75fbb1db03\"},\"alternateName\":\"Sebasti\u00e1n Vargas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CO\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/#\\\/schema\\\/person\\\/d017029a41cf535262fa9c75fbb1db03\",\"name\":\"Johan Sebastian Vargas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-favicon.png\",\"url\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-favicon.png\",\"contentUrl\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"Johan Sebastian Vargas\"},\"logo\":{\"@id\":\"https:\\\/\\\/wexite.com\\\/sebasvargas\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-favicon.png\"},\"sameAs\":[\"https:\\\/\\\/wexite.com\\\/sebasvargas\",\"https:\\\/\\\/www.instagram.com\\\/sebasvargasv_\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/johan-sebastian-vargas-vosmediano-503a02192\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contacto | Contrata a Sebasti\u00e1n Vargas Fotograf\u00eda","description":"\u00bfBuscas un fot\u00f3grafo deportivo para tu pr\u00f3ximo evento? Cont\u00e1ctame y solicita una cotizaci\u00f3n para tu pr\u00f3ximo evento deportivo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wexite.com\/sebasvargas\/contacto\/","og_locale":"es_ES","og_type":"article","og_title":"Contacto | Contrata a Sebasti\u00e1n Vargas Fotograf\u00eda","og_description":"\u00bfBuscas un fot\u00f3grafo deportivo para tu pr\u00f3ximo evento? Cont\u00e1ctame y solicita una cotizaci\u00f3n para tu pr\u00f3ximo evento deportivo.","og_url":"https:\/\/wexite.com\/sebasvargas\/contacto\/","og_site_name":"Sebasti\u00e1n Vargas Fotograf\u00eda","article_modified_time":"2026-07-28T01:09:58+00:00","og_image":[{"url":"http:\/\/localhost:8012\/sebasvargas\/wp-content\/uploads\/2026\/07\/sebasvargas-contact.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wexite.com\/sebasvargas\/contacto\/","url":"https:\/\/wexite.com\/sebasvargas\/contacto\/","name":"Contacto | Contrata a Sebasti\u00e1n Vargas Fotograf\u00eda","isPartOf":{"@id":"https:\/\/wexite.com\/sebasvargas\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wexite.com\/sebasvargas\/contacto\/#primaryimage"},"image":{"@id":"https:\/\/wexite.com\/sebasvargas\/contacto\/#primaryimage"},"thumbnailUrl":"http:\/\/localhost:8012\/sebasvargas\/wp-content\/uploads\/2026\/07\/sebasvargas-contact.png","datePublished":"2026-07-22T00:32:45+00:00","dateModified":"2026-07-28T01:09:58+00:00","description":"\u00bfBuscas un fot\u00f3grafo deportivo para tu pr\u00f3ximo evento? Cont\u00e1ctame y solicita una cotizaci\u00f3n para tu pr\u00f3ximo evento deportivo.","breadcrumb":{"@id":"https:\/\/wexite.com\/sebasvargas\/contacto\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wexite.com\/sebasvargas\/contacto\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/wexite.com\/sebasvargas\/contacto\/#primaryimage","url":"http:\/\/localhost:8012\/sebasvargas\/wp-content\/uploads\/2026\/07\/sebasvargas-contact.png","contentUrl":"http:\/\/localhost:8012\/sebasvargas\/wp-content\/uploads\/2026\/07\/sebasvargas-contact.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wexite.com\/sebasvargas\/contacto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/wexite.com\/sebasvargas\/"},{"@type":"ListItem","position":2,"name":"Contacto"}]},{"@type":"WebSite","@id":"https:\/\/wexite.com\/sebasvargas\/#website","url":"https:\/\/wexite.com\/sebasvargas\/","name":"Sebasti\u00e1n Vargas Fotograf\u00eda","description":"Fot\u00f3grafo deportivo en Cali especializado en eventos deportivos.","publisher":{"@id":"https:\/\/wexite.com\/sebasvargas\/#\/schema\/person\/d017029a41cf535262fa9c75fbb1db03"},"alternateName":"Sebasti\u00e1n Vargas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wexite.com\/sebasvargas\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"},{"@type":["Person","Organization"],"@id":"https:\/\/wexite.com\/sebasvargas\/#\/schema\/person\/d017029a41cf535262fa9c75fbb1db03","name":"Johan Sebastian Vargas","image":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/wexite.com\/sebasvargas\/wp-content\/uploads\/2026\/07\/cropped-favicon.png","url":"https:\/\/wexite.com\/sebasvargas\/wp-content\/uploads\/2026\/07\/cropped-favicon.png","contentUrl":"https:\/\/wexite.com\/sebasvargas\/wp-content\/uploads\/2026\/07\/cropped-favicon.png","width":512,"height":512,"caption":"Johan Sebastian Vargas"},"logo":{"@id":"https:\/\/wexite.com\/sebasvargas\/wp-content\/uploads\/2026\/07\/cropped-favicon.png"},"sameAs":["https:\/\/wexite.com\/sebasvargas","https:\/\/www.instagram.com\/sebasvargasv_\/","https:\/\/www.linkedin.com\/in\/johan-sebastian-vargas-vosmediano-503a02192\/"]}]}},"_links":{"self":[{"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/pages\/1376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/comments?post=1376"}],"version-history":[{"count":124,"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/pages\/1376\/revisions"}],"predecessor-version":[{"id":1590,"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/pages\/1376\/revisions\/1590"}],"wp:attachment":[{"href":"https:\/\/wexite.com\/sebasvargas\/wp-json\/wp\/v2\/media?parent=1376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}