src/Aviatur/TwigBundle/Resources/views/aviatur/Flux/App/needHelp.html.twig line 1

Open in your IDE?
  1. <style>
  2.     /******* Call  *******/
  3.     .call-btn {
  4.         position: fixed;
  5.         background-color: #FFFFFF;
  6.         box-shadow: 0 1px 12.2px 1px rgba(0, 0, 0, 0.1);
  7.         z-index: 102;
  8.         padding: 10px;
  9.         right: 2.5%;
  10.         bottom: 5%;
  11.         border-radius: 50px;
  12.         cursor: pointer;
  13.         transition: all ease 0.2s;
  14.         display: flex;
  15.         align-items: center;
  16.         gap: 0.5rem;
  17.     }
  19.     .call_bg {
  20.         z-index: 101;
  21.         transition: all ease 0.4s;
  22.         transform-origin: center;
  23.         width: 1px;
  24.         height: 1px;
  25.         border-radius: 50%;
  26.         position: fixed;
  27.         right: 4.5%;
  28.         bottom: 8.5%;
  29.         background-color: rgb(255, 255, 255);
  30.         box-shadow: 0 3px 4px 0 rgb(94 94 94 / 70%);
  31.         overflow: hidden;
  32.     }
  34.     .call_bg--open {
  35.         height: 500px;
  36.         width: 500px;
  37.         right: -140px;
  38.         bottom: -150px;
  39.     }
  41.     .call-btn--close {
  42.         font-size: 28px;
  43.         color: white;
  44.         font-weight: bold;
  45.         display: flex;
  46.         padding: 2px;
  47.     }
  49.     .call-btn--close_active {
  50.         transform: rotate(360deg);
  51.         border: 2px solid #042A44;
  52.         padding: 4px 1px !important;
  53.         bottom: 13%;
  54.     }
  56.     .call-menu {
  57.         position: fixed;
  58.         right: 8%;
  59.         bottom: 3%;
  60.         z-index: 101;
  61.         display: none;
  62.         opacity: 0;
  63.         animation: fadeinoutMenuCall 1s linear forwards;
  64.     }
  66.     .call-menu--active {
  67.         display: block;
  68.         opacity: 1;
  69.         animation: fadeinoutMenuCall 1s linear forwards;
  70.     }
  72.     .call-menu--Item {
  73.         position: fixed;
  74.         display: flex;
  75.         justify-content: flex-start;
  76.         align-items: center;
  77.     }
  79.     .call-menu--Item svg {
  80.         display: inherit;
  81.     }
  83.     .call-menu__icon {
  84.         background-color: white;
  85.         padding: 8px;
  86.         border-radius: 50%;
  87.         margin-left: 8px;
  88.     }
  90.     .call-whatsapp .call-menu__icon {
  91.         padding: 8px;
  92.     }
  94.     .call-video .call-menu__icon-video {
  95.         padding: 8px;
  96.     }
  98.     .call-maps .call-menu__icon {
  99.         padding: 8px;
  100.     }
  102.     .call-soporte_linea .call-menu__icon {
  103.         padding: 8px;
  104.     }
  106.     .call-menu-firsh {
  107.         right: 60px;
  108.         bottom: 293px;
  109.     }
  111.     .call-menu-phone {
  112.         right: 60px;
  113.         bottom: 16px;
  114.     }
  116.     .call-whatsapp {
  117.         right: 110px;
  118.         bottom: 250px;
  119.     }
  121.     .call-cotizacion {
  122.         right: 110px;
  123.         bottom: 65px;
  124.     }
  126.     .call-video {
  127.         right: 155px;
  128.         bottom: 158px;
  129.     }
  131.     .call-maps {
  132.         right: 140px;
  133.         bottom: 110px;
  134.     }
  136.     .call-soporte_linea {
  137.         right: 140px;
  138.         bottom: 205px;
  139.     }
  141.     .call_text {
  142.         font-size: 14px;
  143.         font-weight: 400;
  144.         color: #042A44;
  145.     }
  147.     .callLoLlamamos {
  148.         height: 40px;
  149.         width: 18%;
  150.         border-radius: 6px;
  151.         font-weight: bold;
  152.         font-size: 14px;
  153.         color: #FFFFFF;
  154.         border: none;
  155.         cursor: pointer;
  156.     }
  158.     /* Wrong Modal */
  159.     .wrong-modal {
  160.         position: fixed;
  161.         background: #00000007;
  162.         z-index: 1000;
  163.         width: 100%;
  164.         height: 100%;
  165.         top: 0;
  166.         left: 0;
  167.         display: flex;
  168.         justify-content: center;
  169.         align-items: center;
  170.     }
  172.     .form-input {
  173.         position: absolute;
  174.         left: 0;
  175.         top: 0;
  176.         right: 0;
  177.         bottom: 0;
  178.         width: auto;
  179.         height: 100%;
  180.         border-color: #c4c4c4;
  181.         border-width: 1px;
  182.         border-radius: 6px;
  183.         font-size: 14px;
  184.         color: #717171;
  185.         font-weight: normal;
  186.         padding: 0 14px;
  187.         background: #fcfdff;
  188.     }
  190.     .form-input_label {
  191.         font-size: 14px;
  192.         color: #717171;
  193.         font-weight: normal;
  194.         position: absolute;
  195.         background: #fcfdff;
  196.         line-height: 16px;
  197.         left: 6%;
  198.         top: 50%;
  199.         padding: 0 4px;
  200.         z-index: 10;
  201.         transform: translate(-0%, -50%);
  202.         transition: all 0.4s;
  203.         -moz-block-height: 60px;
  204.     }
  206.     .form-input:is(:focus-visible, :hover, :focus, :active)~.form-input_label,
  207.     .form-group:hover .form-input_label {
  208.         color: #005CB9;
  209.     }
  211.     .form-input:is(:focus-visible, :hover, :focus, :active),
  212.     .form-group:hover .form-input {
  213.         outline-color: #005CB9;
  214.         outline-style: auto;
  215.         outline-width: 1px;
  216.         color: #005CB9;
  217.     }
  219.     .form-input:autofill,
  220.     .form-input:-internal-autofill-selected {
  221.         -webkit-box-shadow: 0 0 0 1000px #fcfdff inset;
  222.         box-shadow: 0 0 0 1000px #fcfdff inset;
  223.         -webkit-text-fill-color: #717171 !important;
  224.         -text-fill-color: #717171 !important;
  225.     }
  227.     .form-input:is(:focus-visible, :hover, :focus, :active).form-input:autofill {
  228.         -text-fill-color: #005CB9 !important;
  229.         -webkit-text-fill-color: #005CB9 !important;
  230.     }
  232.     .form-input:focus~.form-input_label {
  233.         top: 0;
  234.         left: 3%;
  235.         font-size: 12px;
  236.         font-weight: 500;
  237.     }
  239.     .form-input:not(:placeholder-shown, :focus)~.form-input_label {
  240.         top: 0;
  241.         left: 3%;
  242.         font-size: 12px;
  243.         font-weight: 500;
  244.     }
  246.     .modal-show {
  247.         height: auto;
  248.         width: 75%;
  249.         background: #FFFFFF;
  250.         padding: 2rem;
  251.         padding: 1rem;
  252.         text-align: center;
  253.         border-radius: 6px;
  254.     }
  256.     .title {
  257.         font-size: 34px;
  258.         font-weight: bold;
  259.         color: #042A44;
  260.     }
  262.     .loLlamamos_inputs {
  263.         display: flex;
  264.         justify-content: space-evenly;
  265.         padding-bottom: 30px;
  266.     }
  268.     .form-input_label {
  269.         font-size: 14px;
  270.         color: #717171;
  271.         font-weight: normal;
  272.         position: absolute;
  273.         background: #fcfdff;
  274.         line-height: 16px;
  275.         left: 6%;
  276.         top: 50%;
  277.         padding: 0 4px;
  278.         z-index: 10;
  279.         transform: translateY(-50%);
  280.         transition: all 0.4s;
  281.         -moz-block-height: 60px;
  282.     }
  284.     .gridComuniquese {
  285.         display: grid;
  286.         width: 20%;
  287.         margin-right: 10%;
  288.         text-align: left;
  289.     }
  291.     .gridComuniqueseData {
  292.         display: grid;
  293.         width: 30%;
  294.         text-align: right;
  295.     }
  297.     @media(min-width:650px) and(max-width:1200px) {
  298.         .gridComuniquese {
  299.             width: 30%;
  300.             margin-right: 30%;
  301.         }
  302.         .modal-show {
  303.             width: 75% !important;
  304.         }
  305.     }
  307.     @media(max-width:768px) {
  308.         .call-menu__icon {
  309.             background-color: white;
  310.             padding: 10px 7px;
  311.             border-radius: 50%;
  312.             margin-left: 8px;
  313.         }
  315.         .call-btn {
  316.             padding: 6px;
  317.             right: 9.5%;
  318.             bottom: 8%;
  319.         }
  321.         .call_bg {
  322.             right: 9.5%;
  323.             bottom: 11.5%;
  324.         }
  326.         .call_bg--open {
  327.             height: 450px;
  328.             width: 450px;
  329.             right: -125px;
  330.             bottom: -169px;
  331.         }
  333.         .call-menu--Item {
  334.             font-size: 12px;
  335.         }
  337.         .call-maps {
  338.             bottom: 151px;
  339.             right: 119px;
  340.         }
  342.         .call-video {
  343.             right: 85px;
  344.             bottom: 195px;
  345.         }
  347.         .call-menu-firsh {
  348.             right: 48px;
  349.             bottom: 225px;
  350.         }
  352.         .call-menu-phone {
  353.             right: 72px;
  354.             bottom: 9px;
  355.         }
  357.         .call-whatsapp {
  358.             right: 112px;
  359.             bottom: 60px;
  360.         }
  362.         .call-cotizacion {
  363.             right: 131px;
  364.             bottom: 106px;
  365.         }
  367.         .call_bg-dark__open {
  368.             position: fixed;
  369.             top: 0;
  370.             right: 0;
  371.             bottom: 0;
  372.             left: 0;
  373.             width: 100%;
  374.             background: rgba(34, 34, 34, 0.7);
  375.             z-index: 3;
  376.         }
  378.         .call-whatsapp .call-menu__icon {
  379.             padding: 10px 8px;
  380.         }
  382.         .call-video .call-menu__icon-video {
  383.             padding: 10px 8px;
  384.         }
  386.         .call-maps .call-menu__icon {
  387.             padding: 10px 8px;
  388.         }
  390.         .modal-show {
  391.             width: 85%;
  392.         }
  394.         .title {
  395.             font-size: 28px;
  396.         }
  398.         .loLlamamos_inputs {
  399.             flex-direction: column;
  400.         }
  402.         .form-group {
  403.             width: 100%;
  404.             margin-bottom: 15px;
  405.         }
  407.         .gridComuniquese {
  408.             width: 30%;
  409.             margin-right: 30%;
  410.         }
  412.         .gridComuniqueseData {
  413.             width: 40%;
  414.         }
  415.     }
  417.     @keyframes fadeinoutMenuCall {
  418.         0% {
  419.             opacity: 0;
  420.         }
  422.         100% {
  423.             opacity: 1;
  424.         }
  425.     }
  427.     @media(max-width:1200px) {
  428.         .call {
  429.             display: none;
  430.         }
  431.     }
  433.     @media(min-width:1023px) {
  434.         .modal-show {
  435.             width: 40%;
  436.         }
  437.     }
  439. </style>
  442. <div class="help-call-section">
  443.     <span id="miBoton" class="call-btn shadow-call">
  444.         <svg id="iconCall" xmlns="http://www.w3.org/2000/svg" width="22" height="20" fill="#042A44" viewbox="0 -2 20 20">
  445.             <path fill="#042A44" d="M4.167 16.667A1.67 1.67 0 0 0 5.836 15v-5a1.666 1.666 0 0 0-1.669-1.667V7.5a5.83 5.83 0 0 1 1.71-4.125 5.844 5.844 0 0 1 8.26 0A5.83 5.83 0 0 1 15.849 7.5v.833A1.67 1.67 0 0 0 14.18 10v5h-2.503a.835.835 0 0 0-.59 1.423.835.835 0 0 0 .59.244h4.171a4.175 4.175 0 0 0 4.072-3.315 4.162 4.162 0 0 0-2.403-4.665V7.5c0-1.99-.791-3.897-2.2-5.303a7.514 7.514 0 0 0-10.62 0A7.495 7.495 0 0 0 2.499 7.5v1.187a4.17 4.17 0 0 0-2.402 4.665 4.166 4.166 0 0 0 4.071 3.315Z"/>
  446.         </svg>
  447.         <span id="needHelp" class="call_text">¿Necesita ayuda?</span>
  448.     </span>
  450.     <div id="openCall" class="call_bg"></div>
  451.     <div id="callDarkOpen"></div>
  452.     <div id="callMenu" class="call-menu">
  453.         <div id="loLlamamos" class="call-menu--Item call-menu-firsh">
  454.             <button style="height: 25px;background: transparent; border:none; display: flex; align-items: center;">
  455.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Lo llamamos</span>
  456.                 <span class="call-menu__icon" style="color: black !important;">
  457.                     <svg width="19" height="19" fill="none" xmlns="http://www.w3.org/2000/svg">
  458.                         <path d="M17.393 14.514c0 .285-.064.578-.198.863a3.27 3.27 0 0 1-.538.807 3.57 3.57 0 0 1-1.299.934c-.475.198-.99.301-1.544.301-.807 0-1.67-.19-2.58-.578-.91-.388-1.821-.91-2.724-1.567a22.763 22.763 0 0 1-2.596-2.217 22.491 22.491 0 0 1-2.21-2.589c-.648-.902-1.17-1.805-1.55-2.7-.38-.902-.57-1.765-.57-2.588 0-.538.094-1.053.284-1.528.19-.483.491-.926.91-1.322.507-.499 1.061-.744 1.647-.744.222 0 .444.047.641.142.206.095.388.238.53.444L7.435 4.76c.142.197.245.38.316.554.071.166.111.332.111.483 0 .19-.055.38-.166.562a2.693 2.693 0 0 1-.444.562l-.601.625a.424.424 0 0 0-.127.317c0 .063.008.119.024.182.024.063.047.11.063.158.143.262.388.602.736 1.014.357.411.737.83 1.148 1.25.428.42.84.808 1.26 1.164.41.348.751.586 1.02.729.04.015.088.04.143.063a.547.547 0 0 0 .198.032.436.436 0 0 0 .324-.135l.602-.594c.198-.198.388-.348.57-.443.182-.111.364-.166.562-.166.15 0 .309.031.483.102.174.072.356.175.554.31l2.62 1.86a1.2 1.2 0 0 1 .436.506c.08.198.127.396.127.618Z" stroke="#042A44" stroke="#ada2a2" strokewidth={1.188} strokemiterlimit={10}/>
  459.                         <path d="M14.646 7.126c0-.475-.373-1.203-.927-1.797-.506-.546-1.18-.974-1.844-.974M17.416 7.128a5.538 5.538 0 0 0-5.541-5.542" stroke="#042A44" stroke="#ada2a2" strokewidth={1.188} strokelinecap="round" strokelinejoin="round"/>
  460.                     </svg>
  461.                 </span>
  462.             </button>
  463.         </div>
  464.         <div class="call-menu--Item call-whatsapp">
  465.             <a id="wsp" style="height: 25px;display: flex; align-items: center; text-decoration: none;" target="_blank" rel="noopener noreferrer" href="#">
  466.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Reserve por WhatsApp</span>
  467.                 <span class="call-menu__icon">
  468.                     <svg width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg">
  469.                         <path d="M15.732 9.441v3.5c0 .228-.008.446-.034.656-.202 2.363-1.593 3.536-4.157 3.536h-.35a.705.705 0 0 0-.56.28l-1.05 1.4c-.463.62-1.216.62-1.68 0l-1.05-1.4a.808.808 0 0 0-.56-.28h-.35c-2.791 0-4.191-.692-4.191-4.192v-3.5c0-2.563 1.181-3.955 3.535-4.156.21-.026.429-.035.656-.035h5.6c2.791 0 4.191 1.4 4.191 4.191Z" stroke="#042A44" strokewidth={1.37} strokemiterlimit={10} strokelinecap="round" strokelinejoin="round"/>
  470.                         <path d="M19.233 5.941v3.5c0 2.573-1.182 3.955-3.536 4.156.027-.21.036-.428.036-.656v-3.5c0-2.791-1.4-4.191-4.192-4.191h-5.6c-.227 0-.446.009-.656.035.201-2.354 1.593-3.535 4.156-3.535h5.6c2.791 0 4.192 1.4 4.192 4.191Z" stroke="#042A44" strokewidth={1.37} strokemiterlimit={10} strokelinecap="round" strokelinejoin="round"/>
  471.                         <path d="M11.809 11.594h.007M8.746 11.594h.008M5.684 11.594h.007" stroke="#353535" strokewidth={1.826} strokelinecap="round" strokelinejoin="round"/>
  472.                     </svg>
  473.                 </span>
  474.             </a>
  475.         </div>
  476.         <div id="loLlamamos_soporte_linea" class="call-menu--Item call-soporte_linea">
  477.             <button style="height: 25px;background: transparent; border:none; display: flex; align-items: center;">
  478.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Soporte compra en línea</span>
  479.                 <span class="call-menu__icon" style="color: black !important;">
  480.                     <svg width="19" height="19" fill="none" xmlns="http://www.w3.org/2000/svg">
  481.                         <path d="M17.393 14.514c0 .285-.064.578-.198.863a3.27 3.27 0 0 1-.538.807 3.57 3.57 0 0 1-1.299.934c-.475.198-.99.301-1.544.301-.807 0-1.67-.19-2.58-.578-.91-.388-1.821-.91-2.724-1.567a22.763 22.763 0 0 1-2.596-2.217 22.491 22.491 0 0 1-2.21-2.589c-.648-.902-1.17-1.805-1.55-2.7-.38-.902-.57-1.765-.57-2.588 0-.538.094-1.053.284-1.528.19-.483.491-.926.91-1.322.507-.499 1.061-.744 1.647-.744.222 0 .444.047.641.142.206.095.388.238.53.444L7.435 4.76c.142.197.245.38.316.554.071.166.111.332.111.483 0 .19-.055.38-.166.562a2.693 2.693 0 0 1-.444.562l-.601.625a.424.424 0 0 0-.127.317c0 .063.008.119.024.182.024.063.047.11.063.158.143.262.388.602.736 1.014.357.411.737.83 1.148 1.25.428.42.84.808 1.26 1.164.41.348.751.586 1.02.729.04.015.088.04.143.063a.547.547 0 0 0 .198.032.436.436 0 0 0 .324-.135l.602-.594c.198-.198.388-.348.57-.443.182-.111.364-.166.562-.166.15 0 .309.031.483.102.174.072.356.175.554.31l2.62 1.86a1.2 1.2 0 0 1 .436.506c.08.198.127.396.127.618Z" stroke="#042A44" stroke="#ada2a2" strokewidth={1.188} strokemiterlimit={10}/>
  482.                         <path d="M14.646 7.126c0-.475-.373-1.203-.927-1.797-.506-.546-1.18-.974-1.844-.974M17.416 7.128a5.538 5.538 0 0 0-5.541-5.542" stroke="#042A44" stroke="#ada2a2" strokewidth={1.188} strokelinecap="round" strokelinejoin="round"/>
  483.                     </svg>
  484.                 </span>
  485.             </button>
  486.         </div>
  487.         <div class="call-menu--Item call-video">
  488.             <a style="height: 25px;display: flex; align-items: center; text-decoration: none;" href="https://www.aviatur.com/contenidos/asesor-en-linea" target="_blank" rel="noopener noreferrer">
  489.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Compre sus vacaciones</span>
  490.                 <span class="call-menu__icon call-menu__icon-video">
  491.                     <svg width="19" height="19" fill="none" xmlns="http://www.w3.org/2000/svg">
  492.                         <path d="M17.417 9.412v.704c0 2.819-.705 3.515-3.515 3.515H5.098c-2.81 0-3.515-.704-3.515-3.515V5.097c0-2.81.705-3.515 3.515-3.515h1.235M9.5 13.633v3.784M1.583 10.293h15.834M5.938 17.418h7.125" stroke="#042A44" strokewidth={1.188} strokelinecap="round" strokelinejoin="round"/>
  493.                         <path d="M14.139 7.42H10.37c-1.093 0-1.457-.728-1.457-1.456V3.177c0-.87.712-1.583 1.583-1.583h3.642c.807 0 1.457.649 1.457 1.456v2.914c0 .807-.65 1.456-1.457 1.456ZM16.554 6.269l-.958-.673V3.41l.958-.673c.475-.325.863-.127.863.451v2.636c0 .578-.388.776-.863.444Z" stroke="#042A44" strokewidth={1.188} strokelinecap="round" strokelinejoin="round"/>
  494.                     </svg>
  495.                 </span>
  496.             </a>
  497.         </div>
  498.         <div class="call-menu--Item call-maps">
  499.             <a style="height: 25px;display: flex; align-items: center; text-decoration: none;" href="https://www.aviatur.com/contenidos/sucursales-aviatur-en-bogota-y-colombia" target="_blank" rel="noopener noreferrer">
  500.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Puntos de atención</span>
  501.                 <span class="call-menu__icon call-menu__icon-maps">
  502.                     <svg width="19" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
  503.                         <path d="M9.5 11.624a2.47 2.47 0 1 0 0-4.94 2.47 2.47 0 0 0 0 4.94Z" stroke="#042A44" strokewidth="{1.5}"></path>
  504.                         <path d="M2.866 7.712C4.426.856 14.583.864 16.134 7.72c.91 4.022-1.591 7.426-3.784 9.532a4.111 4.111 0 0 1-5.708 0c-2.185-2.106-4.687-5.518-3.776-9.54Z" stroke="#042A44" strokewidth="{1.5}"></path>
  505.                     </svg>
  506.                 </span>
  507.             </a>
  508.         </div>
  509.         <div class="call-menu--Item call-cotizacion">
  510.             <a style="height: 25px;display: flex; align-items: center; text-decoration: none;" href="https://www.aviatur.com/formularios/cotizacion" target="_blank" rel="noopener noreferrer">
  511.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Solicite su cotización</span>
  512.                 <span class="call-menu__icon call-menu__icon-maps">
  513.                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none">
  514.                         <path stroke="#042A44" strokelinecap="round" strokelinejoin="round" strokewidth={1.5} d="m18.05 8.701-.816 3.484c-.7 3.008-2.084 4.225-4.684 3.975a8.752 8.752 0 0 1-1.35-.225L9.8 15.6c-3.475-.825-4.55-2.541-3.733-6.025l.817-3.491c.166-.709.366-1.325.616-1.834.975-2.016 2.634-2.558 5.417-1.9l1.392.325c3.492.817 4.558 2.542 3.742 6.025Z"/>
  515.                         <path stroke="#042A44" strokelinecap="round" strokelinejoin="round" strokewidth={1.5} d="M12.55 16.158c-.516.35-1.166.642-1.958.9l-1.317.434c-3.308 1.066-5.05.175-6.125-3.134l-1.066-3.291C1.017 7.758 1.9 6.008 5.209 4.942l1.316-.434c.342-.108.667-.2.975-.258-.25.508-.45 1.125-.616 1.833l-.817 3.492c-.817 3.483.258 5.2 3.733 6.025l1.4.333c.484.117.934.192 1.35.225ZM10.533 7.11l4.042 1.024M9.717 10.332l2.416.617"/>
  516.                     </svg>
  517.                 </span>
  518.             </a>
  519.         </div>
  520.         {# <div class="call-menu--Item call-whatsapp">
  521.                                 <a id="wsp" style="height: 25px;display: flex; align-items: center; text-decoration: none;" target="_blank" rel="noopener noreferrer" href="#">
  522.                                     <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Reserve por WhatsApp</span>
  523.                                     <span class="call-menu__icon">
  524.                                         <svg width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg">
  525.                                             <path d="M15.732 9.441v3.5c0 .228-.008.446-.034.656-.202 2.363-1.593 3.536-4.157 3.536h-.35a.705.705 0 0 0-.56.28l-1.05 1.4c-.463.62-1.216.62-1.68 0l-1.05-1.4a.808.808 0 0 0-.56-.28h-.35c-2.791 0-4.191-.692-4.191-4.192v-3.5c0-2.563 1.181-3.955 3.535-4.156.21-.026.429-.035.656-.035h5.6c2.791 0 4.191 1.4 4.191 4.191Z" stroke="#042A44" strokewidth={1.37} strokemiterlimit={10} strokelinecap="round" strokelinejoin="round"/>
  526.                                             <path d="M19.233 5.941v3.5c0 2.573-1.182 3.955-3.536 4.156.027-.21.036-.428.036-.656v-3.5c0-2.791-1.4-4.191-4.192-4.191h-5.6c-.227 0-.446.009-.656.035.201-2.354 1.593-3.535 4.156-3.535h5.6c2.791 0 4.192 1.4 4.192 4.191Z" stroke="#042A44" strokewidth={1.37} strokemiterlimit={10} strokelinecap="round" strokelinejoin="round"/>
  527.                                             <path d="M11.809 11.594h.007M8.746 11.594h.008M5.684 11.594h.007" stroke="#353535" strokewidth={1.826} strokelinecap="round" strokelinejoin="round"/>
  528.                                         </svg>
  529.                                     </span>
  530.                                 </a>
  531.                             </div> #}
  532.         <div class="call-menu--Item call-menu-phone">
  533.             <button id="comuniquese" style="height: 45px;background: transparent; border:none; display: flex; align-items: center;">
  534.                 <span style="font-size: 12px; font-weight: 500; color:#042A44;cursor: pointer;">Comuníquese con nosotros</span>
  535.                 <span class="call-menu__icon">
  536.                     <svg width="20" height="21" fill="none" xmlns="http://www.w3.org/2000/svg">
  537.                         <path d="M18.308 16.265c0 .3-.066.608-.208.908-.142.3-.325.583-.567.85-.408.45-.858.775-1.366.983-.5.209-1.042.317-1.625.317-.85 0-1.758-.2-2.717-.608a14.634 14.634 0 0 1-2.866-1.65 23.961 23.961 0 0 1-2.734-2.334A23.682 23.682 0 0 1 3.9 12.006c-.683-.95-1.233-1.9-1.633-2.841-.4-.95-.6-1.859-.6-2.725 0-.567.1-1.109.3-1.609.2-.508.517-.975.958-1.391.534-.525 1.117-.784 1.734-.784.233 0 .466.05.675.15.216.1.408.25.558.467l1.933 2.725c.15.208.259.4.334.583.075.175.116.35.116.509 0 .2-.058.4-.175.591a2.834 2.834 0 0 1-.466.592L7 8.93a.446.446 0 0 0-.133.334c0 .066.008.125.025.191.025.067.05.117.067.167.15.275.408.633.775 1.067.375.433.775.875 1.208 1.316.45.442.883.85 1.325 1.225.433.367.792.617 1.075.767.041.017.091.042.15.067a.575.575 0 0 0 .208.033c.142 0 .25-.05.342-.142l.633-.625c.208-.208.409-.366.6-.466a1.11 1.11 0 0 1 .592-.175c.158 0 .325.033.508.108.184.075.375.183.584.325l2.758 1.958c.216.15.367.325.458.534.084.208.133.416.133.65Z" stroke="#042A44" strokewidth={1.25} strokemiterlimit={10}/>
  538.                         <path d="M13.5 7.488h4m-4 0v-4 4Z" stroke="#042A44" strokewidth={1.25} strokelinecap="round" strokelinejoin="round"/>
  539.                     </svg>
  540.                 </span>
  541.             </button>
  542.         </div>
  543.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/modalCall.html.twig') %}
  544.         {# {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/modalResultCall.html.twig') %} #}
  545.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/modalComuniquese.html.twig') %}
  546.     </div>
  547. </div>