/* /custom_web_site/static/src/css/style_servicios_p.css */
#hero-servicios{background-color: #ffffff; h1{color: #000;}.lead{font-size: 1.1rem;}.btn-hero-primary{font-family: var(--text-font-roboto); font-size: 1rem; font-weight: 600; padding: 10px 28px; border-radius: 999px; border: none; background-color: #12004f; color: #fff; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; text-decoration: none; display: inline-block;}.btn-hero-primary:hover{transform: translateY(-2px); box-shadow: 0 10px 20px rgba(18, 0, 79, 0.28); color: #fff;}img{max-width: 100%; height: auto;}}.parrafo{font-family: var(--text-font-roboto); font-size: var(--font-size-18px); font-style: normal; font-weight: var(--font-weight-400); letter-spacing: 0;}.custom-img{height: 80px; width: 120px;}.custom-img1{height: 80px; width: 80px;}.custom-img2{height: 80px; width: 80px;}.conoce-nuestros-servicios{color: var(--color-brand-black); font-weight: var(--font-weight-400); line-height: var(--text-line-height-57-6); min-height: 58px; white-space: nowrap;}.img-text-spacing{margin-left: 1.5rem;}.text-services{color: var(--color-brand-black); font-family: var(--text-font-roboto); font-size: var(--text-font-size-24); font-style: normal; font-weight: var(--font-weight-600);}.title{left: 212px; letter-spacing: var(--text-letter-spacing-0); line-height: var(--text-line-height-57-6); position: absolute; top: 27px; width: 616px;}#servicios-lista .list-group-item{border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; border-left: none; border-right: none; border-radius: 0; padding: 1rem 1.5rem;}#servicios-lista .img{object-fit: contain;}@media (max-width: 768px){#servicios-lista .list-group-item{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 0.5rem !important;}#servicios-lista .list-group-item img{margin-bottom: 0.5rem;}#servicios-lista .text-center.mb-4 h2{text-align: center; font-size: 1.3rem; line-height: 1.4; white-space: pre-line;}#servicios-lista .list-group-item{border: none !important;}}.clientes-que-confan-en-nosotros-ebsa{font-family: var(--text-font-regular-inter); font-size: 1rem; font-weight: 500; line-height: 1.4; margin-top: 1rem; color: #000;}.clientes-que-confan-en-nosotros-ebsa-1{color: transparent; font-family: var(--text-font-regular-inter); font-size: var(--text-font-size-24); font-weight: var(--font-weight-500); letter-spacing: var(--text-letter-spacing-0-26); line-height: var(--text-line-height-31-1); margin-right: 1.0px; margin-top: 31px; min-height: 62px; width: 236px;}.address{letter-spacing: var(--text-letter-spacing-0-26); line-height: var(--text-line-height-31-2); min-height: 62px; text-align: center; width: 236px;}.compra-segura{letter-spacing: var(--text-letter-spacing-0-26); line-height: var(--text-line-height-36); text-align: center; width: 236px;}.img-servicio{width: 70px; height: 70px; object-fit: contain;}.img-servicio2{width: 60px; height: 70px; object-fit: contain;}@media (max-width: 768px){#hero-servicios h1, #hero-servicios .parrafo.mb-4, #hero-servicios .btn{text-align: center; display: block; margin-left: auto; margin-right: auto;}#hero-servicios .parrafo.mb-2{display: none !important;}}@media (min-width: 769px){#servicios-lista .desktop-title{display: inline;}#servicios-lista .mobile-title{display: none;}}@media (max-width: 768px){#servicios-lista .desktop-title{display: none;}#servicios-lista .mobile-title{display: block; font-size: 2rem; font-weight: 700; line-height: 1.3;}#servicios-lista .list-group-item{flex-direction: column !important; gap: 0.5rem !important; text-align: center !important;}#servicios-lista .list-group-item .title{position: static !important; width: auto; font-weight: 600; font-size: 1rem; margin-top: 0.5rem;}#servicios-lista .list-group-item img{margin-bottom: 0.3rem; width: 60px; height: auto;}#servicios-lista .text-services{font-size: 2rem;}#servicios-lista span.fs-3.text-muted{display: none;}}@media (max-width: 768px){.carousel-mobile{overflow-x: auto; scroll-snap-type: x mandatory; display: flex; -webkit-overflow-scrolling: touch;}.carousel-track{display: flex; gap: 1rem; width: max-content;}.carousel-slide{flex: 0 0 100%; scroll-snap-align: center; text-align: center; padding: 1rem; box-sizing: border-box;}.carousel-slide img{margin-bottom: 1rem; width: 80px; height: auto; object-fit: contain;}.carousel-slide p{font-size: 1rem; font-weight: 500; color: #000; line-height: 1.4;}}#servicios-lista .list-group-item{border: none !important;}#servicios-lista .services-accordion{border-top: 2px solid #e6e6e6;}#servicios-lista .service-item{border-bottom: 2px solid #e6e6e6; padding: 12px 4px;}#servicios-lista .service-toggle{width: 100%; background: transparent; border: none; display: flex; align-items: center; gap: 18px; text-align: left; padding: 8px 8px;}#servicios-lista .service-toggle:focus-visible{outline: 2px solid #1f4f8b; outline-offset: 4px; border-radius: 12px;}#servicios-lista .service-name{flex: 1; position: static; width: auto; line-height: 1.2;}#servicios-lista .service-toggle-icon{width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; color: #5c6b86; border: 1px solid #e0e6ef; border-radius: 999px;}#servicios-lista .service-item.is-open .service-toggle-icon{background: #1f4f8b; color: #fff; border-color: #1f4f8b;}#servicios-lista .service-panel{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; padding: 8px 8px 18px 96px; max-height: 0; opacity: 0; transform: translateY(-4px); overflow: hidden; pointer-events: none; transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;}#servicios-lista .service-item.is-open .service-panel{max-height: 700px; opacity: 1; transform: translateY(0); pointer-events: auto;}#servicios-lista .service-panel-content p{margin: 0 0 16px; color: #4b5563;}#servicios-lista .service-panel-actions{display: flex; gap: 12px; flex-wrap: wrap;}#servicios-lista .btn-service-primary{font-family: var(--text-font-roboto); font-size: 1rem; font-weight: 600; padding: 10px 28px; border-radius: 999px; border: none; background-color: #12004f; color: #fff; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; text-decoration: none; display: inline-block;}#servicios-lista .btn-service-primary:hover{transform: translateY(-2px); box-shadow: 0 10px 20px rgba(18, 0, 79, 0.28); color: #fff;}#servicios-lista .btn-service-outline{font-family: var(--text-font-roboto); font-size: 1rem; font-weight: 600; padding: 10px 28px; border-radius: 999px; border: 2px solid #12004f; background-color: transparent; color: #12004f; cursor: pointer; transition: transform 0.2s ease, background-color 0.2s ease; text-decoration: none; display: inline-block;}#servicios-lista .btn-service-outline:hover{transform: translateY(-2px); background-color: rgba(18, 0, 79, 0.06); color: #12004f;}#servicios-lista .service-panel-media{display: flex; align-items: center; justify-content: center;}#servicios-lista .service-panel-media img{width: 100%; max-width: 200px; border-radius: 16px; object-fit: cover;}#servicios-lista .service-panel-placeholder{width: 100%; min-height: 180px; background: #f2f4f8; border: 1px dashed #d6dbe3; border-radius: 16px; display: flex; align-items: center; justify-content: center; color: #8a94a6; font-size: 0.95rem;}@media (max-width: 992px){#servicios-lista .service-panel{grid-template-columns: 1fr; padding-left: 8px;}}@media (max-width: 768px){#servicios-lista .service-toggle{flex-direction: column; align-items: center; text-align: center;}#servicios-lista .service-panel{padding-left: 8px;}}