* { margin:0; padding:0; box-sizing:border-box; } body { font-family:'Roboto',sans-serif; color:#333; background:#f9f9f9; caret-color: #000 !important;} a { text-decoration:none; } header { background:#004080; color:#fff; padding:1rem 2rem; position:sticky; top:0; display:none; justify-content:space-between; align-items:center; z-index:100; } header .logo { text-transform: uppercase; font-size:1.5rem; font-weight:700; } header nav a { color:#fff; margin-left:1.5rem; font-weight:500; } input::placeholder, textarea::placeholder { color: #666 !important; /* o #000 para negro */ } label, .elementor-field-label { color: #666 !important; } .hero { position:relative; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://certificadoingresos.uy/wp-content/uploads/2025/03/6675b75b14a6857e6574c5e9_certified-translation-scaled.webp') center/cover no-repeat; min-height:60vh; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; } .hero .content { position:relative; z-index:1; max-width:800px; padding:0 20px; } .hero h1 { font-size:2.5rem; margin-bottom:1rem; } .hero p { font-size:1.1rem; margin-bottom:1.5rem; } .hero .btn { display:inline-block; background:#25d366; color:#fff; padding:.8rem 1.5rem; border-radius:5px; font-size:1.1rem; box-shadow:0 4px 8px rgba(0,0,0,0.2); transition:transform .2s; } .hero .btn:hover { transform:scale(1.05); } /* Slider */ .slider { position:relative; width:100%; max-width:800px; margin:2rem auto; overflow:hidden; border-radius:8px; } .slides { display:flex; transition:transform .5s ease; } .slide { min-width:100%; } .slide img { width:100%; display:block; } .slider-nav { position:absolute; top:50%; width:100%; display:flex; justify-content:space-between; transform:translateY(-50%); } .slider-nav button { background:rgba(255,255,255,0.9); border:none; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,0.2); cursor:pointer; transition:transform .2s; } .slider-nav button:hover { transform:scale(1.2); } /* Sections */ .container { max-width:1200px; margin:40px auto; padding:0 20px; } h2.section-title { text-align:center; font-size:2rem; margin-bottom:1rem; color:#004080; } /* Steps */ .steps { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; } .step { background:#fff; border-radius:8px; padding:20px; width:280px; text-align:center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1); } .step .icon { font-size:2rem; margin-bottom:.5rem; color:#b90505; } .step h3 { margin:.5rem 0; color:#004080; } .step p { font-size:1rem; color:#3e3e3e; } .step:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } /* Why Us */ .intro-container { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; } .box { background:#fff; border-radius:8px; padding:20px; width:300px; text-align:center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1);} .box .icon { font-size:2rem; margin-bottom:10px; color:#b90505; } .box h3 { margin:10px 0 5px; font-size:1.25rem; color:#004080; } .box p { font-size:1rem; color:#3e3e3e; } .box:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } /* Testimonials */ /* Contenedor general */ .the-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; /* para posicionar botones si se usan */ } /* Sección reseñas */ section.reviews { padding: 60px 0 0; } /* Títulos */ .reviews .header-label { color: #b90505; font-weight: 700; font-size: .875rem; text-align: center; display: block; } .reviews .header-title { color: #004080; text-transform: uppercase; margin-bottom: 30px; font-weight: 300; font-size: 34px; line-height: 36px; text-align: center; } /* Wrapper y carrusel */ .reviews-wrapper { overflow: hidden; box-sizing: border-box; } .reviews-carousel { display: flex; transition: transform 0.6s ease; cursor: grab; margin-bottom: 20px; } .reviews-carousel.dragging { cursor: grabbing; transition: none; } /* Tarjetas */ .review-card { flex-shrink: 0; width: 300px; margin-right: 24px; background: #ededed; border-radius: 8px; padding: 20px; box-sizing: border-box; } .review-card:last-child { margin-right: 0; } /* Perfil y estrellas */ .review-card .profile { display: flex; align-items: center; margin-bottom: 12px; } .review-card .profile img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; margin-right: 12px; } .review-card .profile .name { font-weight: 700; color: #004080; margin-bottom: 4px; } .review-card .stars { display: flex; } .review-card .stars svg { width: 16px; height: 16px; fill: #f6bb06; margin-right: 4px; } /* Texto de la reseña */ .review-card .text { font-style: italic; color: #333; line-height: 1.4; } /* (Opcional) Botones prev/next si las quisieras mostrar */ /* .reviews .btn-prev, .reviews .btn-next { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; border: none; width: 36px; height: 36px; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); cursor: pointer; font-size: 1.25rem; line-height: 1; } .reviews .btn-prev { left: 20px; } .reviews .btn-next { right: 20px; } */ /* Guarantee */ .guarantee { text-align:center; padding:40px 20px; } .logos { display:flex; justify-content:center; gap:30px; flex-wrap:wrap; } .logos img { max-height:40px; opacity:.7; max-width:150px; transition:opacity .3s; } .logos img:hover { opacity:1; } /* FAQ */ .faq-accordion-container { background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); margin-top:40px; } .faq-accordion-container h2 { font-size:2em; text-align:center; border-bottom:1px solid #959595; padding-bottom:10px; margin-bottom:20px; } .faq-item { border-bottom:1px solid #eee; } .faq-header { position:relative; cursor:pointer; padding:15px; transition:background 0.3s; } .faq-header:hover { background:#f0f8ff; } .faq-header h3 { display:inline-block; font-size:1.1rem; } .arrow-icon { position:absolute; right:15px; top:50%; transform:translateY(-50%); } .arrow-icon svg { width:24px; height:24px; fill:#063560; transition:transform 0.3s ease; } .faq-content { padding:0 15px 15px; display:none; font-size:0.95rem; line-height:1.5; } @media (max-width:768px) { .steps, .intro-container { flex-direction:column; align-items:center; } .step, .box, .testimonial { width:90%; margin-top:20px; } } /* === contenedor general === */ /* === Sección con fondo en lugar de liso === */ .contact-slide { position: relative; display: flex; justify-content: center; padding: 60px 20px; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), /* oscurece un poco */ url('https://certificadoingresos.uy/wp-content/uploads/2025/03/6675b75b14a6857e6574c5e9_certified-translation-scaled.webp') center/cover no-repeat; } .contact-slide__card { position: relative; background: #fff; border-radius: 1rem; box-shadow: 0 8px 24px rgba(0,0,0,0.05); max-width: 480px; width: 100%; padding: 2rem; transition: transform .3s ease; } .contact-slide__card:hover { transform: scale(1.02); } /* === Intro === */ .contact-slide__intro { text-align: center; margin-bottom: 2rem; } .contact-slide__intro h1 { font-size: 2rem; margin-bottom: .5rem; color: #063560; } .contact-slide__intro p { font-size: 1rem; color: #4a5568; } /* Chat container */ #whatsapp-chat { position:fixed; bottom:90px; right:30px; width:350px; max-width:90%; background:#fff; color:#fff; border-radius:10px; box-shadow:0 1px 15px rgba(0,0,0,0.3); overflow:hidden; display:none; z-index:999; } #whatsapp-chat.open { display:block; } /* Header */ .header-chat { padding:20px; display:flex; align-items:center; background:#009688; } .header-chat .info-avatar img { width:50px; height:50px; border-radius:50%; margin-right:12px; } .header-chat .whatsapp-name { font-size:16px; font-weight:600; line-height:1.2; } .header-chat small { font-size:12px; color:rgba(255,255,255,0.8); } /* Mensajes */ /* CSS Multiple Whatsapp Chat */ .whatsapp-name { font-size: 16px; font-weight: 600; padding-bottom: 0; margin-bottom: 0; line-height: 0.5; } #whatsapp-chat { box-sizing: border-box !important; outline: none !important; position: fixed; width: 350px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: 90px; right: 30px; overflow: hidden; z-index: 99; animation-name: showchat; animation-duration: 1s; transform: scale(1); } /* Selector original */ a.blantershow-chat { position: fixed !important; bottom: 25px !important; right: 30px !important; z-index: 9999 !important; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; font-size: 15px; font-weight: 400; background: #095e54; color: #ffffff; border-radius: 30px; box-shadow: 0 1px 15px rgba(32,33,36,0.28); cursor: pointer; /* Animación de parpadeo de sombra */ animation: pulse-shadow 2s infinite; } /* Icono ajustado */ a.blantershow-chat svg { transform: scale(1.2); margin-right: 10px; } /* Keyframes para parpadeo */ @keyframes pulse-shadow { 0%, 100% { box-shadow: 0 1px 15px rgba(32,33,36,0.28); } 50% { box-shadow: 0 1px 20px rgba(32,33,36,0.5); } } .header-chat { /* background: linear-gradient(to right top, #6f96f3, #164ed2); */ background: #009688; background: #095e54; color: #fff; padding: 20px; } .header-chat h3 { margin: 0 0 10px; } .header-chat p { font-size: 14px; line-height: 1.7; margin: 0; } .info-avatar { position: relative; } .info-avatar img { border-radius: 100%; width: 50px; float: left; margin: 0 10px 0 0; } a.informasi { padding: 20px; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.5s; } a.informasi:hover { background: #f1f1f1; } .info-chat span { display: block; } #get-label, span.chat-label { font-size: 12px; color: #888; } #get-nama, span.chat-nama { margin: 5px 0 0; font-size: 15px; font-weight: 700; color: #222; } #get-label, #get-nama { color: #fff; } span.my-number { display: none; } /* .blanter-msg { color: #444; padding: 20px; font-size: 12.5px; text-align: center; border-top: 1px solid #ddd; } */ textarea#chat-input { border: none; font-family: "Arial", sans-serif; width: 100%; outline: none; resize: none; padding: 8px; font-size: 14px; } a#send-it { width: 40px; font-weight: 700; padding: 10px 10px 0; background: #eee; border-radius: 0px; } a#send-it svg { fill: #a6a6a6; height: 24px; width: 24px; } .first-msg { background: transparent; padding: 30px; text-align: center; } .first-msg span { background: #e2e2e2; color: #333; font-size: 14.2px; line-height: 1.7; border-radius: 10px; padding: 15px 20px; display: inline-block; } .start-chat .blanter-msg { display: flex; } #get-number { display: none; } a.close-chat { position: absolute; top: 5px; right: 15px; color: #fff; font-size: 30px; } @keyframes ZpjSY { 0% { background-color: #b6b5ba; } 15% { background-color: #111111; } 25% { background-color: #b6b5ba; } } @keyframes hPhMsj { 15% { background-color: #b6b5ba; } 25% { background-color: #111111; } 35% { background-color: #b6b5ba; } } @keyframes iUMejp { 25% { background-color: #b6b5ba; } 35% { background-color: #111111; } 45% { background-color: #b6b5ba; } } @keyframes showhide { from { transform: scale(0.5); opacity: 0; } } @keyframes showchat { from { transform: scale(0); opacity: 0; } } @media screen and (max-width: 480px) { #whatsapp-chat { width: auto; left: 5%; right: 5%; font-size: 80%; } } .hide { display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .show { display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .whatsapp-message-container { display: flex; z-index: 1; } .whatsapp-message { padding: 7px 14px 6px; background-color: white; border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); } .whatsapp-chat-body { padding: 20px 20px 20px 10px; background-color: #e6ddd4; position: relative; } .whatsapp-chat-body::before { display: block; position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png"); } .dAbFpq { display: flex; z-index: 1; } .eJJEeC { background-color: white; width: 52.5px; height: 32px; border-radius: 16px; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; margin-left: 10px; opacity: 0; transition: all 0.1s ease 0s; z-index: 1; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; } .hFENyl { position: relative; display: flex; } .ixsrax { height: 5px; width: 5px; margin: 0px 2px; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; background-color: #9e9da2; animation-name: ZpjSY; } .dRvxoz { height: 5px; width: 5px; margin: 0px 2px; background-color: #b6b5ba; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; animation-name: hPhMsj; } .kAZgZq { padding: 7px 14px 6px; background-color: white; border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); } .kAZgZq::before { position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0px; left: -12px; width: 12px; height: 19px; } .bMIBDo { font-size: 13px; font-weight: 700; line-height: 18px; color: rgba(0, 0, 0, 0.4); } .iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111111; } .iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111111; } .cqCDVm { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, 0.5); margin-right: -8px; margin-bottom: -4px; } /*WA Bubble END*/ /* Si usás un script que pone un <span>encima como label flotante */ .whatsapp-field-label { color: #333 !important; } /* === Formulario === */ .contact-slide__form { display: flex; flex-direction: column; gap: 1rem; } .form-group { display: flex; flex-direction: column; } .form-row { display: flex; gap: 1rem; } .form-row .form-group { flex: 1; } label { font-weight: 600; margin-bottom: .25rem; color: #2d3748; font-size: .95rem; } input, select { padding: .6rem .8rem; font-size: .95rem; border: 1px solid #cbd5e0; background: #f5f5f5; border-radius: .5rem; transition: border-color .2s; } input:focus, select:focus { outline: none; border-color: #4299e1; } .btn-submit { display: inline-flex ; align-items: center; justify-content: center; gap: .5rem; background: #086c2e; color: #fff; text-transform: uppercase; border: none; border-radius: .75rem; padding: .75rem 1rem; font-size: 1em; font-weight: 900; cursor: pointer; transition: background .2s, transform .2s; } .btn-submit:hover { background: #086c2e; transform: scale(1.03); } .btn-submit__icon { width: 1.2rem; height: 1.2rem; stroke: currentColor; stroke-width: 2; fill: none; } /* === Responsive mobile === */ @media (max-width: 600px) { .contact-slide__card { padding: 1.5rem; } .form-row { flex-direction: column; } } /* Barra de Alerta Fija */ #alert-bar { position: fixed; top: 0; left: 0; right: 0; background: #b90505; color: #fff; text-align: center; font-weight: bold; padding: 8px 10px; z-index: 9999; font-size: 0.95rem; font-family: Montserrat; } #countdown { margin-left: 12px; font-family: monospace; } /* Ajusta tu layout para que el contenido no quede oculto debajo */ body { padding-top: 36px; }