companias:cp_software
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Próxima revisión | Revisión previa | ||
| companias:cp_software [2026/05/20 16:17] – creado jesus | companias:cp_software [2026/05/20 16:40] (actual) – jesus | ||
|---|---|---|---|
| Línea 56: | Línea 56: | ||
| .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: | .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: | ||
| | | ||
| + | /* Formateo de la bandera para integrarse limpiamente al lado del título */ | ||
| + | .bandera-pais img { | ||
| + | height: 24px !important; | ||
| + | width: auto !important; | ||
| + | border: 1px solid #00ff00; | ||
| + | box-shadow: 0 0 5px #00ff00; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; } | .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; } | ||
| .dato-etiqueta { color: #008800; font-weight: | .dato-etiqueta { color: #008800; font-weight: | ||
| Línea 75: | Línea 84: | ||
| .index-subitem { margin-left: | .index-subitem { margin-left: | ||
| .index-subitem:: | .index-subitem:: | ||
| - | |||
| - | /* --- SISTEMA LIGHTBOX EN FILA (CSS PURO) --- */ | ||
| - | .pcw-gallery-row { | ||
| - | display: flex; | ||
| - | flex-wrap: wrap; | ||
| - | gap: 15px; | ||
| - | justify-content: | ||
| - | padding: 10px 0; | ||
| - | } | ||
| - | |||
| - | .pcw-gallery-item { | ||
| - | flex: 1; | ||
| - | min-width: 150px; | ||
| - | max-width: 23%; | ||
| - | background: #111; | ||
| - | border: 2px solid #00ff00; | ||
| - | padding: 8px; | ||
| - | text-align: center; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | .pcw-thumb-container { | ||
| - | width: 100%; | ||
| - | height: 180px; | ||
| - | display: flex; | ||
| - | align-items: | ||
| - | justify-content: | ||
| - | overflow: hidden; | ||
| - | background: #050505; | ||
| - | cursor: pointer; | ||
| - | } | ||
| - | |||
| - | .pcw-thumb-container img { | ||
| - | max-width: 100% !important; | ||
| - | max-height: 100% !important; | ||
| - | object-fit: contain !important; | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .pcw-gallery-caption { | ||
| - | font-size: 0.75em; | ||
| - | color: #00ff00; | ||
| - | margin-top: 8px; | ||
| - | line-height: | ||
| - | height: 34px; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | .pcw-lightbox { | ||
| - | display: none; | ||
| - | position: fixed; | ||
| - | z-index: 9999; | ||
| - | top: 0; left: 0; width: 100%; height: 100%; | ||
| - | background: rgba(0, 11, 0, 0.95); | ||
| - | text-align: center; | ||
| - | align-items: | ||
| - | justify-content: | ||
| - | border: 4px solid #00ff00; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | .pcw-lightbox: | ||
| - | display: flex; | ||
| - | } | ||
| - | |||
| - | .pcw-lightbox img { | ||
| - | max-width: 90vw !important; | ||
| - | max-height: 85vh !important; | ||
| - | object-fit: contain; | ||
| - | border: 3px solid #00ff00; | ||
| - | box-shadow: 0 0 30px rgba(0, 255, 0, 0.5); | ||
| - | } | ||
| - | |||
| - | .pcw-lightbox-close-hint { | ||
| - | position: absolute; | ||
| - | bottom: 20px; | ||
| - | left: 50%; | ||
| - | transform: translateX(-50%); | ||
| - | color: #00ff00; | ||
| - | font-size: 0.9em; | ||
| - | text-transform: | ||
| - | letter-spacing: | ||
| - | text-shadow: | ||
| - | } | ||
| @media (max-width: 700px) { | @media (max-width: 700px) { | ||
| .ficha-libro-crt { flex-direction: | .ficha-libro-crt { flex-direction: | ||
| .dato-linea { flex-direction: | .dato-linea { flex-direction: | ||
| - | .pcw-gallery-item { max-width: 46%; } | ||
| - | } | ||
| - | @media (max-width: 450px) { | ||
| - | .pcw-gallery-item { max-width: 100%; } | ||
| } | } | ||
| </ | </ | ||
| Línea 180: | Línea 101: | ||
| <div class=" | <div class=" | ||
| < | < | ||
| + | <span class=" | ||
| </ | </ | ||
| <div class=" | <div class=" | ||
| Línea 196: | Línea 118: | ||
| < | < | ||
| - | < | + | < |
| < | < | ||
| Línea 209: | Línea 131: | ||
| </ | </ | ||
| - | <!-- 3. GALERÍA DE MATERIAL GRÁFICO PRESERVADO (COMPILACIÓN Y PRODUCTOS) --> | + | <!-- 3. CATÁLOGO DE PRODUCTOS PRESERVADOS --> |
| - | <div class=" | + | |
| - | <div class=" | + | |
| - | <div class=" | + | |
| - | + | ||
| - | <!-- FOTO 1 --> | + | |
| - | <div class=" | + | |
| - | <a href="# | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | <a href="# | + | |
| - | < | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- FOTO 2 --> | + | |
| - | <div class=" | + | |
| - | <a href="# | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | <a href="# | + | |
| - | < | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- FOTO 3 --> | + | |
| - | <div class=" | + | |
| - | <a href="# | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | <a href="# | + | |
| - | < | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- FOTO 4 --> | + | |
| - | <div class=" | + | |
| - | <a href="# | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | <a href="# | + | |
| - | < | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- 4. CATÁLOGO DE PRODUCTOS PRESERVADOS --> | + | |
| <div class=" | <div class=" | ||
| <div class=" | <div class=" | ||
| Línea 302: | Línea 152: | ||
| </ | </ | ||
| - | < | + | < |
| <div class=" | <div class=" | ||
| <div class=" | <div class=" | ||
| Línea 312: | Línea 162: | ||
| </ | </ | ||
| - | < | + | < |
| <div class=" | <div class=" | ||
| <div class=" | <div class=" | ||
companias/cp_software.1779293835.txt.gz · Última modificación: por jesus
